@charset "utf-8";

@font-face {
  font-family: Impact;
  src: url(/static/style/pc/font/impact.ttf);
}

@font-face {
  font-family: OPPOSANS-H;
  src: url(/static/style/pc/font/LEMONMILK-1.OTF);
}

@font-face {
  font-family: OPPOSans;
  src: url(/static/style/pc/font/LEMONMILK-1.OTF);
}

@font-face {
  font-family: OPPOSANS-L;
  src: url(/static/style/pc/font/LEMONMILK-1.OTF);
}

@font-face {
  font-family: OPPOSANS-B;
  src: url(/static/style/pc/font/LEMONMILK-1.OTF);
}

@font-face {
  font-family: LEMONMILK;
  src: url(/static/style/pc/font/LEMONMILK-1.OTF);
}

@media (max-width:4000px) {
  html {
    font-size: 18px;
  }
}

@media (min-width:1600px) and (max-width:1940px) {
  html {
    font-size: 16px;
  }
}

@media (min-width:1400px) and (max-width:1600px) {
  html {
    font-size: 13px;
  }
}

@media (min-width:640px) and (max-width:1399px) {
  html {
    font-size: 13px;
  }
}

@media (min-width:471px) and (max-width:639px) {
  html {
    font-size: 12px;
  }
}

@media (min-width:329px) and (max-width:470px) {
  html {
    font-size: 12px;
  }
}

@media (max-width:328px) {
  html {
    font-size: 12px;
  }
}

/*==========================================公共 起头=============================================*/
.ar_wap {
  display: none
}

.a_body {
  position: relative;
  z-index: 0;
}

.section {
  overflow: hidden;
  padding: 0;
}


#header {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  transition: .6s;
  padding: 0 2.5rem;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

#header:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  transition: .6s;
  width: 100%;
  left: 0;
  right: 0
}

#header .content {
  position: relative;
}

#header .logo {
  line-height: 80px;
  transition: .6s;
}

#header .logo img {
  transition: .6s;
}

#nav {
  display: inline-block;
  float: left;
}

#nav ul {
  float: left;
}

#nav ul li {
  float: left;
  position: relative;
  z-index: 0;
  margin-left: 1rem;
}

#nav ul li a {
  display: block;
  padding: 0 1rem;
  text-transform: uppercase;
  cursor: pointer;
}

#nav ul li>a h3 {
  font-size: 1rem;
  color: #424242;
  line-height: 80px;
  position: relative;
  transition: .6s;
  font-weight: bold;
  cursor: pointer;
}

#nav ul li.on>a h3 {}

#nav ul li a i {
  display: inline-block;
  background: url(/static/style/pc/images/nav_down.png) center no-repeat;
  width: 9px;
  height: 6px;
  background-size: contain;
  vertical-align: middle;
  margin-left: 8px;
}

#nav ul li .sub {
  position: absolute;
  background: rgba(255, 255, 255, .8);
  width: 140px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  top: 100%;
  z-index: 999;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #3333334d;
  transform-origin: 0 0 0;
  transform: scaleY(0.2);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  top: 80px;
}

#nav ul li .sub .box {
  padding: 0px 10px;
  text-align: center;
}

#nav ul li .sub a {
  padding: 0;
  line-height: 3.5;
  transition: .3s;
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
  border-bottom: 1px dashed #eee;
}

#nav ul li .sub a:hover {
  color: #00923d;
}

#nav ul li:hover .sub {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

#nav>ul>li.on>a h3,
#nav ul li:hover>a h3,
#header.xg #nav ul li.on>a h3,
#header.xg #nav ul li:hover>a h3 {
  color: #00923d;
}

#nav>ul>li h3:after {
  content: "";
  display: block;
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  margin-left: 0;
  background: #00923d;
  top: -3px;
  transition: .3s;
  transform: scale(0);
  border-radius: 3.5px;
}

#nav>ul>li h3:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  border-left: transparent 3px solid;
  border-right: transparent 3px solid;
  border-bottom: #00923d 4px solid;
  bottom: 2px;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  display: none;
}

#nav>ul>li:hover h3:after,
#nav ul li.on h3:after {
  transform: scale(1);
}

#nav>ul>li:hover h3:before,
#nav>ul>li.on h3:before {
  opacity: 1;
  visibility: visible
}

#header.xg #nav>ul>li h3:after {
  background: #007f64
}

.wailian {
  float: left;
  margin-left: 3rem;
}

.wailian ul li {
  float: left;
  text-align: center;
  position: relative
}

.wailian ul li>a {
  display: block;
  padding: 18px 1.5rem 0;
  height: 80px;
  transition: .6s;
}

.wailian ul li>a h3 {
  height: 30px;
}

.wailian ul li>a h3 svg {
  fill: #565656;
  width: 22px;
  height: 22px;
  transition: .6s;
}

.wailian ul li>a h5 {
  font-size: 0.9375rem;
  color: #696a6a;
  text-transform: uppercase;
}

.wailian ul li:nth-child(1)>a {
  background: #00923d
}

.wailian ul li:nth-child(1)>a h5 {
  color: #fff
}

.wailian ul li:nth-child(1)>a h3 svg {
  fill: #fff
}

.wailian ul li:nth-child(2)>a {
  border-right: #e5e5e5 1px solid
}

.wailian ul li .sub {
  position: absolute;
  background: rgba(255, 255, 255, .8);
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  top: 100%;
  z-index: 999;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #3333334d;
  transform-origin: 0 0 0;
  transform: scaleY(0.2);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  top: 120px;
}

.wailian ul li .sub .box {
  padding: 0px 10px;
  text-align: center;
}

.wailian ul li .sub a {
  padding: 0;
  display: block;
  line-height: 2.5;
  transition: .3s;
  font-size: 13px;
  letter-spacing: 1px;
  color: #333;
  border-bottom: 1px dashed #eee;
}

.wailian ul li .sub a:hover {
  color: #00923d;
}

.wailian ul li:hover .sub {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


/*手机头部起头*/
#m_header {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
  padding: 0 10px;
  transition: .6s;
  background: rgba(255, 255, 255, .8);
}

#m_header #logo {
  height: 60px;
  float: left;
}

#m_header #logo img {
  max-height: 44px;
}

#m_header .yuyan {
  height: 4.5rem;
  float: right;
  margin-right: 4rem;
}

#m_header .yuyan span {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  margin-left: 17px;
  background: rgba(255, 255, 255, .3);
}

.wap_search {
  width: 80%;
  margin: 0 auto;
}

.wap_search form {
  position: relative;
}

.wap_search #keyword {
  width: 80%;
  height: 3.8rem;
  line-height: 3.8rem;
  border: 0;
  padding: 0 1rem;
  font-size: 1rem;
  color: #999;
  box-shadow: none;
  -webkit-appearance: none;
  float: left;
  border-right: 0;
}

.wap_search .btn_blue {
  width: 20%;
  height: 3.8rem;
  background: #00a0e9 url(/static/style/pc/images/search.svg) center no-repeat;
  background-size: 20px;
  font-size: 0;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  float: left;
}

/*顶部搜索*/
.tc_search {
  margin: 0 1.3rem;
  width: calc(100% - 2.6rem);
}

.tc_search form {
  height: 40px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
}

.tc_search #keyword {
  font-size: .875rem;
  color: #fff;
  height: 38px;
  line-height: 38px;
  padding: 0 1rem;
  box-shadow: none;
  -webkit-appearance: none;
  border-right: 0;
  background: none;
  width: 100%;
}

.tc_search .btn_blue {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 38px;
  line-height: 38px;
  border: 0;
  background: url(/static/style/pc/images/search_white.svg) center center no-repeat;
  background-size: 1.2rem;
}

.tc_search .btn_blue.fr {
  background: #e9edef;
  color: #4e4f53;
}

.tc_search input::-webkit-input-placeholder {
  color: #fff;
  color: rgba(255, 255, 255, .7);
}

.tc_search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  color: rgba(255, 255, 255, .7);
}

.tc_search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  c color: #fff;
  color: rgba(255, 255, 255, .7);
}

.tc_search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  color: rgba(255, 255, 255, .7);
}

/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
  color: transparent;
  /* transparent是全通明玄色(black)的速记法
，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
  color: transparent;
}

/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {
  color: transparent;
}

/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
  color: transparent;
}

/* 点击搜索框获取焦点 placeholder隐没-实现 */


/*导航按钮起头*/
#nav_btn_box {
  height: 100%;
  z-index: 999999999;
  float: right;
  margin-left: 20px;
}

#nav_btn_box.on {
  background: none;
}

#nav_btn {}

#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {
  background: #fff;
}

#nav_btn {
  cursor: pointer;
  text-align: center;
  z-index: 99999;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  outline: none;
  box-shadow: none;
}

#nav_btn .point {
  display: inline-block;
  width: 1.875rem;
  height: 22px;
  position: relative;
  outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
  width: 1.75rem;
}

#nav_btn .navbtn {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 21px;
  height: 1px;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  background: #5b5b5b;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.75rem;
  height: 1px;
  content: '';
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  background: #5b5b5b;
}

#nav_btn .navbtn::after {
  top: -8px;
}

#nav_btn .navbtn::before {
  top: 8px;
}

#nav_btn .point.on .navbtn {
  background: transparent;
}

#nav_btn .point.on .navbtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}

#nav_btn .point.on .navbtn::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0px;
}

/*导航按钮实现*/
.m_nav_list {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  overflow: auto;
}

.m_nav_list::-webkit-scrollbar {
  display: none
}

#m_nav {
  z-index: 99999;
  position: fixed;
  width: 17rem;
  height: 100vh;
  right: -400px;
  top: 0;
  display: none;
  padding: 2rem 0;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background: #00923d;
}

#m_nav.act {
  pointer-events: auto;
  right: 0;
}

#m_nav>ul>li {
  width: 100%;
  overflow: hidden;
  padding: 0 2.3rem;
}

#m_nav>ul>li+li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#m_nav li .a {
  display: inline-block;
  width: calc(100% - 30px)
}

#m_nav li .a {
  line-height: 4rem;
  height: 4rem;
  color: #fff;
  padding: 0;
  font-size: 1.125rem;
  float: left;
}

#m_nav li .a h3 {
  font-size: 1.125rem
}

#m_nav li .a span {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 50px;
  text-align: center;
}

#m_nav li .a span i {
  font-size: 0;
}

#m_nav li i {
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  width: 10px;
  height: 4rem;
  float: right;
  display: inline-block;
  background: url(/static/style/pc/images/arrow_down.svg) center no-repeat;
  background-size: contain;
}

#m_nav li.on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav .on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav li {
  display: block;
  width: 100%;
}

.slide_nav {
  position: absolute;
  left: 0;
  height: 70px;
  z-index: 998;
  padding: 15px;
  top: 0;
  width: 100%;
}

#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: none;
  border: 0;
  clear: both;
  padding-bottom: 10px;
}

#m_nav .title .list span {
  background: none;
}

#m_nav .title .list span a:hover {
  color: #014085;
}

#m_nav .title .list a {
  display: block;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  line-height: 40px;
  height: 40px;
  border: 0;
  font-weight: 300;
}

/*三级导航 起头*/
#m_nav .title .list .void>a {
  background-size: 10px;
  position: relative;
}

#m_nav .title .list .void>a:before {
  content: "·";
  position: absolute;
  left: -1em;
  font-size: 12px;
  font-weight: bold;
}

#m_nav .title .list span {
  position: relative;
  display: block;
}

#m_nav .title .list span .sub {
  position: static;
  width: 100%;
  display: block !important;
  overflow: hidden;
}

#m_nav .title .sub a {
  background: none;
  font-size: .875rem;
  opacity: .8;
  min-width: 50%;
  float: left;
  display: inline-block;
  color: #999;
}

.nav_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

.m_header_box {
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}

#m_header #logo .box_table,
#nav_btn_box .box_table {
  width: auto;
  float: left;
}

.wailian1 {
  line-height: 80px;
  margin-left: 1rem;
}

.wailian1 svg {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  fill: #7f7f7f
}

.wailian1 .fl {
  margin-left: 2.5rem
}

.tc {
  transition: all ease 300ms;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999999;
  pointer-events: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.tc.act {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: block;
  pointer-events: auto;
}

.tc-box {
  width: 60rem;
  padding-top: 40px;
  max-width: 80%;
  margin: 0 auto;
  margin-top: -80px;
  box-sizing: border-box;
  /* background:#fff; */
  display: block;
  position: relative;
  z-index: 1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow: hidden;
}

.tc.act .tc-box {
  -webkit-animation-name: anim-open-2;
  animation-name: anim-open-2;
  transform: scale(1);
}

.close {
  position: absolute;
  cursor: pointer;
  color: #e13a39;
  font-size: 30px;
  right: 30px;
  top: 30px;
}

.tc_bg {
  height: 100%;
  background: rgba(0, 0, 0, .85);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.tc_txt {
  height: 470px;
  overflow-y: auto;
  padding-right: 30px;
}

/*弹窗内容形状*/
.tc-box form {
  position: relative;
  border-bottom: 2px solid #eee;
  height: 4.25rem;
  padding-right: 20px;
  position: relative;
}

.tc-box .tc_fdj {
  position: absolute;
  left: 20px;
  display: block;
  height: 4.25rem;
  line-height: 4.25rem;
}

.tc-box .tc_fdj img {
  width: 1.3rem;
}

.tc-box form label {
  text-align: left;
  display: block;
  position: absolute;
  bottom: 0;
  height: 4.25rem;
  line-height: 4.25rem;
  font-size: 1.6rem;
  color: #999;
  pointer-events: none;
  margin-left: 20px;
  transition: .3s;
}

.tc-box form label.act {
  font-size: 1rem;
  bottom: 3rem;
  line-height: 3rem;
  height: 3rem;
}

.tc-box #keyword {
  width: 80%;
  height: 4.25rem;
  padding: 0 20px;
  font-size: 1.6rem;
  color: #999;
  box-shadow: none;
  -webkit-appearance: none;
  float: left;
  border-right: 0;
  background: none;
}

.tc-box .btn_blue {
  width: 40px;
  height: 4.25rem;
  border: 0;
  line-height: 4.25rem;
  background: url(/static/style/pc/images/search.png) center center no-repeat;
  font-size: 1.125rem;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
}

.tc-box .btn_blue.fr {
  background: #e9edef;
  color: #4e4f53;
}

/*==========================================公共 实现=============================================*/


/*==========================================首页 起头=============================================*/

.header_box {
  height: 80px;
  position: fixed;
  z-index: 1000;
}

#banner ul li img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}


.tc1 .tc {
  transition: all ease 300ms;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999999;
}

.tc1 .tc {
  pointer-events: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transform: scale(1.1);
  display: none;
}

.tc1 .tc.act {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.tc1 .close:hover {
  transform: rotate(180deg);
}

.tc1 .close,
.tc {
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
}

.tc1 .tc-box {
  position: absolute;
  overflow: hidden;
  top: 50%;
  z-index: 9999;
  width: 200px;
  height: 250px;
  left: 50%;
  margin-left: -100px;
  margin-top: -125px;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: anim-close-2;
  animation-name: anim-close-2;
}

.tc1 .tc.act {
  display: block;
}

.tc1 .tc.act .tc-box {
  display: block;
  -webkit-animation-name: anim-open-2;
  animation-name: anim-open-2;
  transform: scale(1);
}

.tc1 .close {
  position: absolute;
  cursor: pointer;
  font-size: 20px;
  right: 30px;
  top: 30px;
}

.tc1 .tc-bg {
  height: 100%;
  background: rgba(0, 0, 0, .9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.tc1 .tc-box h3 {
  position: relative
}

.tc1 .tc-box h3:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: #fff 14px solid;
}

.tc1 .tc-box h3 img {
  width: 200px;
  height: 200px;
}

.tc1 .tc-box h5 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.tc-box01 {
  padding: 0 !important
}


.dots_yuan .miso-arrow {
  width: 5.25rem;
  height: 5.25rem;
  border: rgba(255, 255, 255, 0.4) 1px solid;
  border-radius: 50%;
  transition: .6s;
}

.dots_yuan .miso-arrow.miso-prev {
  left: 6.25rem;
  transition: 300ms;
  -webkit-transition: 300ms;
  overflow: hidden
}

.dots_yuan .miso-arrow.miso-prev:before {
  width: 100%;
  height: 100%;
  background: url(/static/style/pc/images/icon-system_white_l.png) center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transition: .36s;
}

.dots_yuan .miso-arrow.miso-prev:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/static/style/pc/images/icon-system_white_l.png) center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
  transition: .36s;
}

.dots_yuan .miso-arrow.miso-next {
  right: 6.25rem;
  transition: 300ms;
  -webkit-transition: 300ms;
  overflow: hidden
}

.dots_yuan .miso-arrow.miso-next:before {
  width: 100%;
  height: 100%;
  background: url(/static/style/pc/images/icon-system_white_r.png) center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transition: .36s;
}

.dots_yuan .miso-arrow.miso-next:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/static/style/pc/images/icon-system_white_r.png) center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition: .36s;
}

.next_icon {
  position: absolute;
  bottom: 3.25rem;
  width: 100%;
  height: 3.125rem;
  right: 0;
  left: 0;
  text-align: center
}

.next_icon a {
  display: inline-block;
  position: relative;
  width: 3.125rem;
  height: 3.125rem;
  position: relative
}

.next_icon span {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 3.125rem;
  border-radius: 50%;
  border: rgba(255, 255, 255, .3) 1px solid
}

.next_icon a .yuan_huan_svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.next_icon a .yuan_huan_svg svg {
  width: 100%;
  height: 100%
}

.next_icon a:hover .yuan_huan_svg {
  width: 3.125rem;
  height: 3.125rem;
}

.next_icon a:hover .yuan_huan_svg .circle-timer .progress {
  animation: rotate 2s linear both;
}

@keyframes rotate {

  0,
  30% {
    stroke-dashoffset: 157px;
    opacity: 0
  }

  40% {
    stroke-dashoffset: 157px;
    opacity: 0.5
  }

  100% {
    stroke-dashoffset: 0px;
    opacity: 1
  }
}

.container01 {
  position: relative;
  overflow: hidden;
  background: #fcfdff;
}

.container01 .left {
  width: 50%;
  background: url(/static/style/pc/images/container01_bg1.jpg) center no-repeat;
  background-size: cover;
  padding: 7% 10rem 0;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
}

.container01 .left ul {
  border: rgba(255, 255, 255, 0.2) 1px solid
}

.container01 .left ul li {
  height: 8.125rem;
  width: 50%;
  float: left;
}

.container01 .left ul li:first-child {
  border-right: rgba(255, 255, 255, 0.2) 1px solid
}

.container01 .left ul li big {
  font-size: 3.75rem;
  color: #fff;
  font-family: OPPOSANS-H
}

.container01 .left ul li small {
  font-size: 1rem;
  color: #fff;
  opacity: 0.6;
  vertical-align: top;
  margin-left: 15px;
  transform: translateY(0.375rem);
  display: inline-block;
}

.container01 .right {
  width: 50%;
  min-height: 100vh;
  background: #fcfdff url(../images/container01_bg2.png) center bottom no-repeat;
  background-size: 100% auto;
  padding: 100px 10rem 3%;
  position: relative;
}

.container01 .right .top {
  height: 19.75rem;
  position: relative
}

.container01 .right .top:before {
  content: "";
  position: absolute;
  border: #dddee2 0.75rem solid;
  width: 11.5rem;
  opacity: .5;
  transition: .6s;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
}

.container01 .right .top .box_table {
  position: relative
}

.container01 .right .top .top_li {
  background: #fcfdff;
  padding: 0 0 1.625rem
}

.container01 .right .top .top_li h6 {
  font-size: .9375rem;
  color: #00923d;
  letter-spacing: 0.5rem
}

.container01 .right .top .top_li h2 {
  font-size: 3rem;
  color: #00923d;
  font-family: LEMONMILK;
  margin: 0.5rem 0 0.75rem
}

.container01 .right .top .top_li h4 {
  font-size: 1.125rem;
  color: #393939
}

.container01 .right .top .box01 {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: relative;
}

.container01 .right .top .box01 span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #00923d;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation: circleScale1 3s linear infinite;
  -moz-animation: circleScale1 3s linear infinite;
  -ms-animation: circleScale1 3s linear infinite;
  animation: circleScale1 3s linear infinite;
}

.container01 .right .top .box01 span:nth-of-type(2) {
  animation-delay: 1s;
}

.container01 .right .top .box01 span:nth-of-type(3) {
  animation-delay: 2s;
}

.container01 .right .top .box01 span:nth-of-type(4) {
  animation-delay: 3s;
}

@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);

    transform: scale(0.4);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.container01 .right .top .box01 .box_table {
  position: relative
}

.container01 .right .top .box01 .box02 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #00923d;
  top: 50%;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
}

.container01 .right .top .box01 .box02 a {
  display: block;
}

.container01 .right .top .box01 .box02 svg {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  padding-left: 0.25rem;
  vertical-align: middle;
  fill: #fff;
  transition: 0.6s;
  margin: -3px 0 0;
}

.container01 .right .center {
  margin: 2.5rem 0 6%;
  text-align: center;
}

.container01 .right .center h3 {
  font-size: 2rem;
  color: #00923d;
  margin-bottom: 1.875rem;
}

.container01 .right .center p {
  font-size: .9375rem;
  color: #343435;
  opacity: .8;
  line-height: 26px;
  padding: 0 2rem;
  text-align: left;
}

.container01 .right .bottom ul {
  background: #ffffff;
  padding: 0 1.5rem
}

.container01 .right .bottom ul li {
  float: left;
  width: 25%;
  text-align: center
}

.container01 .right .bottom ul li h3 {
  height: 3rem
}

.container01 .right .bottom ul li h3 img {
  max-height: 2.375rem;
  transition: .6s
}

.container01 .right .bottom ul li a {
  display: inline-block;
  padding: 1.5rem 0;
  position: relative
}

.container01 .right .bottom ul li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: .6s;
  height: 2px;
}

.container02 {
  position: relative;
  overflow: hidden;
}

.container02 .container02_bottom,
.container02 .miso_bd,
.container02 .miso_bd ul,
.container02 .miso_bd ul .miso-list,
.container02 .miso_bd ul .miso-track,
.container02 .miso_bd ul li {
  height: 100%;
}

.container02 .miso_bd ul li .box {
  height: 100%;
  padding: 8rem 0 10rem;
  background-size: cover !important;
}

.container02 .miso_bd ul li .box .top {
  padding: 0 0 0 15.625rem;
  transform: translateY(50px);
  transition: 1s
}

.container02 .miso_bd ul li .box .top h4 {
  font-size: 1.875rem;
  color: #fff;
  font-family: OPPOSANS-H;
}

.container02 .miso_bd ul li .box .top h3 {
  font-size: 3rem;
  color: #fff;
  margin: 3rem 0 15px
}

.container02 .miso_bd ul li .box .top h6 {
  font-size: 1.125rem;
  color: #fff;
}

.container02 .miso_bd ul li.miso-current .box .top {
  transform: translateY(0);
}

.container02 .container02_top {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.container02 .container02_top .box {
  background: rgba(255, 255, 255, 0.9)
}

.container02 .container02_top .box .miso_hd {
  width: calc(100% - 115px)
}

.container02 .container02_top .box .miso_hd ul {
  padding: 0 3.125rem
}

.container02 .container02_top .box .miso_hd ul li {
  float: left;
  width: 33.3333333%;
  padding: 0 3.375rem;
  position: relative
}

.container02 .container02_top .box .miso_hd ul li:before {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 3.625rem;
  background: #d6d6d6;
  top: 50%;
  transform: translateY(-50%)
}

.container02 .container02_top .box .miso_hd ul li a {
  display: block;
  height: 11.125rem;
  position: relative;
  cursor: pointer
}

.container02 .container02_top .box .miso_hd ul li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: .6s;
  height: 3px;
}

.container02 .container02_top .box .miso_hd ul li a .ico {
  width: 5.875rem;
  height: 3.625rem;
  float: left
}

.container02 .container02_top .box .miso_hd ul li a .ico img {
  max-height: 3.625rem
}

.container02 .container02_top .box .miso_hd ul li a .con {
  width: calc(100% - 5.875rem);
  height: 3.625rem;
  float: left;
  text-align: left;
}

.container02 .container02_top .box .miso_hd ul li a .con h5 {
  font-size: 1.125rem;
  color: #373737;
  font-weight: bold;
  margin-bottom: 0.5rem
}

.container02 .container02_top .box .miso_hd ul li a .con p {
  font-size: .9375rem;
  color: #373737;
  opacity: 0.8;
  line-height: 16px;
  height: 32px;
}

.container02 .container02_top .box .more a {
  width: 115px;
  float: right;
  display: block;
  height: 11.125rem;
  background: #00923d;
  font-size: 1.125rem;
  color: #fff;
  font-weight: bold;
  position: relative
}

.container02 .container02_top .box .more a:before {
  content: "";
  position: absolute;
  border-top: transparent 11.125rem solid;
  border-right: #00923d 3.125rem solid;
  left: 0;
  margin-left: -3.125rem;
  transition: .6s
}

.container02 .container02_top .box .more a svg {
  vertical-align: middle;
  margin: -3px 0 0 15px;
  width: 1.5rem;
  height: 1.5rem;
  fill: #fff
}

.container02 .container02_top .box .miso_hd ul li.miso-current a:before {
  width: 100%;
  left: 0;
  background: #005ab7
}

.container02 .dots_yuan .miso-arrow.miso-prev {
  left: 10rem;
}

.container02 .dots_yuan .miso-arrow.miso-next {
  right: 10rem;
}

.title001 {
  position: absolute;
  top: 8.75rem;
  bottom: 4.375rem;
  right: 18rem;
  z-index: 1;
  text-align: center;
  height: 12rem;
  white-space: nowrap;
}

.title001 h3 {
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  font-size: 2.25rem;
  color: #3e3d3d;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  margin-right: 0.75rem;
  width: 2.25rem;
}

.title001 h4 {
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  font-size: 1.5rem;
  color: #3e3d3d;
  opacity: .7;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  text-align: left;
  line-height: 1.875rem;
  font-family: OPPOSANS-L;
  width: 3.75rem;
}

.container03 {
  overflow: hidden;
  padding: ;
}

.container03 .fl01 {
  padding: 0 0 3.375rem;
}

.title002 h3 big {
  font-size: 2.25rem;
  color: #343434
}

.title002 h3 small {
  font-size: 1.5rem;
  color: #0195db;
  font-family: OPPOSANS-L;
  margin-left: 0.75rem;
  text-transform: capitalize
}

.container03 .title002 {
  margin-top: 80px
}

.container03 .fl01 .miso_hd {
  border-bottom: #e0e3e4 1px solid;
  margin-top: -5rem;
}

.container03 .fl01 .miso_hd ul {
  white-space: nowrap !important;
}

.container03 .fl01 .miso_hd ul li {
  float: none;
  margin-right: 3rem;
  font-weight: bold;
  width: auto !important;
  display: inline-block
}

.container03 .fl01 .miso_hd ul li a {
  font-size: 1.125rem;
  color: #575757;
  display: inline-block;
  line-height: 5rem;
  position: relative;
  transition: .6s;
  white-space: nowrap;
}

.container03 .fl01 .miso_hd ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 3px;
  transition: .6s
}

.container03 .fl01 .miso_hd ul li.miso-current a {
  color: #00923d;
  font-size: 1.5rem;
}

.container03 .fl01 .miso_hd ul li.miso-current a:after {
  width: 100%;
  background: #00923d
}

.container03 .fl01 .miso_hd .more a {
  font-size: 1.125rem;
  color: #979797;
  line-height: 5rem;
  display: block;
  transition: .6s
}

.container03 .fl01 .miso_hd .more a svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: #575757;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 0.5rem
}

.container03 .fl02 {
  padding: 0 0 1.5rem;
}

.container03 .fl02 ul li a {
  display: block;
  transition: .6s
}

.container03 .fl02 ul li .img,
.container03 .fl02 ul li .img img {
  width: 20rem;
  height: 12.5rem;
  overflow: hidden
}

.container03 .fl02 ul li .con {
  width: calc(100% - 20rem);
  padding: 1.875rem 0 0 3.5rem
}

.container03 .fl02 ul li .con h6 {
  font-size: 1rem;
  color: #acacac;
}

.container03 .fl02 ul li .con h6 font {
  font-family: OPPOSANS-B;
  color: #00923d;
}

.container03 .fl02 ul li .con h5 {
  font-size: 1.375rem;
  color: #343434;
  line-height: 1.1;
  font-weight: bold;
  margin: 1.375rem 0 1.75rem;
  transition: .6s;
}

.container03 .fl02 ul li .con p {
  font-size: .9375rem;
  color: #343434;
  line-height: 24px;
  opacity: 0.8;
  height: 48px;
}

.container03 .fl03 {
  padding: 0 0;
  position: relative
}

.container03 .fl03:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #e0e3e4
}

.container03 .fl03 ul {
  margin: 0 -2.375rem
}

.container03 .fl03 ul li {
  float: left;
  width: 33.3333333%;
}

.container03 .fl03 ul li a {
  display: block;
  padding: 2.375rem 3.75rem 2.375rem 3.375rem;
  position: relative;
}

.container03 .fl03 ul li a:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  bottom: 0;
  transition: .6s
}

.container03 .fl03 ul li a .time {
  position: relative
}

.container03 .fl03 ul li a .time h3 {
  font-size: 2.25rem;
  color: #929292;
  font-family: OPPOSANS-H;
  margin-bottom: 3px;
  transition: .6s
}

.container03 .fl03 ul li a .time h4 {
  font-size: 12px;
  color: #929292;
  font-family: OPPOSANS-H;
  transition: .6s
}

.container03 .fl03 ul li a h5 {
  font-size: 1.25rem;
  color: #141414;
  line-height: 1.875rem;
  height: 3.75rem;
  margin: 1rem 0 1.25rem;
  position: relative;
  transition: .6s;
}

.container03 .fl03 ul li a p {
  font-size: .9375rem;
  color: #343434;
  line-height: 24px;
  opacity: 0.7;
  height: 72px;
  transition: .6s;
  -webkit-line-clamp: 3;
}

.container03 .fl03 ul li a font {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 2.75rem;
  line-height: 2.5rem;
  border: #242424 2px solid;
  border-radius: 4px;
  text-align: center;
  margin-top: 1.75rem;
  transition: .6s;
  display: none;
}

.container03 .fl03 ul li a font:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  bottom: 0;
  transition: .6s
}

.container03 .fl03 ul li a font span {
  font-size: 14px;
  color: #000000;
  transition: .6s;
  position: relative
}

.container03 .fl03 ul li a font span svg {
  fill: #000000;
  vertical-align: middle;
  margin: -3px 0 0 0.375rem;
  transition: .6s
}

.container03 .fl03 ul li:nth-child(1) a {
  padding: 2.375rem 3.75rem 2.375rem 2.375rem;
}

.container03 .fl03 ul li:nth-child(3) a {
  padding: 2.375rem 2.75rem 2.375rem 3.375rem;
}

.container03 .fl03 ul li:nth-child(2) {
  border-left: rgba(255, 255, 255, 0.2) 1px solid;
  border-right: rgba(255, 255, 255, 0.2) 1px solid
}

.container03 .fl03 ul li:nth-child(2) a:before {
  background: #00923d;
  left: 0;
  width: 100%
}

.container03 .fl03 ul li:nth-child(2) .time h3,
.container03 .fl03 ul li:nth-child(2) .time h4,
.container03 .fl03 ul li:nth-child(2) a h5,
.container03 .fl03 ul li:nth-child(2) a p {
  color: #fff
}

.container03 .fl03 ul li:nth-child(2) a font {
  border: #fff 2px solid
}

.container03 .fl03 ul li:nth-child(2) a font:before {
  background: #ffffff;
  left: 0;
  width: 100%
}

.container03 .fl03 ul li:nth-child(2) a font span {
  color: #000000
}

.container03 .fl03 ul li:nth-child(2) a font span svg {
  fill: #000000
}

.container03 .fl04 {
  padding: 2rem 0 0;
  position: relative;
  margin-top: 0;
}

.container03 .fl04:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #e0e3e4
}

.container04 {
  background: url(/static/style/pc/images/container04_bg.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 0;
}

.container04 .title002 {
  margin-bottom: 5rem;
  margin-top: 80px;
}

.container04 .title002 h3 big {
  color: #fff
}

.container04 .title002 h3 small {
  color: #fff
}

.container04 .title002 .more a {
  font-size: 1.125rem;
  color: #f9f9f9;
  line-height: 5rem;
  display: block;
  transition: .6s
}

.container04 .title002 .more a svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 0.5rem;
  transition: .6s;
}

.container04 .title002 .more a:hover {
  color: #d9271b;
}

.container04 .title002 .more a:hover svg {
  fill: #d9271b;
}


.container04 .content {
  display: block;
}

.container04 .content .box_li {
  background: rgba(255, 255, 255, 0.7);
  display: block;
}

.container04 .content .box .left {
  width: 165px;
  height: 380px;
  border-right: #ececec 1px solid;
}

.container04 .content .box .left .top {
  height: 100%;
}

.container04 .content .box .left .top h3 img {
  display: inline-block;
  max-width: 3rem;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}

.container04 .content .box .left .top h5 {
  font-size: 1.125rem;
  color: #5e5e5e;
  font-weight: bold;
  margin-top: 15px
}

.container04 .content .box .left .top .miso-slide {
  padding: 2rem 0;
  cursor: pointer;
  border-bottom: #ececec 1px solid;
  height: 190px;
}


.container04 .content .box .left .top .miso-slide:last-child {
  border: none
}

.container04 .content .box .left .top .miso-current h5 {
  color: #d9271b
}

.container04 .content .box .left .bottom {
  text-align: center;
  padding: 1.25rem 0 0
}

.container04 .content .box .left .bottom a {
  font-size: 12px;
  color: #5e5e5e;
  opacity: 0.7;
  transition: .6s
}

.container04 .content .box .left .bottom a svg {
  vertical-align: middle;
  margin: -3px 0.5rem 0 0;
  width: 1.5rem;
  height: 1.5rem;
  fill: #5e5e5e;
  opacity: 0.7;
  transform: rotateY(180deg);
  transition: .6s
}

.container04 .content .box .right {
  width: calc(100% - 165px);
  height: 380px;
  padding: 0 2.75rem;
}

.container04 .content .box .right .box_table {
  text-align: left
}

.container04 .content .box .right ul .miso-dots {
  bottom: 0;
  text-align: center;
}

.container04 .content .box .right ul .miso-dots li {
  width: 8px;
  height: 8px;
  border: #626262 1px solid;
  border-radius: 50%;
  transition: .6s;
  margin: 0 0.5rem 0 0
}

.container04 .content .box .right ul .miso-dots li.miso-active {
  background: #d9271b
}

.container04 .content .miso-prev,
.container04 .content .miso-next {
  width: 3.9375rem;
  height: 3.9375rem;
  background-size: 100% 100% !important;
  top: auto;
  bottom: 2px;
  transform: translateY(0);
  transition: .6s;
  display: none !important;
}

.container04 .content .miso-prev {
  background: url(/static/style/pc/images/left1.png) center no-repeat;
  left: auto;
  right: 0
}

.container04 .content .miso-next {
  background: url(/static/style/pc/images/right1.png) center no-repeat;
  right: -3.9375rem
}

.container04 .content .miso-prev:hover {
  background: url(/static/style/pc/images/left1_on.png) center no-repeat;
}

.container04 .content .miso-next:hover {
  background: url(/static/style/pc/images/right1_on.png) center no-repeat;
}

.container04 .content .box .left .top .miso-current h3 img {
  display: inline-block;
  max-width: 3rem;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}


.container05 {
  padding: 4rem 0;
  overflow: hidden;
}

.container05 .title002 {
  margin-bottom: 3.125rem;
  line-height: 2.5rem;
}

.container05 .title002 h3 {
  display: inline-block
}

.container05 .title002 .anniu_box .anniu_li {
  display: inline-block;
  border: #bababa 2px solid;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-left: 1.25rem;
  text-align: center;
  transition: .6s;
  cursor: pointer
}

.container05 .title002 .anniu_box .anniu_li svg {
  width: 2rem;
  height: 2rem;
  fill: #bababa;
  display: inline-block;
  margin: 1px 0;
  transition: .6s
}

.container05 ul {
  margin: 0 -.6375rem;
}

.container05 ul li {
  float: left;
  width: 20%;
  padding: 0 .6375rem;
  margin-bottom: 1.8rem;
  text-align: center;
}

.container05 ul li a {
  display: block;
  transition: .6s
}

.container05 ul li .img {
  width: 100%;
  padding-bottom: 4.0625rem;
  position: relative;
  overflow: hidden;
  background: #f6f7fa;
}

.container05 ul li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.container05 ul li .img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: #dcdcdc 1px solid;
  z-index: 1
}

.container05 ul li .img .top {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00923d;
  transition: .6s;
  transform: translateX(-105%);
}

.container05 ul li .img .top span {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative
}

.container05 ul li .img .top span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  left: 0;
  right: 0;
  background: #fff;
  transition: .36s;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
  transition-delay: .6s
}

.container05 ul li .img .top span:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  top: 0;
  bottom: 0;
  background: #fff;
  transition: .36s;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition-delay: .6s
}

.container05 ul li h5 {
  line-height: 1.5;
  font-size: 1rem;
  color: #4f535b;
  transition: .6s;
  position: relative;
  z-index: 2;
  padding: 0 0.5rem;
}

.container05 ul li a:hover h5 {
  color: #fff
}

.container05 ul li a:hover .img:after {
  border: #00923d 1px solid
}

footer {
  padding: 4.375rem 0;
  background: #f3f4f7;
  overflow: hidden
}

footer .left {
  width: calc(100% - 20.5rem - 20.625rem - 4.25rem);
  padding-right: 3rem;
}

footer .left dl {
  float: left;
  width: 14.28%
}

footer .left dl dt {
  height: 3.375rem;
  font-size: 1rem;
  color: #1e1c1c;
  transition: .6s
}

footer .left dl dd {
  line-height: 1.875rem;
  font-size: .9375rem;
  color: #848282;
  transition: .6s
}

footer .center {
  width: 20.5rem;
}

footer .center h3 {
  margin-bottom: 3rem
}

footer .center h3 big {
  font-size: 2.625rem;
  color: #1c1c1c
}

footer .center h3 small {
  font-size: 1rem;
  color: #1c1c1c;
  border-left: #1c1c1c 2px solid;
  padding-left: 0.5rem;
  margin-left: 1.25rem
}

footer .center ul li {
  height: 2.75rem;
  line-height: 2.75rem;
  border-bottom: #3b3b3b 2px solid;
  font-size: 1rem;
}

footer .center ul li a {
  display: block;
  color: #545454;
  transition: .6s
}

footer .center ul li a font {
  width: calc(100% - 2.5rem);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

footer .center ul li a svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: #b8b8b8;
  vertical-align: middle;
  float: right;
  margin-top: 0.5rem
}

footer .right {
  width: 20.625rem;
  margin-left: 4.25rem;
}

footer .right .top {
  padding-bottom: 1.125rem;
  border-bottom: #e0e0e0 1px solid;
  margin-bottom: 1.25rem
}

footer .right .top h4 {
  font-size: 1rem;
  color: #000000;
  font-weight: bold
}

footer .right .top h4 img {
  margin: -3px 0.5rem 0 0
}

footer .right .top h3 {
  font-size: 1.625rem;
  color: #00923d;
  font-family: OPPOSANS-H;
  margin: 1.25rem 0 0.5rem
}

footer .right .top h6 {
  font-size: 14px;
  color: #545454;
  line-height: 24px;
}

footer .right .bottom .ewm,
footer .right .bottom .ewm img {
  width: 7.5rem;
  height: 7.5rem;
}

footer .right .bottom .con {
  width: calc(100% - 7.5rem);
  padding-left: 1rem;
  height: 7.5rem;
}

footer .right .bottom .con .box_table {
  text-align: left
}

footer .right .bottom .con h6 {
  font-size: .9375rem;
  line-height: 1.5;
  color: #898a8b;
}

.footer_b {
  background: #ebecef;
  padding: 1.5rem 0;
  text-align: center
}

.footer_b p {
  font-size: .9375rem;
  line-height: 1.5rem;
  color: #a0a1a2
}


.vwrap {
  display: none;
  z-index: 1040000;
  width: 100%;
  position: fixed;
}

.vwrap .videobtg {
  z-index: 900;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  overflow: hidden;
}

.vwrap .videobox {
  z-index: 1200;
  width: 1000px;
  height: 560px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -280px;
  margin-left: -500px;
  object-fit: cover;
}

.vwrap .videobox #videobox {
  width: 100%;
  display: inline-block;
  height: 100%;
  background: #000;
}

#videobox_wrapper {
  height: 100% !important;
}

.vwrap .close {
  z-index: 999;
  width: 31px;
  height: 31px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: -42px;
  text-align: center;
}

.vwrap .close i {
  display: block;
  width: 31px;
  height: 31px;
  background: url(/static/style/pc/images/close_i1.png) no-repeat 50% 50%;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.vwrap .close:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#videobox_display_button,
#videocontainer_display_button {
  background: none no-repeat !important;
}

.jwplayer .jwicon {
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}

.jwplayer .jwicon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
  display: none !important;
}

.jwdisplayIcon {
  background: none no-repeat !important;
}

@media(max-width: 992px) {
  .vwrap .videobox {
    width: 94%;
    height: 200px;
    left: 3%;
    margin-left: 0;
    margin-top: -122px;
  }

  .vwrap .close {
    right: 0;
    top: -35px;
  }

  .vwrap .videobox video {}
}

/*==========================================首页 实现=============================================*/


/*==========================================内页 起头=============================================*/

.n_banner {
  padding-bottom: 45.3125%;
  background-size: cover !important;
  position: relative;
  z-index: 1;
}

.n_banner .box_table .title {
  position: relative;
}

.n_banner .box_table .title:before {
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 4px;
  background: #fff;
  left: 50%;
  margin-left: -0.9375rem;
  bottom: 0;
  display: none;
}

.n_banner .box_table .title h2 {
  font-size: 3.75rem;
  color: #fff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  letter-spacing: 1px;
  font-family: LEMONMILK;
}

.n_banner .box_table .title h3 {
  font-size: 3.75rem;
  color: #fff;
  position: relative;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  letter-spacing: 0.5rem;
  padding: 4rem 0 1.5rem;
}

.n_banner .box_table .title h3 span {
  display: inline-block;
  width: 4.75rem;
  position: relative;
  height: 3.75rem;
  vertical-align: top;
}

.n_banner .box_table .title h3 span:before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.n_banner .box_table .title h6 {
  font-size: 1.125rem;
  color: #fff;
  letter-spacing: 0.5rem
}

.n_banner .top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.n_title {
  height: 70px;
  padding: 0;
  position: relative;
  border-bottom: #f2f2f2 1px solid;
}

.n_title .w1200 {
  position: relative
}

.n_title .w1200 {
  position: relative;
  overflow: hidden;
}

.n_nav {
  position: relative;
  overflow: hidden;
  border-left: #e5e5e5 1px solid;
}

.n_nav a {
  display: inline-block;
  font-size: 1rem;
  float: left;
  color: #282828;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 0;
}

.n_nav a strong {
  display: block;
  color: #282828;
  position: relative;
  z-index: 4;
  height: 70px;
  line-height: 70px;
  transition: 0.6s ease-in-out;
  font-weight: bold;
  padding: 0 2.75rem;
  font-size: 1.1rem;
}

.n_nav .on,
.n_nav a:hover {
  color: #fff;
}

.n_nav a:before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  background: #c6c6c6;
  transition: 0.6s ease-in-out;
  margin-top: -10px;
}

.n_nav a:last-child:before {
  display: none
}

.n_nav a:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #00923d;
  transition: 0.6s ease-in-out;
  z-index: 1;
}

.n_nav .on:after,
.n_nav a:hover:after {
  width: 100%;
}

.n_nav .on strong,
.n_nav a:hover strong {
  color: #fff;
}

.layui-col-md4 {
  height: 75px
}

.position {
  position: absolute;
  line-height: 60px;
  right: 10rem;
  bottom: 0;
  color: #adadad;
  padding-left: 26px;
  font-size: 12px;
  background: url(/static/style/pc/images/home_icon.png) left 23px no-repeat;
}

.position span,
.position a,
.position i {
  font-size: 12px;
  color: #666;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.position i svg {
  width: 8px;
  height: 8px;
  fill: #555555;
  margin: 0 4px;
}

.position i {
  margin: 0px 3px;
  font-style: normal;
}

.position i img {
  vertical-align: middle;
  margin-top: -2px;
}

.position em {
  font-size: 12px;
  color: #666;
  font-style: normal;
}

.position a:hover {
  color: #00923d;
}

.n_main_box .main_box {
  width: 1200px;
  height: 80px;
  position: relative;
  margin: 0 auto;
}

/*====移动端导航====*/
#m_n_nav {
  background: #00923d;
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 99;
  float: left;
  width: 100%;
}

#bnt_back {
  position: absolute;
  left: 1rem;
  top: 0;
}

#bnt_back svg {
  fill: #fff;
  height: 30px;
  vertical-align: middle;
  width: 26px;
}

#m_n_nav i {}

#m_n_nav h1 {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 50px;
}

#bnt_sub_nav {
  position: absolute;
  right: 1rem;
  top: 0;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
}

#bnt_sub_nav svg {
  fill: #fff;
  height: 21px;
  vertical-align: middle;
  width: 26px;
}

#bnt_sub_nav img {
  display: block;
  height: 15px;
}

#bnt_sub_nav.on img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#sub_nav_content {
  background: #f0f3f5;
  display: none;
  box-shadow: 0 0 5px #999;
  z-index: 9;
}

#sub_nav_content ul {
  padding: 10px;
}

#sub_nav_content ul li {
  display: block;
  line-height: 28px;
  margin: 1rem 0;
}

#sub_nav_content ul li a {
  display: block;
  border-left: 2px solid #208243;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #535455;
}

#sub_nav_content ul li.on a {
  color: #00923d;
}

#sub_nav_content dl {
  font-size: 0;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
}

#sub_nav_content dt {
  position: relative;
  background: #fff;
  z-index: 999;
  width: 33.333333%;
  display: inline-block;
  margin-bottom: 0;
  float: left;
  text-align: center;
}

#sub_nav_content dt a {
  margin: 0 20px;
  display: block;
  color: #5b5349;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}

#sub_nav_content dt a i {
  position: absolute;
  right: 15px;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
  background: #fafafb;
}

#sub_nav_content dt.title i {
  opacity: 1;
  filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
  background: #fafafb;
}

#sub_nav_content dt.title_on a {
  color: #208243;
  border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
  color: #208243;
}

#sub_nav_content dt.last a {
  border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
  color: #00923d;
}

#sub_nav_content dd {
  display: none;
}

#sub_nav_content dd .box {
  padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
  padding: 0 25px;
  line-height: 30px;
  border-top: 1px solid #e7e7e7;
  font-size: 12px;
  color: #5b5349;
  display: block;
  height: 30px;
}

#sub_nav_content dd a.on {
  color: #208243;
}

.n_container {
  padding: 2rem 0 1.625rem
}

.n_about .ar_wap {
  display: none
}

.n_sanji {
  text-align: center;
  font-size: 0;
  margin-bottom: 3.125rem
}

.n_sanji ul li {
  display: inline-block;
  padding: 0 0.75rem
}

.n_sanji ul li a {
  display: block;
  width: 10.3125rem;
  height: 2.8125rem;
  line-height: calc(2.8125rem - 2px);
  border-radius: 1.375rem;
  border: #e8e8e8 1px solid;
  background: #f3f4f7;
  font-size: 1rem;
  color: #282828;
  position: relative;
  overflow: hidden;
  transition: .6s
}

.n_sanji ul li a span {
  position: relative
}

.n_sanji ul li a:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -.25rem 0 0 -.25rem;
  transition: .6s
}

.n_sanji ul li.on a,
.n_sanji ul li a:hover {
  border: #0195db 1px solid;
  color: #fff
}

.n_sanji ul li.on a:before,
.n_sanji ul li a:hover:before {
  transform: scale(30);
  background: #0195db
}


.n_zizhi {}

.n_zizhi ul {
  font-size: 0;
  margin: 0 -1.25rem;
  margin-bottom: 2rem;
}

.n_zizhi ul li {
  display: inline-block;
  width: 25%;
  padding: 0 1.25rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

.n_zizhi ul li a {
  display: block;
  cursor: pointer
}

.n_zizhi ul li a .img {
  width: 100%;
  overflow: hidden;
  transition: 0.6s;
}

.n_zizhi ul li a .img .img_hezi {
  background: #f3f4f7;
  padding-bottom: 16.25rem !important;
  background-size: 100% 100%;
  transition: .6s;
  overflow: hidden
}

.n_zizhi ul li a .img .img_hezi:before {
  content: "";
  position: absolute;
  height: 25px;
  left: 0;
  right: 0;
  bottom: -25px;
}

.n_zizhi ul li a .img .top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.n_zizhi ul li a .img img {
  max-width: 78%;
  max-height: 12.875rem;
  display: inline-block;
  width: auto;
  height: auto;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  position: relative;
}

.n_zizhi ul li a h5 {
  font-size: 1.125rem;
  color: #343434;
  line-height: 4rem;
  text-align: center;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.6s;
}

.n_zizhi ul li a .img .top1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(101%);
  transition: .6s;
  pointer-events: none;
}

.n_zizhi ul li a .img .top1 h5 {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 0.5rem
}

.n_zizhi ul li a .img .top1 h6 {
  font-size: 1.625rem;
  color: #fff;
  font-weight: bold
}

.j_pages {
  text-align: center;
}

.j_pages h6 {
  font-size: 1.125rem;
  color: #322f2f;
  font-weight: bold;
  transition: .6s;
  margin-bottom: 0.75rem
}

.j_pages svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: #322f2f;
  transition: .6s
}

.n_news ul {
  font-size: 0;
  margin: 0 -1.25rem;
  margin-bottom: 2rem;
}

.n_news ul li {
  display: inline-block;
  width: 33.333333%;
  padding: 0 1.25rem;
  text-align: center;
  margin-bottom: 1rem;
}

.n_news ul li a {
  display: block;
  cursor: pointer
}

.n_news ul li a .img {
  width: 100%;
  overflow: hidden;
  transition: 0.6s;
  padding-bottom: 62.52% !important;
  position: relative
}

.n_news ul li a .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.n_news ul li a .con {
  padding: 1.75rem 1.25rem;
  text-align: left
}

.n_news ul li a h5 {
  font-size: 1.375rem;
  color: #141414;
  font-weight: bold;
  line-height: 1.1;
  padding-bottom: 4rem;
  position: relative;
  transition: .6s
}

.n_news ul li a h5:before {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 3px;
  background: #d9271b;
  left: 0;
  bottom: 2rem;
}

.n_news ul li a p {
  font-size: .9375rem;
  color: #474747;
  line-height: 24px;
  height: 48px;
  transition: .6s
}

.n_news ul li a h6 {
  font-size: 1.125rem;
  color: #474747;
  transition: .6s;
  font-family: OPPOSans;
  margin: 1.875rem 0 1rem
}

.n_shipin ul li a .img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3) url(../images/n_shipin.svg) center no-repeat;
  background-size: 3rem;
  transition: .6s
}

.n_shipin ul li a:hover .img:after {
  background: rgba(0, 0, 0, 0.5) url(../images/n_shipin.svg) center no-repeat;
  background-size: 3rem;
}

.n_notice ul {
  margin: 0 -1.5rem;
  margin-bottom: 2rem;
}

.n_notice ul li {
  float: left;
  width: 50%;
  padding: 0 1.5rem;
  margin-bottom: 3.125rem;
}

.n_notice ul li a {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 2.5rem 1.5rem;
  transition: .6s
}

.n_notice ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: #e5e5e5 1px solid;
}

.n_notice ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  left: 0;
  background: #00923d url(../images/jianzhu.png) right bottom no-repeat;
  opacity: 0;
  visibility: visible;
  transition: .6s
}

.n_notice ul li a h5 {
  font-size: 1.75rem;
  color: #141414;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  position: relative;
  transition: .6s;
  z-index: 2
}

.n_notice ul li a p {
  font-size: .9375rem;
  color: #343434;
  line-height: 24px;
  height: 48px;
  transition: .6s;
  opacity: 0.8;
  position: relative;
  z-index: 2
}

.n_notice ul li a h6 {
  font-size: 1rem;
  color: #3e3e3e;
  transition: .6s;
  font-family: OPPOSans;
  font-weight: bold;
  margin: 0 0 1.25rem;
  position: relative;
  z-index: 2;
}

.n_notice ul li a span {
  font-size: .9375rem;
  color: #919191;
  margin-top: 2.5rem;
  display: block;
  position: relative;
  z-index: 2;
  transition: .6s;
}


.n_qikan ul {
  margin: 0 -1.75rem;
  margin-bottom: 1rem
}

.n_qikan ul li {
  float: left;
  width: 20%;
  padding: 0 1.75rem;
  margin-bottom: 2rem
}

.n_qikan ul li a {
  display: block;
  transition: .6s
}

.n_qikan ul li a .top {
  border: #e6e6e6 1px solid;
  padding: 0.625rem;
  transition: .6s
}

.n_qikan ul li a .img {
  width: 100%;
  overflow: hidden;
  transition: 0.6s;
  padding-bottom: 130.77% !important;
  position: relative
}

.n_qikan ul li a .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.n_qikan ul li .con {
  font-size: 17px;
  color: #4e4e4e;
  line-height: 3.75rem;
  padding: 0 0.625rem
}

.n_qikan ul li .con span {
  float: right;
  font-size: 13px;
  color: #777777
}

.n_jituan ul {
  margin-bottom: 1.5rem
}

.n_jituan ul li {
  padding-bottom: 3rem
}

.n_jituan ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  transition: .6s
}

.n_jituan ul li .img,
.n_jituan ul li .img img {
  width: 22rem;
  height: 13.75rem;
  overflow: hidden;
}

.n_jituan ul li .con {
  width: calc(100% - 22rem);
  padding: 2.5rem 0 0 2.5rem;
  height: 13.75rem;
  position: relative
}

.n_jituan ul li .con:before {
  content: "";
  left: 2.5rem;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  bottom: 0;
  position: absolute
}

.n_jituan ul li .con:after {
  content: "";
  left: 2.5rem;
  width: 0;
  height: 1px;
  background: #00923d;
  bottom: 0;
  position: absolute;
  transition: .6s
}

.n_jituan ul li .con h5 {
  font-size: 1.375rem;
  color: #141414;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  position: relative;
  transition: .6s;
  z-index: 2
}

.n_jituan ul li .con p {
  font-size: .9375rem;
  color: #343434;
  line-height: 24px;
  height: 48px;
  transition: .6s;
  opacity: 0.8;
  position: relative;
  z-index: 2
}

.n_jituan ul li .con h6 {
  font-size: 1rem;
  color: #3e3e3e;
  transition: .6s;
  font-family: OPPOSans;
  font-weight: bold;
  margin: 0 0 1.25rem;
  position: relative;
  z-index: 2;
}

.n_jituan ul li .con span {
  font-size: .9375rem;
  color: #919191;
  margin-top: 2.5rem;
  display: block;
  position: relative;
  z-index: 2;
  transition: .6s;
}


#n_zhaopin {}

#n_zhaopin .content .top1 {
  line-height: 30px;
  padding: 1.25rem 3.75rem;
  color: #474747;
  font-size: 1.375rem;
  font-weight: bold;
}

#n_zhaopin .content .top1 .top01 {
  width: 27%;
}

#n_zhaopin .content .top1 .top02 {
  width: 29%;
}

#n_zhaopin .content .top1 .top03 {
  width: calc(100% - 27% - 29% - 6rem);
}

#n_zhaopin .content .top1 .top05 {
  float: right
}

#n_zhaopin .content dl {
  margin-bottom: 3.5rem;
}

#n_zhaopin .content dl dd {
  background: #f3f4f7;
  margin-bottom: 1.875rem;
}

#n_zhaopin .content dl dd h5 {
  padding: 1.25rem 3.75rem;
  background: #f3f4f7;
  font-size: 1.125rem;
  color: #474747;
  line-height: 30px;
  position: relative;
}

#n_zhaopin .content dl .top01 {
  width: 27%;
}

#n_zhaopin .content dl .top02 {
  width: 29%;
}

#n_zhaopin .content dl .top03 {
  width: calc(100% - 27% - 29% - 6rem);
}

#n_zhaopin .content dl .top05 {
  float: right;
  background: url(/static/style/pc/images/top1_bg.png) center no-repeat;
  width: 3rem;
  height: 30px;
  cursor: pointer;
  margin-right: 1.125rem;
}

#n_zhaopin .content dl .ar_article h4 {
  font-size: 18px;
  color: #00923d;
  font-weight: bold
}

#n_zhaopin .content dl .ar_article p {
  font-size: 14px;
  line-height: 28px;
  color: #474747;
  margin-bottom: 28px
}

#n_zhaopin .content dl .ar_article {
  padding: 1.875rem 3.75rem 1.5rem;
}

#n_zhaopin .content dl h5.on .top05 {
  background: url(/static/style/pc/images/top1_bg_on.png) center no-repeat;
}

#n_zhaopin .content dl dd h5.on {
  background: #00923d;
  color: #fff
}


.n_title001 {
  text-align: center;
  margin-bottom: 3.75rem
}

.n_title001 h3 {
  font-size: 2.25rem;
  color: #0195db;
  font-weight: bold
}

.n_title001 h4 {
  font-size: 1.5rem;
  color: #6c6c6c;
  font-family: OPPOSANS-L;
  opacity: 0.65;
  margin-bottom: 1rem;
  text-transform: uppercase
}

.n_chanye .fl01 {
  overflow: hidden
}

.n_chanye .fl01 .content {
  padding-bottom: 4.375rem;
  border-bottom: #e5e5e5 1px solid;
  position: relative;
}

.n_chanye .fl01 .left {
  width: 21.875rem;
  border-right: #e5e5e5 1px solid;
  position: absolute;
  bottom: 5rem;
  top: 0;
  left: 0;
  background: url(/static/style/pc/images/n_chanye_bg.png) left bottom no-repeat
}

.n_chanye .fl01 .left .n_title001 {
  text-align: left;
  background: url(/static/style/pc/images/feiji.png) 15rem bottom no-repeat
}

.n_chanye .fl01 .right {
  width: calc(100% - 24.5rem)
}

.n_chanye .fl01 .right .ar_article {
  margin-bottom: 0
}

.n_chanye .fl01 .right .ar_article p {
  margin-bottom: 0;
  color: #5f5f5f;
  line-height: 32px;
}

.n_chanye.n_lvyoubk .fl01 .left {
  background: url(/static/style/pc/images/n_chanye1_bg1.png) left bottom no-repeat
}


.n_chanye .fl02 {
  padding: 4.5rem 0 3rem;
  overflow: hidden
}

.n_chanye .fl02 {}

.n_chanye .fl02 ul {
  font-size: 0;
  margin: 0 -1.25rem;
  margin-bottom: 2rem;
}

.n_chanye .fl02 ul li {
  display: inline-block;
  width: 33.3333333%;
  padding: 0 1.25rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.n_chanye .fl02 ul li a {
  display: block;
  cursor: pointer
}

.n_chanye .fl02 ul li a .img {
  width: 100%;
  overflow: hidden;
  transition: 0.6s;
  padding-bottom: 75.73% !important;
  position: relative
}

.n_chanye .fl02 ul li a .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.n_chanye .fl02 ul li a .img .top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(101%);
  transition: .6s;
  padding: 0 15px
}

.n_chanye .fl02 ul li a .img .top h6 {
  font-size: 3rem;
  color: #fff;
}

.n_chanye .fl02 ul li a .img .top p {
  font-size: .9375rem;
  color: #fff;
  line-height: 2rem;
  margin-top: 0.5rem;
}

.n_chanye .fl02 ul li a .con {
  padding: 1.125rem 0;
  text-align: left;
}

.n_chanye .fl02 ul li a h5 {
  font-size: 1rem;
  color: #141414;
  font-weight: bold;
  line-height: 1.1;
  position: relative;
  transition: .6s;
  text-align: center;
}


.n_chanye .container05 {
  padding: 0
}

.n_chanye_detail .left {
  width: 25.25rem;
}

.n_chanye_detail .left .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 2.5rem;
}

.n_chanye_detail .left .img img {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.n_chanye_detail .left .img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: #dcdcdc 1px solid;
  z-index: 1
}

.n_chanye_detail .left p {
  font-size: 0.95rem;
  color: #5f5f5f;
  line-height: 1.875rem;
  margin-bottom: 0.75rem;
  padding-left: 2.25rem
}

.n_chanye_detail .left p big {
  font-size: 0.95rem;
  color: color:#5f5f5f;
  font-family: DIN Offc Pro
}

.n_chanye_detail .left .more {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.n_chanye_detail .left .more a {
  display: inline-block;
  width: 12.1875rem;
  height: 3.375rem;
  line-height: 3.375rem;
  border-radius: 1.75rem;
  background: #00923d;
  color: #fff;
  font-size: 1rem;
  text-align: center
}

.n_chanye_detail .left .more a svg {
  vertical-align: middle;
  margin: -3px 0.5rem 0 0;
  width: 1.375rem;
  height: 1.375rem;
  fill: #fff
}

.n_chanye_detail .right {
  width: calc(100% - 25.25rem);
  padding-left: 4.375rem
}

.n_chanye_detail .right h3 {
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #00923d;
  font-weight: bold;
  margin-bottom: 2rem
}

.n_chanye_detail .right ul .miso-arrow {
  width: 3.125rem;
  height: 3.125rem;
  background-size: 100% 100% !important;
  margin-top: -1.25rem;
  transition: .6s;
}

.n_chanye_detail .right ul .miso-prev {
  background: url(/static/style/pc/images/left05.png) center no-repeat;
  left: 1rem
}

.n_chanye_detail .right ul .miso-next {
  background: url(/static/style/pc/images/right05.png) center no-repeat;
  right: 1rem
}

.n_contact .fl01 {
  padding-bottom: 3.125rem
}

.n_contact .fl01 .left {
  max-width: calc(100% - 7.8125rem);
  padding-right: 1.5rem;
}

.n_contact .fl01 .left h3 {
  font-size: 1.75rem;
  line-height: 1.25;
  color: #404040;
  font-weight: bold;
  margin-bottom: 1rem;
}

.n_contact .fl01 .left p {
  font-size: 15px;
  line-height: 1.75rem;
  color: #404040;
}

.n_contact .fl01 .right {
  text-align: center
}

.n_contact .fl01 .right .ewm {
  width: 7.8125rem;
  height: 7.8125rem;
  border: #e9e9e9 1px solid
}

.n_contact .fl01 .right .ewm img {
  width: 100%;
  height: 100%
}

.n_contact .fl01 .right h6 {
  font-size: 15px;
  color: #898a8b;
  line-height: 1.5;
  margin-top: 1rem
}

#container02 {
  height: 31.125rem;
  border: #e2e2e2 1px solid
}

.n_contact .fl03 {
  padding: 4rem 0 0
}

.n_contact .fl03 .left {
  width: 32rem;
  height: 35.625rem;
  display: none;
}

.n_contact .fl03 .left img {
  width: 100%;
  height: 100%
}

.n_contact .fl03 .right {
  /* width: calc(100% - 32rem);
  padding-right: 2.5rem； */
}

.n_contact .fl03 .right ul {
  margin: 0 -1.25rem
}

.n_contact .fl03 .right ul li {
  float: left;
  width: 50%;
  padding: 0 1.25rem;
  margin-bottom: 3rem;
}

.n_contact .fl03 .right ul li a {
  display: block;
  border: #dadada 2px solid;
  border-radius: 3px;
  padding: 1.875rem 2.25rem;
}

.n_contact .fl03 .right ul li h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #696969;
  font-weight: bold;
  padding-bottom: 2.5rem;
  position: relative
}

.n_contact .fl03 .right ul li h3:before {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 3px;
  background: #0195db;
  left: 0;
  bottom: 1.25rem;
}

.n_contact .fl03 .right ul li p {
  font-size: .9375rem;
  line-height: 1.625rem;
  color: #404040;
}

#toolbarContainer {
  display: none !important
}


/*新闻详情*/


#n_news_xq {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ar_title {
  margin-bottom: 2rem;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.ar_title h3:after {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: -1.375rem;
  height: 1.25rem;
  display: block;
  width: 5px;
  background: #00923d;
}

.ar_title h3 {
  font-size: 1.625rem;
  color: #404040;
  font-weight: bold;
  margin-bottom: 0.75rem;
  line-height: 2.375rem;
  position: relative;
}

.ar_title h6 span {
  font-size: .9375rem;
  color: #404040;
  margin-right: 5rem;
  line-height: 38px;
}

.ar_title .butie {
  float: right;
  font-size: 1.125rem;
  color: #383838;
  margin-top: -2rem;
}

.ar_title .butie b {
  font-size: 3.375rem;
  color: #f5c237;
  font-family: "Geometr706 BlkCn BT";
  font-weight: normal;
}

.ar_title .butie font {
  font-size: 1.5rem;
  color: #f5c237;
}

#n_news_xq .right_con {
  float: right;
  width: 25.32%;
}

#n_news_xq .left_con {
  width: calc(100% - 25.32%);
  padding-right: 3.5rem
}

#n_news_xq .right_con>.box {
  border: #e5e5e5 1px solid;
  padding: 2.5rem 2.2rem;
}

#right_search form {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #eee;
  height: 60px;
}

#right_search #keyword {
  width: 90%;
  height: 56px;
  padding: 0 20px;
  font-size: 1.125rem;
  color: #696969;
  box-shadow: none;
  -webkit-appearance: none;
  float: left;
  border-right: 0;
  background: none;
}

#right_search .btn_blue {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 56px;
  border: 0;
  line-height: 4.25rem;
  background: url(/static/style/pc/images/search.svg) center center no-repeat;
  background-size: 1.125rem;
  font-size: 1.125rem;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}



#ar_fot {
  margin-top: 10px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

#ar_fot .inbox {
  position: relative;
}

#ar_fot h3 {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #676869;
  width: 35px;
  height: 35px;
  transition: .3s;
  margin: 0;
}

#ar_fot h3 a {
  display: block;
  width: 35px;
  height: 35px;
}

#ar_fot h3 a svg {
  max-width: 100%;
  max-height: 100%;
}

#ar_fot h3 a svg * {
  fill: #ccc;
}

#ar_fot h3 a:hover {
  color: #d9353c;
}

#ar_fot h3.prev {
  position: absolute;
  left: 0;
  top: 0;
}

#ar_fot h3.next {
  position: absolute;
  right: 0;
  top: 0;
}

#ar_fot h3 a:hover svg * {
  fill: #f5c237;
}

#ar_fot .bnt_back {
  font-size: 14px;
  width: 160px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 20px;
  transition: .3s;
}

#ar_fot .bnt_back a {
  display: block;
  font-size: 14px;
  color: #7f7f7f;
  transition: .3s;
}

#ar_fot .bnt_back:hover {
  border: 1px solid #f5c237;
}

#ar_fot .bnt_back:hover a {
  color: #f5c237;
}

/*==============字号控件=====================*/
#font_set_box {
  background: url(/static/style/pc/images/icon_font.svg) left center no-repeat;
  background-size: 22px;
  padding-left: 26px;
}

.font_box {
  display: inherit;
  position: relative;
}

.font_box a {
  display: inline-block;
  width: 14px;
  line-height: 30px;
  font-size: .875rem;
  color: #a8a8a8;
  text-align: center;
  margin: 0 4px;
}

.font_box a.on {
  color: #0081cc;
}

.font_box a:hover {
  color: #0081cc;
}

.font_size_lg {
  font-size: 18px !important;
  line-height: 40px !important;
}

.font_size_lg p {
  font-size: 18px !important;
  line-height: 40px !important;
}

.font_size_md {
  font-size: 16px !important;
  line-height: 36px !important;
}

.font_size_md p {
  font-size: 16px !important;
  line-height: 36px !important;
}

.font_size_sm {
  font-size: 14px !important;
}

.font_size_sm p {
  font-size: 15px !important;
}

#piaofu_news {
  position: absolute;
  left: 1%;
  top: 200px;
  z-index: 99;
  width: 42px;
  transition: .6s;
}

#piaofu_news.xg {
  position: fixed;
  z-index: 9999;
  top: 200px;
}

.piaofu_fx {}

.piaofu_fx ul {
  padding: 2px 0 0
}

.piaofu_fx ul li {
  float: left;
  margin-bottom: 12px;
  position: relative;
}

.piaofu_fx ul li>a {
  display: block;
  min-width: 42px;
  width: 42px;
  height: 42px;
  border: #a9a9a9 2px solid;
  line-height: 39px;
  margin: -1px 0 0;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
  border-radius: 25px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
}

.piaofu_fx.fixed {
  position: fixed;
  right: 50%;
  margin-right: -600px;
  top: 0
}

.piaofu_fx ul li>a span {
  display: inline-block;
  width: 39px;
  height: 39px;
  text-align: center;
}

.piaofu_fx ul li>a span img.img02 {
  display: none
}

.piaofu_fx ul li>a:hover {
  width: 108px;
  background: #00923d;
  border: #00923d 2px solid;
}

.piaofu_fx ul li>a:hover span img.img01 {
  display: none
}

.piaofu_fx ul li>a:hover span img.img02 {
  display: inline-block
}

.bdsharebuttonbox01 a {
  width: 25px !important;
  height: 25px !important;
  margin: 5px 0 !important;
  float: none !important;
  padding: 0 !important;
  display: block;
}

.bdsharebuttonbox01 a img {
  width: 25px;
  height: 25px;
}

.bd_weixin_popup .bd_weixin_popup_foot {
  position: relative;
  top: -12px;
}

.bdshare-button-style0-24 {
  padding: 6px;
  border: #ccc 1px solid;
  background: #f4f4f4;
  display: inline-block;
}

.bdshare-button-style0-24 .bds_weixin,
.bdshare-button-style0-24 .bds_sqq,
.bdsharebuttonbox01 .bds_qzone,
.bdsharebuttonbox01 .bds_tqq,
.bdsharebuttonbox01 .bds_tsina {
  background-position: inherit !important
}

.bdsharebuttonbox01 dd {
  font-size: 12px;
  color: #999;
  margin: 0;
  text-align: center;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: alpha(opacity=60);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.bdsharebuttonbox01 dd:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.bdsharebuttonbox01 {
  padding: 0;
}

.n_news_detail .bdshare-button-style0-24 dd {
  display: inline-block;
  margin-right: 5px
}

.n_news_detail .bdshare-button-style0-24 {
  border: none;
  background: none;
  line-height: inherit;
  font-size: .9375rem;
  color: #404040;
  vertical-align: top;
  line-height: 38px;
}

.n_news_detail .bdshare-button-style0-24 a {
  background: none;
  display: inline-block
}

.n_news_detail video {
  width: 100%;
  height: 70vh;
  object-fit: cover;
}

.bdsharebuttonbox01 .bds_tsina {
  background: url(/static/style/pc/images/share-icon05.png) no-repeat center center !important;
}

.bdsharebuttonbox01 .bds_qzone {
  background: url(/static/style/pc/images/share-icon04.png) no-repeat center center !important;
}

.bdsharebuttonbox01 .bds_tqq {
  background: url(/static/style/pc/images/share-icon03.png) no-repeat center center !important;
}

.bdsharebuttonbox01 .bds_weixin {
  background: url(/static/style/pc/images/share-icon01.png) no-repeat center center !important;
}

.bdsharebuttonbox01 .bds_sqq {
  background: url(/static/style/pc/images/share-icon02.png) no-repeat center center !important;
}

#n_news_xq .right_con>.box {
  padding: 2.5rem 2.2rem;
  border: 1px solid #e5e5e5;
}

#n_news_xq .left_con>.box {
  background: #fff;
  padding: 2.5rem 0rem;
}

#right_search form {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #eee;
  height: 60px;
}

#right_search #keyword {
  width: 90%;
  height: 56px;
  padding: 0 20px;
  font-size: 1.125rem;
  color: #696969;
  box-shadow: none;
  -webkit-appearance: none;
  float: left;
  border-right: 0;
  background: none;
}

#right_search .btn_blue {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 56px;
  border: 0;
  line-height: 4.25rem;
  background: url(/static/style/pc/images/search.svg) center center no-repeat;
  background-size: 1.125rem;
  font-size: 1.125rem;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.news_tuijian .box {}



.news_tuijian .tt {
  font-size: 1.25rem;
  color: #242424;
  line-height: 2.5rem;
  font-weight: bold;
}

.news_tuijian .tt i {
  display: inline-block;
  width: 5px;
  height: 20px;
  position: relative;
  margin-right: 15px;
  position: relative;
  top: .25rem;
  margin-left: -15px;
  background: #00923d;
}

.news_tuijian .tt i:before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: #00923d;
  left: 0;
  top: 0;
}

.news_tuijian .tt i:after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: #00923d;
  left: 0;
  bottom: 0;
}

.news_tuijian .tt span {
  font-size: 1rem;
  color: #0195db;
  margin-left: .625rem;
  font-weight: normal;
  font-family: 'OPPOSANS';
}

.news_tuijian .txt {
  padding: 0.75rem 0 1.5rem;
  border-bottom: 1px solid #cccccc;
  position: relative;
}

.news_tuijian .txt:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #00923d;
  display: block;
  width: 68px;
}

.news_tuijian .txt h5 {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #404040;
  font-weight: bold;
  transition: .3s;
  margin-bottom: 1rem;
}

.news_tuijian .txt h5:hover {
  color: #00923d;
}

.news_tuijian .txt p {
  font-size: .9375rem;
  color: #adadad;
  line-height: 1.5rem;
  height: 3rem;
  overflow: hidden;
}

.news_tuijian .txt .top_box {
  overflow: hidden;
  margin-top: 1.75rem;
}

.news_tuijian .txt .time {
  font-size: .9375rem;
  line-height: 2.625rem;
  color: #989898;
  font-family: OPPOSans;
}

.news_tuijian .txt .btn_more {
  float: right;
  font-size: .9375rem;
  color: #919191;
}

.news_tuijian .txt .btn_more:hover {
  color: #15499a;
}

.news_tuijian .txt .arrow_anim {
  margin-top: 0;
}

.news_tuijian ul {
  padding-top: 1rem;
}

.news_tuijian ul li {
  height: 2.625rem;
}

.news_tuijian ul li a {
  display: block;
}

.news_tuijian ul li h5 {
  font-size: 1rem;
  line-height: 2.625rem;
  color: #6d6d6d;
  transition: .6s
}

.news_tuijian ul li h5:before {
  content: "●";
  color: #0195db;
  margin-right: 8px;
}

.news_tuijian ul li:hover h5 {
  color: #0195db;
  padding-left: 4px;
}

.news_tuijian ul li:hover h5:before {
  color: #0195db;
}

.arrow_anim {
  display: block;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background: #fff;
  position: relative;
  margin-top: 1.25rem;
  overflow: hidden;
}

.arrow_anim:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/static/style/pc/images/pro_i.png) center no-repeat;
  position: absolute;
  left: -100%;
  top: 0;
  background-size: 1.0625rem;
  transition: .5s;
}

.arrow_anim:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/static/style/pc/images/pro_i.png) center no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 1.0625rem;
  transition: .5s;
}

.item:hover .arrow_anim:before {
  left: 0;
}

.item:hover .arrow_anim:after {
  left: 100%;
}

.n_licheng {
  background: url(/static/style/pc/images/n_licheng_bg.jpg) center no-repeat;
  background-size: cover;
  padding: 3.75rem 0 0;
  overflow: hidden
}

.n_licheng .w1200 {
  padding: 0;
  max-width: 1625px;
  margin: 0 auto
}

.n_licheng .fl01 h2 {
  margin-bottom: 1.25rem
}

.n_licheng .fl01 h2 big {
  font-size: 3.75rem;
  color: #00923d;
  font-family: LEMONMILK;
}

.n_licheng .fl01 h2 small {
  font-size: 1.875rem;
  color: #00923d;
  font-family: LEMONMILK;
}

.n_licheng .fl01 h2 font {
  font-size: 1.625rem;
  color: #00923d;
  font-weight: bold;
  display: inline-block;
  top: -3px;
  position: relative;
  margin-left: 4px;
}

.n_licheng .fl01 p {
  max-width: 786px;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #383737;
}

.n_licheng .fl02 .content {
  padding-bottom: 39.54%;
  position: relative;
  margin-top: -10rem
}

.n_licheng .fl02 .content .bgbg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/static/style/pc/images/feiji_bg.png) center no-repeat;
  background-size: 100% 100%;
}

.n_licheng .fl02 .content .content_li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.n_licheng .fl02 .content .box {
  float: left;
  width: 16.666667%;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important
}

.n_licheng .fl02 .content .box1 {
  padding: 25% 0 0;
}

.n_licheng .fl02 .content .box2 {
  padding: 22% 0 0;
}

.n_licheng .fl02 .content .box3 {
  padding: 19% 0 0;
}

.n_licheng .fl02 .content .box4 {
  padding: 16% 0 0;
}

.n_licheng .fl02 .content .box5 {
  padding: 12% 0 0;
}

.n_licheng .fl02 .content .box6 {
  padding: 9% 0 0;
}

.n_licheng .fl02 .content .box ul li h4 {
  margin-bottom: 1.25rem
}

.n_licheng .fl02 .content .box ul li h4 big {
  font-size: 2rem;
  color: #161616;
  font-family: LEMONMILK;
}

.n_licheng .fl02 .content .box ul li h4 small {
  font-size: .9375rem;
  color: #161616;
  font-weight: bold;
  margin: 0 0 0 0.25rem
}

.n_licheng .fl02 .content .box ul li p {
  font-size: 15px;
  line-height: 1.75rem;
  color: #000;
  margin-bottom: 1.5rem;
  opacity: .8;
}

.n_licheng .fl02 .content .box.box6 ul li.miso-current h4 big,
.n_licheng .fl02 .content .box.box6 ul li.miso-current h4 small {
  color: #0195db
}

.n_licheng .fl02 .content .box ul li h4 {
  transform: translateY(1.25rem);
  transition: .6s;
  opacity: 0
}

.n_licheng .fl02 .content .box.box6 ul li h4 {
  transition-delay: .2s
}

.n_licheng .fl02 .content .box.box5 ul li h4 {
  transition-delay: .3s
}

.n_licheng .fl02 .content .box.box4 ul li h4 {
  transition-delay: .4s
}

.n_licheng .fl02 .content .box.box3 ul li h4 {
  transition-delay: .5s
}

.n_licheng .fl02 .content .box.box2 ul li h4 {
  transition-delay: .6s
}

.n_licheng .fl02 .content .box.box1 ul li h4 {
  transition-delay: .7s
}

.n_licheng .fl02 .content .box ul li.miso-current h4 {
  transform: translateY(0);
  opacity: 1
}

.n_licheng .fl02 .content .box.box1 ul {
  position: static
}

.n_licheng .fl02 .content .box.box1 .miso-arrow {
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100% 100% !important;
  top: 14rem;
  transform: translateY(0);
  transition: .6s;
}

.n_licheng .fl02 .content .box.box1 .miso-prev {
  background: url(/static/style/pc/images/left03.png) center no-repeat;
  left: 0
}

.n_licheng .fl02 .content .box.box1 .miso-next {
  background: url(/static/style/pc/images/right03.png) center no-repeat;
  left: 3rem
}

.n_licheng .fl02 .content .box.box1 .miso-prev:hover {
  background: url(/static/style/pc/images/left03_on.png) center no-repeat;
}

.n_licheng .fl02 .content .box.box1 .miso-next:hover {
  background: url(/static/style/pc/images/right03_on.png) center no-repeat;
}

.list_box1 {
  margin: 0 -.5rem;
}

.list_box1 li {
  float: left;
  width: 25%;
  padding: 0 .5rem;
  text-align: center;
  margin-bottom: 1rem;
}

.list_box1 li a {
  display: block;
  cursor: pointer
}

.list_box1 li a .img {
  width: 100%;
  overflow: hidden;
  transition: 0.6s;
  padding-bottom: 60.52% !important;
  position: relative;
}

.list_box1 li a .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list_box1 li a .con {
  padding: 1.125rem 0;
  text-align: left;
}

.list_box1 li a h5 {
  font-size: 1rem;
  color: #141414;
  font-weight: bold;
  line-height: 1.1;
  position: relative;
  transition: .6s;
  text-align: center;
}

.list_box1 .miso-dots {
  bottom: -.5rem;
  text-align: center;
  margin: 0;
}

.list_box1 .miso-dots li {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, .1);
  padding: 0;
  float: none
}

.list_box1 .miso-dots li.miso-active {
  background: #00923d
}

.container04 .list_box1 {
  padding-bottom: 1.5rem
}

#certify {
  padding-bottom: 11rem;
}

#certify .swiper-container,
#certify .swiper-slide.swiper-slide-active {
  overflow: visible;
}

#certify .swiper-slide {
  width: 23.75rem;
  height: 39rem;
  box-sizing: border-box;
  overflow: hidden;
  cursor: -webkit-grab;
  position: relative;
}

#certify .swiper-slide a {
  display: block;
  height: 100%;
  position: relative;
  padding: 1.75rem 1.5rem
}

#certify .swiper-slide:before {
  border-radius: .625rem;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: .7
}

#certify .swiper-slide h5 {
  height: 4rem;
  margin-bottom: 1.5rem;
  line-height: 3rem;
  font-size: 1.5rem;
  color: #353535;
  font-weight: bold;
  border-bottom: #d8d8d8 1px solid;
  text-align: center;
}

#certify .swiper-slide .img {
  width: 100%;
  height: 30.125rem;
  background: #fff
}

#certify .swiper-slide img {
  display: block;
  max-width: 100%;
  max-height: 30.125rem;
}

#certify .swiper-slide:after {
  position: absolute;
  content: "";
  width: .5625rem;
  height: 0;
  transition: .7s .2s;
  background: url(/static/style/pc/images/s_case_arrow.png) center bottom no-repeat;
  right: 5rem;
  top: 93%;
}

#certify .swiper-slide.swiper-slide-active:after {
  height: 5.6875rem;
}

#certify .swiper-slide.swiper-slide-active:before {
  opacity: 1;
}

#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
  display: none;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 2px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 2px solid #00aadc;
  background-color: #fff;
}

#certify .swiper-button-prev {
  left: -30px;
  width: 46px;
  height: 46px;
  background: none;
}

#certify .swiper-button-prev:hover {}

#certify .swiper-button-next {
  right: -30px;
  width: 46px;
  height: 46px;
  background: none;
}

#certify .swiper-button-next:hover {}

#s_case .swiper-slide .con {
  display: none;
}

#certify .swiper-button-next,
#certify .swiper-button-prev {
  margin-top: -83px;
}

#certify ul .miso-arrow {
  width: 4.875rem;
  height: 4.875rem;
  background-size: 100% 100% !important;
}

#certify ul .miso-arrow.miso-prev {
  left: 0;
  background: url(/static/style/pc/images/left10.png) center no-repeat
}

#certify ul .miso-arrow.miso-next {
  right: 0;
  background: url(/static/style/pc/images/right10.png) center no-repeat
}

.tc_case .tc-box_1 {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.tc_case .close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  z-index: 3;
}

.tc_case .close svg {
  width: 2rem;
  height: 2rem
}

.tc_case .box_table_cell {
  width: 100%;
}

#n_zizhi_tanchuang ul li {
  width: 100%;
  height: 100vh
}

#n_zizhi_tanchuang ul li img {
  max-width: 95%;
  max-height: 95vh;
  display: inline-block;
  /* width:100%; */
}

#n_zizhi_tanchuang ul .miso-arrow {
  width: 32px;
  height: 32px;
  display: block
}

#n_zizhi_tanchuang ul .miso-arrow.miso-prev {
  background: url(/static/style/pc/images/left_svg.svg) center no-repeat;
}

#n_zizhi_tanchuang ul .miso-arrow.miso-next {
  background: url(/static/style/pc/images/right_svg.svg) center no-repeat;
}

.n_qita_zizhi .content {
  border: #e1e2e5 2px solid;
  padding: 3rem 3.125rem 2.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 3.125rem
}

.n_qita_zizhi .content h3 font {
  background: #0195db;
  position: absolute;
  top: 0;
  left: 0;
  line-height: calc(3.5rem + .5rem);
  margin-top: -0.5rem;
  min-width: 11.75rem;
  text-align: center;
  padding: 0 1rem;
  border-radius: 0 1.875rem 1.875rem 0;
  font-size: 1.25rem;
  color: #fff;
  font-weight: bold
}

.n_qita_zizhi .content .left {
  width: 21.875rem;
  margin: 3rem 0;
  background: url(/static/style/pc/images/n_qita_zizhi_bg2.png) right center no-repeat;
  background-size: auto 100%
}

.n_qita_zizhi .content .left .img {
  height: 10rem;
  width: 17.5rem;
  line-height: 10rem;
  position: relative;
  display: inline-block;
}

.n_qita_zizhi .content .left .img:before {
  content: "";
  position: absolute;
  background: url(/static/style/pc/images/n_qita_zizhi_bg1.png) center no-repeat;
  width: 100%;
  height: 6.25rem;
  bottom: -3rem;
  background-size: 100% 100%;
  left: 50%;
  transform: translateX(-50%);
}

.n_qita_zizhi .content .left .img img {
  display: inline-block;
  max-height: 9rem;
  position: relative
}

.n_qita_zizhi .content .right {
  width: calc(100% - 21.875rem);
  padding-left: 5.25rem;
  margin-bottom: 1rem
}

.n_qita_zizhi .content .right h4 {
  font-size: 1.125rem;
  color: #333131;
  font-weight: bold;
}

.n_qita_zizhi .content .right ul {
  margin-top: 2.5rem
}

.n_qita_zizhi .content .right ul li h5 {
  line-height: 3rem;
  margin-bottom: 0;
}

.n_qita_zizhi .content .right ul .miso-dots {
  bottom: 0;
  text-align: center;
}

.n_qita_zizhi .content .right ul .miso-dots li {
  width: 8px;
  height: 8px;
  border: #626262 1px solid;
  border-radius: 50%;
  transition: .6s;
  margin: 0 0.5rem 0 0
}

.n_qita_zizhi .content .right ul .miso-dots li.miso-active {
  background: #333;
  border: #333 1px solid;
}

.n_qita_zizhi .content p {
  font-size: 15px;
  color: #6e6f6e;
  line-height: 1.875
}


/*==========================================内页 实现=============================================*/

/*aos="zoom-in" aos-duration="1200"*/<!--耗时1780423394.2254秒-->