@charset "UTF-8";
html{
  font-size: 6.94vw;
}
@media screen and  (min-width:1440px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #00843d rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #00843d;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #00843d;border-radius:8px;
}	


.w_width{max-width:1438px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:1.2rem;padding-right:1.2rem;}
@media  screen and (max-width:1240px){
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
.t_navs{position:fixed; left:0; top:0; z-index: 20; width:100%;}
.t_navs.act{ box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs .w_width{ position: relative; z-index:20;}
.t_navs .top{ width: 100%; display: flex; align-items: center; justify-content: space-between;flex-direction:row-reverse; height:1.16rem;}
.t_navs .logo{ line-height: 0; display:flex;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ max-width:inherit; width: auto; height:0.6rem; margin-right: -0.8rem; }
.t_navs .logo .show{ display: block;}
.t_navs .logo .hide{ display:none;}
.t_navs .left{ display:flex; align-items: center;}
.t_navs .home{ cursor: pointer; display:flex; margin-right:0.2rem;}
.t_navs .home .a{ width:22px; height:22px;display: block; position: relative;}
.t_navs .home .a img{-webkit-transition: all 0.3s ease-out 0s; width:100%; position:absolute; left:0; top:0;}
.t_navs .home .a .show{ opacity:1;}
.t_navs .home .a .hide{ opacity:0;}
.t_navs .home .a:hover .show{ opacity:0;}
.t_navs .home .a:hover .hide{ opacity:1;}
.t_navs .phssbox{ cursor: pointer; display:flex;position: relative; display: flex; padding:0 0.2rem;}
.t_navs .phssbox .a{ width:22px; height:22px;display: block; position: relative;}
.t_navs .phssbox .a img{-webkit-transition: all 0.3s ease-out 0s;  width:100%; position:absolute; left:0; top:0;}
.t_navs .phssbox .a .show{ opacity:1;}
.t_navs .phssbox .a .hide{ opacity:0;}
.t_navs .phssbox .a:hover .show{ opacity:0;}
.t_navs .phssbox .a:hover .hide{ opacity:1;}
.t_navs .input_b{width: 100%;position:absolute;left: 0;top:100%;background:#fff; z-index:10; display:none; border-top:1px solid #d1d1d1; box-shadow:0  5px 6px 0 rgba(0,0,0,0.19);}
.t_navs .inputbox{width: 60%; margin:50px 20%; position: relative; display: flex;}
.t_navs .inputbox .text{width: 100%;height:56px; line-height:36px; font-size: 16px;color:#333;padding:10px 15px; background: none;border-bottom: 1px solid #d1d1d1; padding: 0 0 0 50px; }
.t_navs .inputbox .text:focus{border-bottom: 1px solid #00843d  ;}
.t_navs .inputbox .ico{width:50px; height: 56px; display: block; position: absolute; left: 0; top:0; background:url(img/_search.svg) center no-repeat; background-size:20px 20px;}
.t_navs .inputbox ::-webkit-input-placeholder{color:#333;}
.t_navs .inputbox ::-moz-placeholder{color:#333;}
.t_navs .inputbox ::-moz-placeholder{color:#333;}
.t_navs .inputbox :-ms-input-placeholder{color:#333;}
.t_navs .menu{ display:flex;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left;margin: 0 0.1rem; position: relative;padding:0 0.1rem;}
.t_navs .menu .nli span a{ display: block;color: #fff; font-weight:700; text-transform: uppercase; position: relative;line-height:0.78rem; font-size: 16px;}
.t_navs .menu .nli span a::after{ display:flex; content:''; position:absolute; top:50%; margin-top:10px; left:0; height:1px; background:#fff; width:0; }
.t_navs .menu .nli.on span a::after{width:100%;}
.t_navs .menu .nli:hover span a::after{width:100%;}
.t_navs .menu .sub{width:200px;left: 50%;margin-left: -100px;height: auto;position: absolute;background: rgba(0, 0, 0, .2);padding: 10px 0px 20px 0px;border-radius: 5px; display:none; backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); -ms-backdrop-filter: blur(5px);}
.t_navs .menu .sub li{ float: left; width:100%; text-align: center; line-height:20px;font-size: 16px;-webkit-transform: translateY(6px);opacity: 0;position: relative;}
.t_navs .menu .sub li a{position: relative; display: inline-flex; color: rgba(255, 255, 255, .75);-webkit-transition: all .35s; padding:8px 0;}
.t_navs .menu .sub li a::after{width: 0px;height: 1px;position: absolute;left: 50%;content: '';bottom: 0px;background: rgba(255, 255, 255, .3);-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1); transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .menu .sub li:hover a::after{width: 100%;}
.t_navs .menu .sub li a:hover p{color: rgba(255, 255, 255, 1);}
.t_navs .menu .nli .sub li.om{-webkit-transform: translateY(0px);opacity: 1;}
.t_navs .menu .sub li a:hover p{color: rgba(255, 255, 255, 1);}
.t_navs .menu .sub li:nth-child(2){
	-webkit-transition: all .5s ease .1s;
}
.t_navs .menu .sub li:nth-child(3){
	-webkit-transition: all .5s ease .2s;
}
.t_navs .menu .sub li:nth-child(4){
	-webkit-transition: all .5s ease .3s;
}
.t_navs .menu .sub li:nth-child(5){
	-webkit-transition: all .5s ease .4s;
}
.t_navs .menu .sub li:nth-child(6){
	-webkit-transition: all .5s ease .5s;
}
.t_navs .menu .sub li:nth-child(7){
	-webkit-transition: all .5s ease .6s;
}
.t_navs .menu .sub li:nth-child(8){
	-webkit-transition: all .5s ease .7s;
}
.t_navs .menu .sub li:nth-child(9){
	-webkit-transition: all .5s ease .8s;
}
.t_navs .menu .sub li:nth-child(10){
	-webkit-transition: all .5s ease .9s;
}




.t_navs1 .logo{ opacity:0; -webkit-transform:translateX(0.7rem);  transform:translateX(0.7rem);}
.t_navs1.sct .logo{animation:right 1s ease forwards;}
.t_navs1 .left{ opacity:0;-webkit-transform:translateX(-0.7rem);  transform:translateX(-0.7rem);}
.t_navs1.sct .left{animation:left 1s ease forwards; animation-delay:0.5s}




.t_navs.tcn{ background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs.tcn .logo{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.tcn .left{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.tcn .home .a .show{ opacity:0;}
.t_navs.tcn .home .a .hide{ opacity:1;}
.t_navs.tcn .phssbox .a .show{ opacity:0;}
.t_navs.tcn .phssbox .a .hide{ opacity:1;}
.t_navs.tcn .menu .nli span a{ color: #000;}
.t_navs.tcn .menu .nli span a::after{ background: #00843d;}
.t_navs.tcn .menu .nli.on span a{ color: #00843d;}
.t_navs.tcn .menu .nli:hover span a{ color: #00843d;}
.t_navs.tcn .logo .show{ display: none;}
.t_navs.tcn .logo .hide{ display:block;}


.t_navs.tcm{ position: relative; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs.tcm .logo{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.tcm .left{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.tcm .top{ height:0.78rem;}
.t_navs.tcm .home .a .show{ opacity:0;}
.t_navs.tcm .home .a .hide{ opacity:1;}
.t_navs.tcm .phssbox .a .show{ opacity:0;}
.t_navs.tcm .phssbox .a .hide{ opacity:1;}
.t_navs.tcm .menu .nli span a{ color: #000; }
.t_navs.tcm .menu .nli span a::after{ background: #00843d;}
.t_navs.tcm .menu .nli.on span a{ color: #00843d;}
.t_navs.tcm .menu .nli:hover span a{ color: #00843d;}
.t_navs.tcm .logo .show{ display: none;}
.t_navs.tcm .logo .hide{ display:block;}


.t_navs.tct{ position: fixed; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs.tct .logo{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.tct .left{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.tct .top{ height:0.78rem;}
.t_navs.tct .home .a .show{ opacity:0;}
.t_navs.tct .home .a .hide{ opacity:1;}
.t_navs.tct .phssbox .a .show{ opacity:0;}
.t_navs.tct .phssbox .a .hide{ opacity:1;}
.t_navs.tct .menu .nli span a{ color: #000;}
.t_navs.tct .menu .nli span a::after{ background: #00843d;}
.t_navs.tct .menu .nli.on span a{ color: #00843d;}
.t_navs.tct .menu .nli:hover span a{ color: #00843d;}
.t_navs.tct .logo .show{ display: none;}
.t_navs.tct .logo .hide{ display:block;}



.t_navs.mct .logo{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.mct .left{ opacity:1; -webkit-transform:translateX(0);  transform:translateX(0);}
.t_navs.mct .logo .show{ display: block;}
.t_navs.mct .logo .hide{ display:none;}


@media screen and (max-width:1600px) {
.t_navs .logo img{ height:0.56rem;}	
.t_navs .home{ margin-right:0.14rem;}	
.t_navs .phssbox{padding: 0 0.14rem;}
.t_navs .menu .nli{margin:0 0.04rem;}
}
@media screen and (max-width:1440px) {
.t_navs .logo img{ height:0.5rem; margin-right: -0.6rem;}
.t_navs .home{ margin-right:0.14rem;}	
.t_navs .phssbox{padding: 0 0.14rem;}
.t_navs .menu .nli{margin:0 0.04rem;}
.t_navs .menu .nli span a{ font-size:14px;}
}
@media screen and (max-width:1240px) {
.t_navs .home{ margin-right:0.1rem;}	
.t_navs .phssbox{padding: 0 0.1rem;}	
.t_navs .menu .nli{ padding:0 0.06rem;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .top{ height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ height:36px; margin: 0;}
.t_navs .home{ display:none; margin-right:10px;}
.t_navs .home img{height:20px;}
.t_navs .phssbox{ display:none;}
.t_navs.tct .top{ height:50px;}
.t_navs.tcm .top{ height:50px;}


}


.t_navs .SearchBox {
  width: 100%;
  height: 0;
  background-size: cover !important;
  background: white;
  position: absolute;
  z-index: 2;
  left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.24);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.t_navs .SearchBox .close {
  position: absolute;
  color: #000000;
  font-size: 2vw;
  right: 2.5vw;
  margin-top: 0.5vw; line-height: 0;
  cursor: pointer;
}
.t_navs .SearchBox .SearchInput {
  width: 30vw;
  margin: 4vw auto 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  padding: 0.5vw 0; display: flex;
}
.t_navs .SearchBox .SearchInput input {
  width: 95%;
  font-size: 1vw; color: #000;
  outline: none;
  background: transparent;
  border: transparent;
}
.t_navs .SearchBox .SearchInput i {min-width:22px; width:22px; height:22px; display: block; background: url(img/search1.png) center no-repeat; background-size:100% 100% !important;
  
  cursor: pointer;
}
.t_navs .SearchBox.active {
  height: 12vw;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.t_navs .SearchBos .SearchInput {
  width:100%;
  margin:20px 0;
  border-bottom:1px solid rgba(255,255,255,0.1);
  padding:10px; display: flex;
}
.t_navs .SearchBos .SearchInput input {
  width:100%;
  font-size:18px; color: #fff;
  outline: none;
  background: transparent;
  border: transparent;
}
.t_navs .SearchBos .SearchInput i { min-width:40px; width:40px; height:40px; display: block; background: url(img/search.png) center no-repeat; background-size:50% 50% !important;
   cursor: pointer;
}

.t_navs .SearchBos input::placeholder{ opacity:1 !important;}
.t_navs .SearchBos ::-webkit-input-placeholder{color:#fff}
.t_navs .SearchBos :-moz-placeholder{color:#fff}
.t_navs .SearchBos ::-moz-placeholder{color:#fff}
.t_navs .SearchBos :-ms-input-placeholder{color:#fff}



.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:0 -4px; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#fff  ;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #fff;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}


.t_navs.tcn .menuph .menu-toggle span.hamburger{background:#00843d ;}
.t_navs.tcn .menuph .menu-toggle span.hamburger:after,
.t_navs.tcn .menuph .menu-toggle span.hamburger:before{background:#00843d;}
.t_navs.tcn .menuph .menu-toggle span.hamburger span{background:#00843d;}
.t_navs.tcn .menuph .menu-toggle span.cross:before,
.t_navs.tcn .menuph .menu-toggle span.cross:after {background:#00843d;}

.t_navs.tct .menuph .menu-toggle span.hamburger{background:#00843d ;}
.t_navs.tct .menuph .menu-toggle span.hamburger:after,
.t_navs.tct .menuph .menu-toggle span.hamburger:before{background:#00843d;}
.t_navs.tct .menuph .menu-toggle span.hamburger span{background:#00843d;}
.t_navs.tct .menuph .menu-toggle span.cross:before,
.t_navs.tct .menuph .menu-toggle span.cross:after {background:#00843d;}

.t_navs.tcm .menuph .menu-toggle span.hamburger{background:#00843d ;}
.t_navs.tcm .menuph .menu-toggle span.hamburger:after,
.t_navs.tcm .menuph .menu-toggle span.hamburger:before{background:#00843d;}
.t_navs.tcm .menuph .menu-toggle span.hamburger span{background:#00843d;}
.t_navs.tcm .menuph .menu-toggle span.cross:before,
.t_navs.tcm .menuph .menu-toggle span.cross:after {background:#00843d;}

.t_navs.mct .menuph .menu-toggle span.hamburger{background:#fff ;}
.t_navs.mct .menuph .menu-toggle span.hamburger:after,
.t_navs.mct .menuph .menu-toggle span.hamburger:before{background:#fff;}
.t_navs.mct .menuph .menu-toggle span.hamburger span{background:#fff;}
.t_navs.mct .menuph .menu-toggle span.cross:before,
.t_navs.mct .menuph .menu-toggle span.cross:after {background:#fff;}


@media screen and (max-width:1024px) {
.t_navs .menuph{ display: block;}
}

.t_navs .xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:19; display:none; background:#00843d; padding:15px 15px 50px 15px; overflow-y: auto;}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(255,255,255,0.1);}
.t_navs .xialaph .a1box{width: 100%;position: relative;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{font-size:16px;color: #fff; font-weight: bold; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:12px 20px 12px 0;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #fff;}
.t_navs .xialaph .icobox{width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #fff;  border-right:1px solid #fff;}
.t_navs .xialaph .on .icobox{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.t_navs .xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap; margin-bottom:8px;}
.t_navs .xialaph .u2 .a2{ font-size:16px;color: #fff;line-height:24px;}
.t_navs .xialaph .on .a2{ color:rgba(255,255,255,0.8);}


.preloader {
  width:100vw;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:100;
  overflow:hidden
}
.preloader__wrapper {
  position:relative;
  height:100%;
  padding:0.6rem
}
.preloader__pulse,
.preloader__circle,
.preloader__kong{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  transform-origin:center;
  border-radius:100%;
  height:3.18rem;
  width:3.18rem;
}
.preloader__pulse {
  background:#00843d;
  animation:preloader-pulse-dot 2.25s cubic-bezier(.0,.132,.61,.955) -.4s infinite
}
.preloader__pulse span {
  background:#00843d;
  position:absolute;
  background:inherit;
  height:100%;
  width:100%;
  border-radius:100%;
  opacity:.6;
  left:50%;
  top:50%;
  margin-left:-50%;
  margin-top:-50%;
  transform:scale(2)
}
.preloader__pulse span:nth-child(1) {
  animation:preloader-pulse-ring 2.25s cubic-bezier(.0,.132,.61,1) infinite
}
.preloader__pulse span:nth-child(2) {
  animation:preloader-pulse-ring 2.25s cubic-bezier(.0,.132,.61,1) -.4s infinite
}
.preloader__circle {
  transform:translate(-50%,-50%) scale(1)
}
.preloader__kong{
  background:url(img/bg.png) center no-repeat;
  background-size:auto 100%;
  transform:translate(-50%,-50%) scale(0);  
}
.preloader__percentage {
  position:absolute;
  left:5px;
  bottom:5px; color: #46495a;
  font-size:2.08rem;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  text-align:left
}
body.is-loaded .preloader{
  transition:all 1s ease 1.8s;
  pointer-events:none
}
body.is-loaded .preloader .preloader__kong{
  animation:preloader-pulse-kong 2.25s ease forwards;
  animation-delay:1s
}
body.is-loaded .preloader .preloader__percentage {
  transition:all 1s ease;
  opacity:0
}
.ot .preloader { display:none;}

@media screen and (max-width:1024px) {
.preloader.tct{ display:none;}	
}


.home-banner{ height:100vh; overflow: hidden;opacity: 0;}
body.sct .home-banner{ opacity:1;}
.home-banner:after{ display: block; content: ''; position: absolute; left: 0; top:0; z-index:5; background: #000; opacity:0.3; width:100%; height:100%;}
.home-banner .bg{ width:100%; height:100vh; object-fit: cover; position: relative; z-index: 3;}
.home-banner .video{ display: block; position: absolute; left:0; top:-15vh; width:100%; height:134vh; object-fit:cover; z-index:4;}
.home-banner .down{ cursor: pointer; position: absolute; left:50%; bottom:60px; width:0.47rem; line-height: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 8;}
.home-banner .down img{ animation:move 2s linear 0s infinite;}
.banText{ position: absolute; left: 0; top:47.9%; width:100%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText .cont{ width:100%;}
.banText .t1{ position: relative; padding-left: 0.66rem; color: #b7def3;}
.banText .t1:after{ display: block; content: ''; position: absolute; left: 0; top:12px; width:0.54rem; height: 1px; background: #b7def3;}
.banText .more{display: flex; align-items:center; justify-content:center; width:152px; line-height:1;height:0.5rem;border-radius:0.5rem; padding-bottom:2px; position: relative; overflow: hidden;
  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.banText .more span{ position: relative; z-index:6;}
.banText .more::before{
width: 0px;
height: 0px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background:#26bc53;
content: '';border-radius: 50%;
}
.banText .more:hover::before{width: 150px;height: 150px;}
.banText .flr{display: flex; align-items: center; justify-content: space-around; margin-left:0.2rem; width:132px; border:1px solid #fff; height:0.5rem; border-radius:0.5rem; line-height: 0; padding:0 4px;}
.banText .prev,
.banText .next{display: flex; align-items: center; justify-content:center; width:29px; height:29px; cursor: pointer; position: relative; overflow: hidden;}
.banText .prev i,
.banText .next i{ display: block; position: absolute; top:0; width:29px; height:29px; background-size: auto 12px !important; background:url(img/ico.png) right no-repeat;}
.banText .prev i{ left:0%;transform: rotate(180deg); -ms-transform: rotate(180deg);}
.banText .next i{ right:0%;}
.banText .t25{ margin-top:0.25rem;}
.banText .t39{ margin-top:0.39rem;}

.banText .t1,
.banText .t2,
.banText .btn{opacity:0; -webkit-transform:translateY(15px); transform:translateY(15px);}

.banText .t1.ot{animation:up 1s ease forwards; animation-delay:1s}
.banText .t2.ot{animation:up 1s ease forwards; animation-delay:1.5s}
.banText .btn.ot{animation:up 1s ease forwards;animation-delay:2s}



@media screen and (max-width:1024px) {
.home-banner .down{ width:32px; bottom:98px;}
.banText .cont{ width:100%;}
.banText .cont br{ display:none;}
.banText .t1{ padding-left: 0.9rem;}
.banText .t1:after{ top:12px; width:0.66rem;}
.banText .t2{font-size: calc(18px + 0.32rem); line-height:calc(26px + 0.32rem);}
.banText .more{ width:122px; height:36px; border-radius:36px; padding-top: 1px;}
.banText .flr{ margin-left:10px; width:100px; height:36px; border-radius:36px; padding:0 8px;}
.banText .prev,
.banText .next{ height:30px;}
.banText .t25{ margin-top:10px;}
.banText .t39{ margin-top:25px;}
}


.footer{ position: relative; overflow: hidden;}
.footer::after{ display:block; content:''; position: absolute; left:0; top:0; width:100%;height:100%; z-index: 1; opacity:0.89;
  background-image: -webkit-linear-gradient(right, #073a7f 0%, #01843d 100%);
  background-image: -moz-linear-gradient(right, #073a7f 0%, #01843d 100%);
  background-image: -o-linear-gradient(right, #073a7f 0%, #01843d 100%);
  background-image: linear-gradient(right, #073a7f 0%, #01843d 100%);
}
.footer .left{ display: inline-flex; flex-direction:column; margin-right: 0.15rem;}
.footer .top{ color:#fff; align-items: flex-start; justify-content: space-between; padding:0.91rem 0 1.16rem 0;}
.footer .down{ color:#fff; align-items: center; padding:0.28rem 0; border-top:1px solid rgba(255,255,255,0.2);}
.footer .bq{ display:flex; align-items: center; color: #fff; font-size:16px; line-height:24px;}
.footer .bq a{ display:flex; color: #fff}
.footer .bq a:hover{ opacity:0.6;}
.footer .map{ display:flex; align-items: center; color: #fff; font-size:16px; line-height:24px; margin-top:4px;}
.footer .map a{ color: #fff}
.footer .map a:hover{ opacity:0.6;}
.footer .map i{ display:flex; margin:0 14px; width:1px; height:14px; background: #fff; opacity:0.2;}
.footer .share{ display: flex;}
.footer .share a{ display: flex; height:0.28rem; line-height:0; margin:0 0 0 0.16rem !important;padding-left:0.28rem !important; }
.footer .share a img{ width:100%;}
.footer .share a:hover{ opacity:0.6;}
.footer .cont{ flex-wrap: wrap; display:flex; color: #fff; font-weight: bold; font-size:16px; line-height:24px;}
.footer .logo{ display:inline-flex; line-height:0; margin:0 0 0.18rem 0;}
.footer .logo img{ height:0.6rem;}
.footer .top .left{ width:360px;}
.footer .nav{ display:flex; flex-direction: column; margin-top: 0.05rem;}
.footer .nav .tit{ display:flex; color: #fff; text-transform: uppercase; font-size:16px; line-height:24px;}
.footer .nav .ul{ display:flex; flex-direction: column; margin-top:0.19rem;}
.footer .nav .ul a{ display:flex; color: #fff; font-size:16px; line-height:24px; margin-top:6px;}
.footer .nav .ul a:hover{ opacity:0.6;}

.footer1{ padding-bottom:calc(16px + 0.4rem);}

.bdshare_dialog_box{ display:none !important;}

@media screen and (max-width:1600px) {
.footer .nav{ margin-left: 0.45rem;}	
.footer .top .left{ width:310px;}
}
@media screen and (max-width:1400px) {
.footer .top .left{ width:260px;}	
.footer .nav{ margin-left: 0.36rem;}	
.footer .cont{ font-size:14px; line-height:22px;}
.footer .nav .tit{ font-size:14px; line-height:22px;}
.footer .nav .ul a{ font-size:14px; line-height:22px;}
.footer .bq{ font-size:14px; line-height:22px;}
.footer .map{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:1024px) {
.footer .top .left{ width:100%;}	
.footer .top .nav{ display:none;}
.footer .top{ padding:25px 0;}
.footer .down{ justify-content:center; padding:15px 0; font-family: Arial;}
.footer .left{ width:100%;}
.footer .cont{ text-align: center; justify-content:center;}
.footer .logo{ margin:6px 0 12px 0; justify-content:center;}
.footer .logo img{ height:36px;}
.footer .bq{ flex-wrap: wrap; justify-content:center; text-align: center;}
.footer .map{ justify-content:center;}
.footer .map i{ margin:0 8px; }
.footer .share{ margin:15px 0 5px 0;}
.footer .share a{ padding-left:26px !important; height:26px; margin:0 6px !important;}
.footer1{ padding-bottom:65px;}
}
@media screen and (max-width:767px) {
.footer1{ padding-bottom:44px;}
}



.h-tit{ text-transform: uppercase; font-size:calc(14px + 0.22rem); line-height:1;}
.h-cont{ font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem); margin-top:0.1rem;}

@media screen and (max-width:1600px) {
.h-tit{ font-size:calc(14px + 0.16rem);}
}
@media screen and (max-width:1440px) {
.h-tit{ font-size:calc(14px + 0.14rem);}
}
@media screen and (max-width:1024px) {
.h-tit{ font-size:20px;}
.h-cont{ font-size:14px; line-height:22px; margin-top:5px !important;}
}


.h-news{ overflow: hidden;}
.h-news .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-news .swiper-slide{ width:100%; flex-shrink: 0; position: relative; transition-property: transform;}

.list1{ position: relative; margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); margin-top:0.26rem;}
.list1::after,
.list1::before{ display: block; content:''; position: absolute; top:0; z-index:3; width:1500px; height:100%; background:#f2f2f2;}
.list1::after{ left:100%;}
.list1::before{ right:100%;}
.list1 .li{ width:33.33%; padding:10px 10px;}
.list1 .swiper-scrollbar{ display: block !important; position:relative; z-index: 10; width:100%; height:20px; opacity:1 !important; overflow: hidden;}
.list1 .swiper-scrollbar::after{ content:''; display: block; position: absolute; left:0; top:50%; width:100%; height:1px; background:#00843d;z-index:1; background: rgba(0,0,0,.1); }
.list1 .swiper-scrollbar-drag{  position:relative;background:#00843d !important; width: 100%; height:2px; margin:9px 0 9px -1px;z-index:5;}
.list1 .swiper-scrollbar-drag .ino{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:100%; background:#00843d;z-index:5;}
.list1 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:0; top:50%; width:18px; height:18px; margin-top: -9px; border-radius:50%;background: #ebf3ee; border:1px solid #00843d; z-index:3;}
.list1 .swiper-scrollbar-drag::before{ content:''; display: block; position: absolute; right:5px; top:50%; margin-top:-4px; border-radius:50%; width:8px; height:8px; background:#00843d;z-index:5;}
.list1 .swiper-prev,
.list1 .swiper-next{ position: absolute; top:50%; margin-top:-0.12rem; display: block; width:0.5rem; height:0.5rem; background:url(img/left.svg) 46% center no-repeat #fff; background-size:0.32rem 0.32rem; border-radius:50%; position:absolute; z-index: 7; cursor: pointer;box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.list1 .swiper-prev:hover,
.list1 .swiper-next:hover{ background:url(img/left1.svg) center no-repeat #00843d;}
.list1 .swiper-prev{ left:-0.6rem;}
.list1 .swiper-next{ right:-0.6rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.list1 .down{ position: relative; margin-left:10px; margin-right:10px; width:calc(100% - 20px); margin-top:0.2rem;}
.list1 .swiper-pagination{ position: absolute; left:0; top:100%; color: #888888; font-size:18px; line-height:34px; font-weight: bold; display: flex; width:100%; justify-content: space-between;}
.list1 .swiper-pagination-current{ color: #00843d;}

.list1 .a{ width:100%; display: flex; flex-wrap: wrap; background: #fff; border-radius:12px; padding:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.list1 .a .tit{font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.06rem);}
.list1 .a .p{font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem); margin-top:0.16rem;}
.list1 .a .time{font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem);}
.list1 .a .btn{ align-items: center; justify-content: space-between; margin-top:0.18rem;}
.list1 .a .cont{ padding:0.28rem 0.08rem 0.21rem 0.21rem;}
.list1 .a .ico{ position: relative; display: flex; border-radius:48px; width:0.66rem; height:0.4rem; overflow: hidden; }
.list1 .a .ico:after{ z-index:6; position: absolute; left:0; top:0; display: flex; content:''; width:100%; height:100%;background:url(img/ico5.png) center no-repeat; background-size:auto 0.25rem !important; border:1px solid #00843d; border-radius:48px; }
.list1 .a:hover .ico{
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);}
.list1 .a:hover .ico:after{background:url(img/ico5.1.png) center no-repeat; border:0; }
.list1 .a ._img{ border-radius:10px; padding-bottom:65.47%;}

.list1.active{
opacity: 1;
-webkit-transform: translateY(0px);
}
.list1.active .down{
opacity: 1;
-webkit-transform: translateY(0px);
}

@media screen and (max-width:1600px) {
.list1{ margin-top:0.16rem;}
.list1 .a .cont{ padding:0.14rem 0.08rem 0.1rem 0.10rem;}
.list1 .a .p{ margin-top:0.08rem;}
.list1 .a .btn{ margin-top:0.09rem}
.list1 .down{ margin-top:0.1rem;}
.list1 .swiper-pagination{ line-height:28px;}
}
@media screen and (max-width:1400px) {
.list1{ margin-top:0.1rem;}	
.list1 .a .tit{ font-size:17px; line-height:24px;}	
.list1 .a .p{ font-size:14px; line-height:20px;}
.list1 .a .time{ font-size:15px; line-height:20px;}
.list1 .swiper-pagination{ font-size:16px; line-height:1;}
}
@media screen and (max-width:1024px) {
.h-news{ padding-bottom:60px;}	
.list1{ margin-top:15px; margin-left:-6px; margin-right:-6px; width:calc(100% + 12px);}
.list1 .li{ width:50%; padding:6px;}
.list1 .a .p{ margin-top:6px;}
.list1 .a .btn{ margin-top:10px;}
.list1 .a .cont{ padding:15px 10px;}
.list1 .a .ico{ width:40px; height:24px;}
.list1 .a .ico:after{ background-size:auto 18px !important;}
.list1 .down{ margin-top:10px; margin-left:7px; margin-right:7px; width:calc(100% - 14px);}
.list1 .swiper-pagination{ line-height:26px;}
}
@media screen and (max-width:767px) {
.list1 .li{ width:100%;}
.list1 .down{ margin-top:12px;}
.list1 .swiper-prev,
.list1 .swiper-next{ display:none;}
}


.list2{ margin-top:0.36rem;}
.list2 .ul{ width:calc(100% + 20px); margin:-10px;}
.list2 .li{ width:25%; padding:10px;}
.list2 .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:10px;}
.list2 .a .info .ico{ position: relative; display: flex; border-radius:48px; width:0.66rem; height:0.4rem; overflow: hidden; margin:0.21rem 0 0.15rem 0; }
.list2 .a .info .ico:after{ z-index:6; position: absolute; left:0; top:0; display: flex; content:''; width:100%; height:100%;background:url(img/ico5.png) center no-repeat #fff; background-size:auto 0.25rem !important; border-radius:48px; }
.list2 .a .info .ico:hover{
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);}
.list2 .a .info .ico:hover:after{background:url(img/ico5.1.png) center no-repeat; }
.list2 .a ._img{ padding-bottom:147.8%;}
.list2 .a .tit1{font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); position: absolute; left:0; top:0; text-align: center; z-index: 3; padding:0.42rem 0.42rem;}
.list2 .a .tit{font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); margin-top:0.18rem;}
.list2 .a .p{font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.1rem); margin-top:0.11rem;}
.list2 .a .ino{ line-height:0;}
.list2 .a .ino img{ width:0.62rem; height:0.62rem;}
.list2 .a .info{ opacity:0; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.5); -ms-transform:translate(-50%,-50%) scale(0.5); z-index: 6; display: flex; flex-wrap: wrap; justify-content:center; align-content: center; padding:0.42rem 0.42rem; width:100%; height:100%; text-align: center; border-radius:48px;}
.list2 .a::before{ display: flex; content:''; width:0.6rem; height:0.06rem; position: absolute; left:50%; top:0;  z-index:4; transform: translateX(-50%); -ms-transform: translateX(-50%);
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.list2 .a .bg{ display: flex; width:100%; height:100%; position: absolute; left:50%; top:50%;  z-index:5; opacity:0; border-radius:10px;
 transform:translate(-50%,-50%) scale(2); -ms-transform:translate(-50%,-50%) scale(2);
 background-image: -webkit-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(top, #84bd00 0%, #00a3e0 100%);
}
.list2 .a:hover  .bg{ transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); opacity:0.9;}
.list2 .a:hover .info{opacity:1; transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1);}
.list2 .a:hover .tit1{ opacity:0;}


@media screen and (max-width:1440px) {
.h-sust .h-cont{ margin-top:0.05rem;}
.list2{ margin-top:0.26rem;}	
.list2 .a .tit1{ padding:0.42rem 0.22rem;}
.list2 .a .info{ padding:0.42rem 0.22rem;}
}
@media screen and (max-width:1024px) {
.list2{ margin-top:22px;}	
.list2 .ul{ margin:-6px; width:calc(100% + 12px);}
.list2 .li{padding:6px;}
.list2 .a .ino img{ width:36px; height:36px;}
.list2 .a .info .ico{ width:40px; height:24px; margin:15px 0 5px 0; }
.list2 .a .info .ico:after{ background-size:auto 18px !important;}
.list2 .a .tit1{ padding:20px 8px;}
.list2 .a .info{ padding:20px 8px;}
.list2 .a .tit{ margin-top:8px;}
.list2 .a .p{ margin-top: 6px;}

}
@media screen and (max-width:767px) {
.list2 .li{ width:50%;}
}

@keyframes move {
   0% {
     -webkit-transform:translateY(0);
     transform:translateY(0);
   }
   100% {
      -webkit-transform:translateY(-10px);
      transform:translateY(-10px);
   }
}

@-webkit-keyframes move {
    0% {
       -webkit-transform:translateY(0);
       transform:translateY(0);
    }
    100% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
}

.list3{ position: relative; padding:0 1.62rem; margin-top:0.5rem;}
.list3 .img{ width:100%; display: block; line-height:0; position: relative;} 
.list3 .bg{ width:100%;}
.list3 .ico{ width:100%;}
.list3 .title{ display:flex; flex-direction: column; position: absolute; left:1.11rem; bottom:0;font-size:calc(14px + 0.04rem); line-height:1;}
.list3 .title .li{ display:flex; align-items: center; margin-top: 0.2rem;}
.list3 .title .li span{ padding-bottom: 2px;}
.list3 .title .li img{ width:0.3rem; height:0.3rem; margin-right: 6px;}
.list3 .dl .li{ position: absolute; line-height:0; width:0.3rem; height:0.3rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.list3 .dl .li img{ width:100%;}
.list3 .dl .li:hover img{ transform: translateY(-8px); -ms-transform: translateY(-8px);-webkit-animation:all .3s cubic-bezier(.23,1.08,.62,.95);
-moz-transition:all .3s cubic-bezier(.23,1.08,.62,.95);
-o-transition:all .3s cubic-bezier(.23,1.08,.62,.95);
transition:all .3s cubic-bezier(.23,1.08,.62,.95); } 


@media screen and (max-width:1440px) {
.list3{ margin-top:0.3rem;}	

}
@media screen and (max-width:1024px) {
.h-busin{ padding-bottom:35px;}
.list3{ padding:0; margin-top:22px;}	
.list3 .title{ left:0;}
.list3 .title .li{ margin-top:12px; font-size:14px;}
.list3 .title .li img{ width:16px; height:16px; margin-right:2px;}
.list3 .dl .li{ width:16px; height:16px;}
}
@media screen and (max-width:1024px) {
.list3 .title{ margin-top:10px; position:static; width:100%; justify-content: space-between; flex-direction:row;}
}

.h-Milest{ position: relative; overflow: hidden;}
.h-Milest .back{ position: absolute; left:0; top:0; content:''; width:100%; height: 100%; z-index: 1;}
.list4{ margin-top:1.1rem;}
.list4 .ul{ width:100%; justify-content: space-between;}
.list4 .li{ padding:0 0.18rem; display: flex; flex-wrap: wrap; justify-content: center;}
.list4 .a{ display: flex; flex-wrap: wrap; width:3.4rem; height:3.4rem; background: #fff; position: relative; border-radius:50%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; box-shadow:0 10px 10px rgba(0,0,0,0.08); text-align: center; padding:0.6rem 0.6rem;}
.list4 .a::before{ display: flex; content:''; width:0; height:0; position: absolute; left:50%; top:50%; border-radius:50%;  z-index:4; transform: translate(-50%,-50%) rotate(42deg); -ms-transform:translate(-50%,-50%) rotate(42deg);
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.list4 .a::after{ display: flex; content:''; width:100%; height:100%; position: absolute; left:50%; top:50%; border-radius:50%;  z-index:4; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); opacity:0;
 background: url(img/bg1.png) center no-repeat; background-size:100% 100% !important;
}
.list4 .a .ico{ position: relative; z-index: 6; display: flex; border-radius:48px; width:0.66rem; height:0.4rem; overflow: hidden; margin:0.26rem 0 0 0;
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
 }
.list4 .a .ico:after{ z-index:6; position: absolute; left:0; top:0; display: flex; content:''; width:100%; height:100%;background:url(img/ico5.1.png) center no-repeat; background-size:auto 0.25rem !important; border-radius:48px; }
.list4 .a:hover .ico:after{background:url(img/ico5.png) center no-repeat #fff; }
.list4 .a .tit{ position: relative; z-index: 6; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem); margin-top:0.2rem;}
.list4 .a .ino{ position: relative; z-index: 6; display: flex; justify-content: center; align-items: center; width: 0.61rem; height: 0.61rem; line-height: 0; margin-top:0.18rem;}
.list4 .a .ino img{ width:100%; position: absolute; left:0; top:0; display: block;}
.list4 .a .ino .img1{ opacity:1;}
.list4 .a .ino .img2{ opacity:0;}
.list4 .a:hover{box-shadow:none; background: none;}
.list4 .a:hover:before{ width:100%; height:100%;}
.list4 .a:hover:after{ opacity:1; width:110.6%; height:110.6%;}
.list4 .a:hover .tit{ color: #fff;}
.list4 .a:hover .ino .img1{ opacity:0;}
.list4 .a:hover .ino .img2{ opacity:1;}


@media screen and (max-width:1440px) {
.list4{ margin-top:0.8rem;}	

}
@media screen and (max-width:1024px) {
.h-Milest{ padding-bottom: 35px;}	
.list4{ margin-top:22px;}	
.list4 .li{padding:0 0.2rem;}
.list4 .a{ width:4rem; height:4rem; padding:20px 20px; box-shadow:0 5px 5px rgba(0,0,0,0.08);}
.list4 .a .tit{ font-size:14px; line-height:18px; margin-top:12px;}
.list4 .a .ino{ width:36px; height:36px; margin-top:8px;}
.list4 .a .ico{ width:44px; height:24px; margin:15px 0 0 0; }
.list4 .a .ico:after{ background-size:auto 18px !important;}
}
@media screen and (max-width:767px) {
.h-Milest{ padding-bottom:60px;}		
.list4 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.list4 .swiper-slide{ width:100%; flex-shrink: 0; position: relative; transition-property: transform;}	
.list4 .ul{ width: calc(100% + 20px); margin:0 -10px;}
.list4 .li{ width:100%; padding:10px 10px;}
.list4 .a{ width:7.6rem; height:7.6rem;}
.list4 .swiper-scrollbar{ display: block !important; position:relative; z-index: 10; width:100%; height:20px; opacity:1 !important; overflow: hidden;}
.list4 .swiper-scrollbar::after{ content:''; display: block; position: absolute; left:0; top:50%; width:100%; height:1px; background:#00843d;z-index:1; background: rgba(0,0,0,.1); }
.list4 .swiper-scrollbar-drag{  position:relative;background:#00843d !important; width: 100%; height:2px; margin:9px 0 9px -1px;z-index:5;}
.list4 .swiper-scrollbar-drag .ino{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:100%; background:#00843d;z-index:5;}
.list4 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:0; top:50%; width:18px; height:18px; margin-top: -9px; border-radius:50%;background: #ebf3ee; border:1px solid #00843d; z-index:3;}
.list4 .swiper-scrollbar-drag::before{ content:''; display: block; position: absolute; right:5px; top:50%; margin-top:-4px; border-radius:50%; width:8px; height:8px; background:#00843d;z-index:5;}
.list4 .swiper-prev,
.list4 .swiper-next{ position: absolute; top:50%; margin-top:-0.12rem; display: block; width:30px; height:30px; background:url(img/left.svg) 43% center no-repeat #fff; background-size:20px 20px; border-radius:50%; position:absolute; z-index: 7; cursor: pointer;box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.list4 .swiper-prev:hover,
.list4 .swiper-next:hover{ background:url(img/left1.svg) center no-repeat #00843d;}
.list4 .swiper-prev{ left:0.2rem;}
.list4 .swiper-next{ right:0.2rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.list4 .down{ position: relative; margin-left:10px; margin-right:10px; width:calc(100% - 20px); margin-top:15px;}
.list4 .swiper-pagination{ position: absolute; left:0; top:100%; color: #888888; font-size:16px; line-height:26px; font-weight: bold; display: flex; width:100%; justify-content: space-between;}
.list4 .swiper-pagination-current{ color: #00843d;}
}


.list5{ margin-top:0.56rem;}
.list5 .ul{ width:calc(100% + 20px); margin:-10px;}
.list5 .li{ width:25%; padding:10px;}
.list5 .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:10px;}
.list5 .a ._img{ padding-bottom:92.75%;}
.list5 .a .tit{font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.08rem); min-height:calc(40px + 0.16rem); margin-top:0.12rem;}
.list5 .a .ino{ line-height:0;}
.list5 .a .ino img{ width:0.45rem; height:0.45rem;}
.list5 .a .info{ position: absolute; left:0; bottom:0; z-index: 6; display: flex; flex-wrap: wrap; padding:0.2rem 0.3rem; width:100%;}

@media screen and (max-width:1600px) {
.list5{ margin-top:0.46rem;}	
.list5 .a .tit{ line-height:calc(20px + 0.04rem); min-height:calc(40px + 0.08rem);}
}
@media screen and (max-width:1440px) {
.list5{ margin-top:0.36rem;}	
.list5 .a .info{  padding:0.2rem 0.24rem;}
}
@media screen and (max-width:1024px) {
.h-main1{ padding-bottom: 35px;}	
.list5{ margin-top:17px;}
.list5 .ul{ width: calc(100% + 12px); margin:-6px;}
.list5 .li{padding:6px;}
.list5 .a .info{ padding:12px 12px;}
.list5 .a .tit{ font-size:14px; line-height:20px; margin-top: 6px;}
.list5 .a .ino img{ width:24px; height:24px;}
}
@media screen and (max-width:767px) {
.list5 .li{ width:50%;}

}

.box5{ align-items: flex-start;}
.box5 .title{display:block; width:46%; text-transform:inherit; line-height:1.34;}
.box5 .info{display:block; width:50%; padding:0 0 0 10px; color: #333;font-size:calc(14px + 0.01rem); line-height:calc(20px + 0.1rem);}
.box5 .info a{ display: inline-block; color: #00843d;}
.box5 .info a:hover{ text-decoration: underline;}
.box5 .w50{ width:50%;}
.box5 .cont{ width:calc(100% + 20px); margin:0.26rem -10px 0 -10px;}
.box5 .cont .li{display: flex; flex-wrap: wrap; flex-direction: column; padding:0 10px;}
.box5 .cont .li .num{display:inline-flex; align-items: flex-end; font-weight: bold; color: #00843d;font-size:calc(14px + 0.01rem); line-height:1; min-height:calc(16px + 0.46rem);  background: -webkit-linear-gradient(90deg, #84bd00, #00a3e0); background: linear-gradient(90deg, #84bd00, #00a3e0);-webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; color: transparent;}
.box5 .cont .li .num span{ padding:0 0 4px 3px;}
.box5 .cont .li .counter{font-size:calc(16px + 0.2rem);}
.box5 .cont .li .p{ width:100%; color: #333;font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.1rem); margin-top:0.04rem;}
.box5 .cont .l1 .num{font-size:calc(14px + 0.1rem);}
.box5 .cont .l1 .counter{font-size:calc(16px + 0.46rem);}
.box5 .cont .l1 .p{font-size:calc(14px + 0.1rem); }


@media screen and (max-width:1600px) {
.box5 .cont{ width:calc(100% + 20px); margin:0.16rem -10px 0 -10px;}	
.box5 .info{font-size:14px;  line-height:calc(20px + 0.06rem);}
}
@media screen and (max-width:1440px) {
.box5 .cont{ width:calc(100% + 20px); margin:0.16rem -10px 0 -10px;}	
.box5 .info{font-size:14px;  line-height:calc(20px + 0.04rem); position: relative; padding:15px 0 0 0;}
.box5 .info .s{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;}
.box5 .info .more{ background: #fff; position: absolute; right: 0; bottom: 0;}
.box5 .cont{ margin:15px 0 0 0;}
.box5 .cont .li{ padding:0;}
.box5 .cont .li .num{ min-height:calc(16px + 0.38rem); }
.box5 .cont .li .p{ line-height:calc(20px + 0.08rem);  margin-top:0;}
.box5 .cont .l1 .num{font-size:calc(14px + 0.08rem);}
.box5 .cont .l1 .counter{font-size:calc(16px + 0.38rem);}
.box5 .cont .l1 .p{font-size:calc(14px + 0.08rem);}
}
@media screen and (max-width:1024px) {
.box5 .title{ width:100%;}	
.box5 .info{ width:100%;}
.box5 .w50{ width:100%;}
.box5 .cont .li{ padding:6px 0; letter-spacing: 1px;}
.box5 .cont .li .num{ font-size:16px; min-height:calc(16px + 0.38rem);}
.box5 .cont .li .counter{font-size:calc(24px + 0.3rem);}
.box5 .cont .li .p{ font-size:16px;}
}


@-webkit-keyframes roateOne {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}


.h-pord{ position: relative; overflow: hidden;}
.h-pord .back{ position: absolute; left:0; top:0; content:''; width:100%; height: 100%; z-index: 1;}
.h-pord .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.h-pord .swiper-slide{ width:100%; flex-shrink: 0; position: relative; transition-property: transform;}
.pord1{ overflow: hidden; margin-top:0.15rem;}
.pord1 .right{ display: block; width:40.7%; line-height: 0;}
.pord1 .left{ width:48.7%;}
.pord1 .box{ margin-top:0.4rem;}
.pord1 .tit{color:#888;font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.1rem); cursor: pointer; margin-top:0.18rem;}
.pord1 .tit.on{ color: #00843d;font-size:calc(14px + 0.1rem);}
.pord1 .ul{ display:none; width:100%; margin-top:0.1rem;}
.pord1 .p{color:#333;font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.08rem);}
.pord1 .btn{ padding:0.3rem 0 0.26rem 0;}
.pord1 .more{display: flex; align-items:center; justify-content:center; width:152px; line-height:1;height:0.5rem;border-radius:0.5rem; padding-bottom:2px; position: relative; overflow: hidden;
  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.pord1 .more span{ position: relative; z-index:6;}
.pord1 .more::before{width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background:#26bc53;content: '';border-radius: 50%;}
.pord1 .more:hover::before{width: 150px;height: 150px;}

.pord2{ overflow: hidden; display: flex; flex-wrap: wrap; justify-content:space-between; position:relative; margin-top: 0.32rem; padding:0 0.03rem;}
.pord2 .left{ width:calc(50% + 0.5rem); }
.pord2 .left .swiper-wrapper{justify-content: space-between;}
.pord2:before{ display: block; width: 96%;height: 1px;position: absolute;top: 50%; left:2%; background: rgba(0,0,0,0.1);content: '';}
.pord2 .li{ margin:0.03rem 0; width: 1rem;height: 1rem;position: relative;display: block;border-radius: 50%;text-align: center;color: #fff;cursor: pointer;}
.pord2 .li .tit{position: absolute;z-index: 1;color: #00843d;width: 100%;text-align: center;font-size:calc(14px + 0.04rem); top: 50%;-webkit-transform: translateY(-50%); text-transform: uppercase;}
.pord2 .li::before {width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;border-radius: 50%;content: '';background-image: linear-gradient(to right, #84bd00 0%, #00a3e0 100%);}
.pord2 .li::after {width: 0.94rem;height: 0.94rem;position: absolute;left: 3px;top: 3px;border-radius: 50%;content: '';-webkit-transition: all .35s;background-color: #f7f7f7;}
.pord2 .li:hover::after {border-radius: 50%;}
.pord2 .li:hover::before {border-radius: 45%;-webkit-animation: roateOne 2s linear infinite;}
.pord2 .swiper-slide-thumb-active .tit{color: #fff;}
.pord2 .swiper-slide-thumb-active::after,
.pord2 .swiper-slide-thumb-active::before {border-radius: 45%;-webkit-animation: roateOne 2s linear infinite;}
.pord2 .swiper-slide-thumb-active::after {opacity: 0;-webkit-transform: scale(0);border-radius: 50%;}

@media screen and (max-width:1600px) {
.pord1 .box{ margin-top:0.2rem;}
.pord1 .tit{margin-top: 0.06rem;}
.pord1 .btn{ padding:0.18rem 0 0.12rem 0;}
.pord1 .right{ width:35.7%;}
.pord2{ margin-top: 0.3rem;}
}
@media screen and (max-width:1440px) {
.pord1 .tit{font-size:calc(14px + 0.04rem);}	
.pord1 .tit.on{ font-size:calc(14px + 0.06rem);}
.pord1 .p{font-size: calc(14px + 0.01rem); line-height: calc(20px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.h-pord{ padding-bottom: 35px;}	
.pord1 .box{ margin-top:15px;}
.pord1 .left{width: 56.7%;}
.pord1 .tit{ margin-top: 5px;}
.pord1 .ul{ margin-top: 5px;}
.pord1 .btn{padding:10px 0 10px 0;}
.pord1 .more{ width:122px; height:36px; border-radius:36px; padding-top: 1px;}
.pord2{ margin-top:25px;}
.pord2 .left{ width:calc(50% + 35px); }
.pord2 .li{ width:70px;height: 70px;}
.pord2 .li::after {width:64px;height: 64px;}
}
@media screen and (max-width:767px) {
.pord1 .right{ width:100%; margin-top:25px; text-align: center;}
.pord1 .right img{ width:70%;}
.pord1 .left{ width:100%;}
}


.fade-up{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(25px);
}
.fade-up1{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(60px);
}
.fade-down{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(-25px);
}
.saceIn{
	opacity: 0;
	-webkit-transition: all 1s;
	-webkit-transform: scale(0.6);
}
.slibox.swiper-slide-active .fade-up{
	opacity: 1;
	-webkit-transform: translateY(0px);
}
.slibox.swiper-slide-active .fade-up1{
	opacity: 1;
	-webkit-transform: translateY(0px);
}
.slibox.swiper-slide-active .fade-down{
	opacity: 1;
	-webkit-transform: translateY(0px);
}
.slibox.swiper-slide-active .saceIn{
	opacity: 1;
	-webkit-transform: scale(1);
}

@media screen and (max-width:1024px) {
.fade-up{
	opacity:1;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(0);
}
.fade-up1{
	opacity:1;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(0);
}
.fade-down{
	opacity:1;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(0);
}
.saceIn{
	opacity:1;
	-webkit-transition: all 1s;
	-webkit-transform: scale(1);
}
}

.delay-1{
	-webkit-transition-delay: .2s;
}
.delay-2{
	-webkit-transition-delay: .4s;
}
.delay-3{
	-webkit-transition-delay: .6s;
}
.delay-4{
	-webkit-transition-delay: .8s;
}
.delay-5{
	-webkit-transition-delay: 1s;
}
.delay-6{
	-webkit-transition-delay: 1.2s;
}
.delay-7{
	-webkit-transition-delay: 1.4s;
}
.delay-8{
	-webkit-transition-delay: .1.6s;
}

.d-poup{ width:100%; position:fixed; left:0;  bottom:0; background:rgba(71,71,71,0.5); z-index: 20; transform: translateY(150%); -ms-transform: translateY(150%);-webkit-animation:all .5s cubic-bezier(.23,1.08,.62,.95);
-moz-transition:all .5s cubic-bezier(.23,1.08,.62,.95);
-o-transition:all .5s cubic-bezier(.23,1.08,.62,.95);
transition:all .5s cubic-bezier(.23,1.08,.62,.95); }
.d-poup.act{ transform: translateY(0%); -ms-transform: translateY(0%);}
.d-poup .box{ align-items: center; padding:8px 0;}
.d-poup .cont{ font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem);}
.d-poup .cont a{ color: #fff; text-decoration: underline;}
.d-poup .cont a:hover{ color: #00843d;}
.d-poup .more{display: flex; align-items:center; justify-content:center; width:140px; line-height:1;height:0.4rem;border-radius:0.5rem; padding-bottom:2px; position: relative; overflow: hidden; padding-bottom:4px; color: #fff; font-size:calc(14px + 0.02rem);
  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.d-poup .more span{ display: flex; position: relative; z-index:6;}
.d-poup .more::before{width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background:#26bc53;content: '';border-radius: 50%;}
.d-poup .more:hover::before{width: 150px;height: 150px;}

@media screen and (max-width:1024px) {
.d-poup .cont{ font-size:14px; line-height:16px;}	
.d-poup .box{ flex-wrap:nowrap;}
.d-poup .more{ width:100px; height:32px;}
}
@media screen and (max-width:767px) {
.d-poup .cont{ font-size:12px; line-height:14px;}	
.d-poup .more{ font-size:12px; width:80px; height:26px;}
}



.inbanner{}
.mbsA{ background: #f7f8f9;}
.mbsD{ position: absolute; left: 0; bottom:4px; z-index: 6; width:100%;}
.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; color: #fff; line-height:24px; padding:0.18rem 0;}
.mbs a{ display: inline-block; color: #fff;}
.mbs i{ display: inline-block; margin:0 6px;}
.mbs .ico{ line-height: 0;}
.mbs .ico img{ min-width:18px; width:18px; height:18px;}
.mbs1{ color: #686868;}
.mbs1 a{ color: #686868;}
.mbs a:hover{ color: #00843d;}


@media screen and (max-width:1024px) {
.mbs{display:none; padding:10px 0;}
.mbs1{display: flex;}

}


.slideD{ background: #99ccde; overflow: hidden;}
.slideL{ display: flex; flex-wrap: wrap; width:100%;}
.slideL .ul{ display:inline-flex; flex-wrap: wrap; width:100%;}
.slideL .li{display:inline-flex; width:24.3%; position: relative; overflow: hidden;}
.slideL .li::before{ display: flex; content:''; width:0; height:0; position: absolute; left:50%; top:50%; border-radius:50%; z-index:4; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.slideL .li a{ position: relative; z-index: 6; display: flex; width:100%; justify-content: center; align-items: center; height:0.8rem; color:#fff; text-transform: uppercase; font-size:calc(14px + 0.08rem); line-height:1.2;}
.slideL .li.on::before,
.slideL .li:hover::before{width:100%;height:437.5%; border-radius:0; }

@media  screen and (max-width:1440px){
.slideL .li a{ font-size:calc(14px + 0.02rem);}
}
@media  screen and (max-width:1024px){
.slideL .ul{ width:100%; justify-content: center;}	
.slideL .li{ width: auto;}
.slideL .li a{ font-size:14px; padding:4px 15px; height:40px;}
}
@media  screen and (max-width:767px){
.slideL .li a{ font-size:13px; padding:4px 12px;}	
.slideL1{ white-space: nowrap; overflow-x: auto;}
.slideL1 .ul{ width: auto; flex-wrap:nowrap;}
}

.slidT{ width:100%; background: #f7f8f9; overflow: hidden; z-index:20; position: fixed; left:0; top:0; transform: translateY(-100%); -ms-transform: translateY(-100%);}
.slidT.act{ transform: translateY(0%); -ms-transform: translateY(0%);}
.slideP{ width:100%; background: #f7f8f9; overflow: hidden;}
.slideP.tct{ position: fixed; left:0; top:0; top:0.96rem}
.slideBox{ padding:6px 0;}
.slideTit{ white-space: normal; color: #333; font-size:16px; line-height:37px; margin:6px 15px 6px 0;}
.slideR{ display: flex;}
.slideR .ul{ display:inline-flex;}
.slideR .li{display:inline-flex; position: relative; border-radius:37px; overflow: hidden; padding:6px 2px;}
.slideR .li::before{ display: flex; content:''; width:1px; height:10px; position: absolute; left:0; top:50%; z-index:4; transform: translate(0%,-50%); -ms-transform:translate(0%,-50%); background:#dedfe0;}
.slideR .li a{ position: relative; z-index: 6; display: flex; justify-content:center; align-items: center; text-align: center; height:37px; color:#000; text-transform: uppercase; font-size:14px; line-height:1.2; padding:0 0.18rem;}
.slideR .li a::before{ display: flex; content:''; width:0; height:0; position: absolute; left:50%; top:50%; border-radius:37px; z-index:4; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.slideR .li a span{display:inline-flex; position: relative; z-index: 6;}
.slideR .li.on a,
.slideR .li:hover a{ color:#fff;}
.slideR .li.on a::before,
.slideR .li:hover a::before{width:100%;height:100%;}


@media  screen and (max-width:1024px){
.slideBox{ padding:3px 0;}	
.slideTit{ font-size:14px; line-height:30px;margin:2px 15px 2px 0;}
.slideR .li{ padding:2px 2px;}
.slideR .li a{ font-size:13px;height:30px; padding:0 10px;}
}
@media  screen and (max-width:767px){
.slideR{ overflow-x: auto; scrollbar-color: #f7f8f9 #f7f8f9;}	
.slideR .li a{ white-space: nowrap; }	
}


.inbanner1 .swiper-wrapper{position: relative; display: flex; transition-property: transform; box-sizing: content-box;}
.inbanner1 .swiper-slide{ width:100%; flex-shrink: 0; position: relative; transition-property: transform;}
.inbanner1 .swiper-pagination{ position: absolute; left: 0; bottom:1.86rem; z-index: 10; width:100% !important; display: flex; justify-content: center;}
.inbanner1 .swiper-pagination-bullet{ display: flex; width:14px; height: 14px; border-radius:50%; margin:0 8px; border:1px solid #fff;}
.inbanner1 .swiper-pagination-bullet-active{ background: #fff; }
.inbanner1 .mbsD{ bottom:1.4rem;}
.intext{ position: absolute; left:0; top:44.5%; z-index:6; width:100%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.intext .cont{ width:54.86%;}
.intext .tit1{ width:100%;  position: relative; padding-left: 0.66rem; color: #b7def3; font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem); margin-top:0.2rem;}
.intext .tit1:after{ display: block; content: ''; position: absolute; left: 0; top:12px; width:0.54rem; height: 1px; background: #b7def3;}
.intext .tit2{ width:100%; color: #fff; font-size:calc(14px + 0.36rem); line-height:1;}
.intext .p{ width:100%; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.04rem); margin-top:0.45rem;}

@media screen and (max-width:1440px) {
.inbanner1 .swiper-pagination{ bottom:1.46rem;}	
.inbanner1 .mbsD{ bottom:1rem;}	
.intext .tit1{ margin-top:0.14rem;}	
.intext .tit2{ font-size:calc(14px + 0.34rem);}
.intext  .p{font-size:calc(14px + 0.04rem); margin-top:0.25rem;}
}
@media screen and (max-width:1024px) {

.intext .tit1{ padding-left: 0.9rem;}
.intext .tit1:after{ top:12px; width:0.66rem;}
.intext .tit2{ font-size:26px; line-height:32px;}
.intext .p{font-size:14px; line-height:22px; margin-top:10px;}
.inbanner1 .swiper-pagination{ bottom:0.8rem; }
.inbanner1 .swiper-pagination-bullet{ width:10px; height: 10px; margin:0 5px; }
}
@media screen and (max-width:767px) {
.intext{ top:1.9rem; transform: translateY(0%); -ms-transform: translateY(0%);}	
.intext .cont{ width:100%;}	
.intext .a .cont{ width:100%;}

}


.porTit{ text-transform: uppercase; color: #000;font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.22rem);}
.pord4 .box{ position: relative; z-index: 8; width:calc(100% + 60px); margin: -1.4rem -30px 0 -30px; background: #fff; border-radius:10px; padding:0.96rem 30px 0 30px; min-height:1.6rem;}
.pord4 .list{ margin-top:0.22rem;}
.pord4 .list .ul{ width:calc(100% + 0.32rem); margin:0 -0.16rem;}
.pord4 .list .li{ text-align: center; width:20%; padding:0 0.16rem; margin-top:0.32rem;}
.pord4 .list .li .a{ width:100%; position: relative; height:100%; border-radius:10px; box-shadow:0 14px 29px rgba(0,132,61,0.05); padding:0.42rem 0.16rem;
 background-image: -webkit-linear-gradient(top, #f0fbf5 0%, #ffffff 54%);
  background-image: -moz-linear-gradient(top, #f0fbf5 0%, #ffffff 54%);
  background-image: -o-linear-gradient(top, #f0fbf5 0%, #ffffff 54%);
  background-image: linear-gradient(top, #f0fbf5 0%, #ffffff 54%);
}
.pord4 .list .li .img{ line-height:0; margin-top:0.05rem;}
.pord4 .list .li .img img{ min-width:122px; width:122px; height:122px;}
.pord4 .list .li .p{ color: #333; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem); margin-top:0.37rem;}

@media screen and (max-width:1440px) {
.porTit{ font-size:calc(14px + 0.2rem); line-height:calc(20px + 0.2rem);}
.pord4 .box{ margin: -1rem -30px 0 -30px;}
.pord4 .list .li .p{ font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem); }
}
@media screen and (max-width:1024px) {
.porTit{ font-size:20px; line-height:26px;}
.pord4 .box{ width:100%; margin:0; padding:45px 0 0 0; min-height:inherit; }
.pord4 .list{ margin-top:0.22rem;}
.pord4 .list .ul{ width:calc(100% + 14px); margin:0 -7px;}
.pord4 .list .li{ text-align: left; width:100%; padding:7px;}
.pord4 .list .li .a{ display:flex; align-items: center; padding:15px 15px;; box-shadow:0 5px 10px rgba(0,132,61,0.05);}
.pord4 .list .li .img{ margin-right: 12px;} 
.pord4 .list .li .img img{ min-width:90px; width:90px; height:90px;}

}

.pord5{ padding-top:1.18rem;}
.pord5 .box{ align-items: center; margin-top:0.56rem;}
.pord5 .img{ display: block; width:44.6%; line-height:0;}
.pord5 .info{ width:50.1%; margin:0 0 0.52rem 0; color: #333333; font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.12rem);}

@media screen and (max-width:1024px) {
.pord5{ padding-top:45px;}
}
@media screen and (max-width:767px) {
.pord5 .img{ width:100%;}
.pord5 .info{ width:100%; margin:0 0 1rem 0;}
}



.pord6{ padding-top:1.18rem;}
.pord6 .box{ text-align: center; margin-top:0.54rem; color: #333333; font-size:calc(14px + 0.04rem); line-height:1.4;}
.pord6 .box th{ color: #fff; font-size:calc(14px + 0.06rem); padding:0.15rem;}
.pord6 .box td{ padding:0.16rem 0.15rem;}

@media screen and (max-width:1024px) {
.pord6{ padding-top:45px;}
}
@media screen and (max-width:767px) {
.pord6 .box th{ font-size:14px; padding:8px 4px;}
.pord6 .box th:last-child{ width:30% !important;}
.pord6 .box td{ font-size:13px; padding:8px 4px;}
}



.pord7{ padding-top:1.18rem;}
.pord7 .box{ margin-top:0.8rem;}
.pord7 .li{ padding-bottom:0.65rem;}
.pord7 .hd{ display:block; margin-top:0.54rem;}
.pord7 .hd ul{ display:flex; width:100%;}
.pord7 .hd li{ display:flex; margin-right:3px; width:17.1%; height:6.27rem; border-radius:8px;}
.pord7 .hd li:last-child{ margin: 0 !important;}
.pord7 .hd li.on{ width:65.8%;}
.pord7 .title{ position: relative; cursor: pointer; border-radius:10px; margin-bottom:0.1rem; padding:0.2rem 1rem 0.14rem 0.4rem;
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.pord7 .title .ico{ position:absolute; right:0.4rem; top:50%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); width:0.34rem; height:0.34rem;}
.pord7 .title .ico::after,
.pord7 .title .ico::before{ z-index: 6; display: block; content:''; position: absolute; left:50%; top:50%;background: #fff; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.pord7 .title .ico::after{ width:100%; height: 2px; }
.pord7 .title .ico::before{ height:0; width: 2px;}
.pord7 .title .tit1{ color: #fff; font-size:calc(14px + 0.16rem); line-height:calc(20px + 0.16rem);}
.pord7 .title .tit2{ color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem); margin-top:2px;}
.pord7 .title.on{ background: #eaf5ef;}
.pord7 .title.on .ico::after,
.pord7 .title.on .ico::before{ background: #00843d;}
.pord7 .title.on .ico::before{ height:100%;}
.pord7 .title.on .tit1{ color: #00843d;}
.pord7 .title.on .tit2{ color: #333333;}
.pord7 .cont{ padding:0.52rem 0 0.49rem 0;}
.pord7 .conton{ display:none;}
.pord7 .cont .info{ color: #00843d; font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem);margin-bottom: 0.26rem;}
.pord7 .cont .p{ color: #333333; font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.12rem); }


@media screen and (max-width:767px) {
.pord7 .title{ padding:12px 25px 12px 15px;}
.pord7 .title .tit1{ font-size:17px; line-height: 24px;}
.pord7 .title .tit2{ font-size:14px; line-height: 20px;}
.pord7 .cont .p{ font-size:14px; line-height: 22px;}
}







.pord8{ padding-bottom:1.06rem;}
.pord8 .title{ border-radius:10px; color: #fff; font-size:calc(14px + 0.16rem); line-height: calc(20px + 0.16rem); padding:0.3rem 0.4rem;
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.pord8 .box { width:calc(100% + 0.3rem); margin:0.5rem -0.15rem 0 -0.15rem;}
.pord8 .box .ul{ width:100%;}
.pord8 .box .li{ text-align: center; width:33.33%; padding:0.15rem;}
.pord8 .box .a ._img{ border-radius:10px; padding-bottom: 75%;}
.pord8 .box .a .tit{ width:100%; color: #333333; font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); margin-top:0.25rem; padding:0 14%;}
.pord8 .box .a .info{ width:100%; color: #333333; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem); margin-top:0.06rem; padding:0 14%;}
.pord8 .box .a:hover .tit{ color: #00843d;}
.pord8 .box .slick-dots{ margin-top: 0.44rem; width:100%; display: flex; justify-content: center;}
.pord8 .box .slick-dots li{ display: flex; width:12px; height: 12px; border-radius:50%; margin:0 8px; background: #e9e9e9;}
.pord8 .box .slick-dots li.slick-active{ background: #00843d; }

@media screen and (max-width:1440px) {
.pord8 .box .a .tit{padding:0;}
.pord8 .box .a .info{padding:0;}
}
@media screen and (max-width:767px) {
.pord8{ padding-bottom:1.8rem;}	
.pord8 .title{padding:10px 15px; font-size:18px; line-height:24px}
.pord8 .box{ margin-top: 0.8rem;}
.pord8 .box .li{ width:50%;}
.pord8 .box .a .tit{ margin-top:12px; font-size:16px; line-height:22px;}
.pord8 .box .a .info{ font-size:14px; line-height:20px; margin-top: 4px;}
.pord8 .box .slick-dots li{ width:10px; height: 10px; margin:0 5px;}
}

@keyframes paly {
 0% {
   transform: scale(0.8); -ms-transform: scale(0.8);
  }
  50% {
    transform: scale(1); -ms-transform: scale(1);
  }
  100% {
   transform: scale(0.8); -ms-transform: scale(0.8);
  }
}
@-webkit-keyframes paly {
  0% {
   transform: scale(0.8); -ms-transform: scale(0.8);
  }
  50% {
    transform: scale(1); -ms-transform: scale(1);
  }
  100% {
   transform: scale(0.8); -ms-transform: scale(0.8);
  }
}

.Company1{ overflow: hidden; padding-top:1.34rem; padding-bottom:3.63rem;}
.Company1 .bg{ position: absolute; left: 0; bottom:0; z-index:1; width:100%;}
.Company1 .left{ width:35%;}
.Company1 .right{ width:61.3%;}
.Company1 .info{ color: #333;font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem);}
.Company1 .tit1{ width:100%; position: relative; color: #00843d;font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.22rem); text-transform: uppercase;}
.Company1 .tit1:after{ display:block; content:''; position: absolute; left:-0.32rem; top:0; width:2px; height:130%;
 background-image: -webkit-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(top, #84bd00 0%, #00a3e0 100%);}
.Company1 .tit2{ width:100%; color: #00843d;font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); text-transform: uppercase; margin-top:0.1rem;}
.Company1 .tit3{ color: #007fad;font-size:calc(14px + 0.16rem); line-height:calc(20px + 0.22rem); margin-top:0.2rem;}
.Company1 .box1 .tit3{ display: none;}
.Company1 .box2{ margin-top:0.62rem;}
.Company1 .box3{ margin-top:3rem;}
.Company1 .box3 .paly{ cursor: pointer; display:block; width:0.86rem; height:0.86rem;}
.Company1 .box3 .paly:hover{animation:paly 1s linear infinite;}
.Company1 .list{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.Company1 .list .li{ width:28%; text-align: center; padding:0.2rem 0; display: flex; flex-wrap: wrap; align-items: center;flex-direction: column;}
.Company1 .list .li .ico img{ display:block; width:0.46rem; height:0.46rem;}
.Company1 .list .li .p{ color: #00843d; font-weight: bold; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.02rem); margin-top:5px;
 background: -webkit-linear-gradient(90deg, #84bd00, #00a3e0); 
 background: linear-gradient(90deg, #84bd00, #00a3e0);
 -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; color: transparent;
}

@media  screen and (max-width:1440px){
.Company1 .box3{ margin-top:2rem;}	
.Company1 .list .li{ width:32%;}	
.Company1 .tit1{font-size:calc(14px + 0.2rem); line-height:calc(20px + 0.2rem);}	
.Company1 .tit2{font-size:calc(14px + 0.08rem); line-height:calc(20px + 0.08rem);}
.Company1 .tit3{font-size:calc(14px + 0.14rem); line-height:calc(20px + 0.2rem);}
.Company1 .info{ font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem);}		
.Company1 .list .li .p{ font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem);}	
}	
@media  screen and (max-width:1024px){
.Company1 .left{ width:100%;}
.Company1 .right{ width:100%;}
.Company1 .info{ margin-top:20px; font-size:14px; line-height:24px;}
.Company1 .tit1{ font-size:20px; line-height:26px;}
.Company1 .tit2{ margin-top:5px; font-size:16px; line-height:22px;}
.Company1 .tit3{ margin-top:12px; font-size:18px; line-height:26px;}
.Company1 .box1 .tit3{ display: none;}
.Company1 .box2 .tit3{ display: block;}
.Company1 .box2 .tit3 br{display:none;}
.Company1 .box3 .paly{width:46px; height:46px;}
.Company1 .list .li .ico img{ width:36px; height:36px;}
.Company1 .list .li .p{ font-size:14px; line-height:22px; margin-top:3px;}
}
@media  screen and (max-width:767px){
.Company1{ padding-bottom: 6rem;}	
.Company1 .box3{ margin-top:4.6rem;}
.Company1 .list{ flex-wrap: wrap; width:calc(100% + 10px); margin:0 -5px;}	
.Company1 .list .ul{ width:100%; flex-direction: row; padding:0 5px;}	
.Company1 .list .li{ width:50%; padding:8px 0; }
}


.Company .li{ overflow: hidden;}
.Company .pc_show{ position: absolute; max-width:inherit; width: auto; height:100%; left: 0; top:0; z-index: 1;}
.Company .ph_show{ position: absolute; max-width:inherit; width:calc(100% + 30px); height:100%; left:-15px; top:0; z-index: 1; object-fit: cover; border-radius:0.85rem 0 0 0;}
.Company .box{ justify-content: flex-end; padding-top:1.42rem;}
.Company .cont{ width:61.38%;}
.Company .top{ width:100%; position: relative; padding-left:0.3rem;}
.Company .top::after{ display:block; content:''; position: absolute; left:0; top:0; width:2px; height:100%;
 background-image: -webkit-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(top, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(top, #84bd00 0%, #00a3e0 100%);}
.Company .tit1{ width:100%; color: #007fad;font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.22rem); text-transform: uppercase;}
.Company .tit2{ width:100%; color: #007fad;font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); text-transform: uppercase; margin-top:0.06rem;}
.Company .info{ position: relative; width:100%; color: #fff;font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem); margin-top:0.75rem; padding:0.54rem 0 0.55rem 0;}
.Company .info:after{ float:left; width:2000px; height:100%; content:''; position: absolute; left:0; top:0; z-index:2; background:#007fad; opacity:0.6; border-radius:0.85rem 0 0 0; margin:0 -0.7rem;}
.Company .p{ min-height:calc(340px + 1.7rem);}
.Company .cont{ width:61.38%;}

.Company .li:nth-child(2n) .box{ justify-content:flex-start;}
.Company .li:nth-child(2n) .cont{ width:57%;}
.Company .li:nth-child(2n) .top{ width:105%;}
.Company .li:nth-child(2n) .info:after{ left:auto; right:0; border-radius:0 0.85rem 0 0;}
.Company .li:nth-child(2n) .pc_show{ left:auto; right:0;}
.Company .li:nth-child(2n) .ph_show{border-radius:0 0.85rem 0 0;}

@media  screen and (max-width:1600px){
.Company .box{padding-top:1rem;}	
.Company .info{  margin-top:0.5rem; padding:0.45rem 0 0.45rem 0;}
.Company .cont{ width:59.38%;}
.Company .li:nth-child(2n) .cont{ width:55%;}
}	
@media  screen and (max-width:1440px){
.Company .tit1{font-size:calc(14px + 0.17rem); line-height:calc(20px + 0.17rem);}	
.Company .tit2{font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem);}
.Company .info{ font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem);}		
.Company .p{ min-height:calc(360px + 0.72rem);}
}	
@media  screen and (max-width:1024px){
.Company .tit1{ font-size:20px; line-height:26px;}
.Company .tit2{ margin-top:5px; font-size:16px; line-height:22px;}
.Company .info{ margin-top:30px; padding:30px 0; font-size:14px; line-height:24px;}
.Company .cont{ width:100%;}
.Company .li:nth-child(2n) .cont{ width:100%;}
.Company .li:nth-child(2n) .top{ width:100%;}
.Company .p{ min-height:inherit;}
.Company .info:after{ width:calc(100% + 30px); margin:0 -15px; opacity:0.8;}
}


.Manage{ overflow: hidden; margin-top: 1.16rem;}
.Manage .box{ justify-content: flex-end;}
.Manage .box:after{ float:left; width:2000px; height:100%; content:''; position: absolute; left:21%; top:0; z-index:2; background:#e9f6f5; border-radius:0.85rem 0 0 0;}
.Manage .cont{ width:53.2%; padding:1.1rem 0 0.95rem 0;}
.Manage .top:after{ float:left; width:2000px; height:2px; content:''; position: absolute; left:0; bottom:0; z-index:1; background:#fff;}
.Manage .tit1{ display: inline-flex; position: relative; color: #333333;font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.22rem); padding-bottom: 0.26rem;}
.Manage .tit1:after{ float:left; width:100%; height:2px; content:''; position: absolute; left:0; bottom:0; z-index:2;
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.Manage .tit2{ width:100%; color: #333333;font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); margin-top:0.43rem;}
.Manage .tit3{ width:100%; color: #00843d;font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem);}
.Manage .info{ width:100%; color: #333;font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem); margin-top:0.2rem;}
.Manage .name{ display: inline-flex; color: #333;font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); margin-top:0.8rem;}
.Manage .pic{ position: absolute; width:43.43%;line-height:0;left:0; top:calc(20px + 1.59rem); z-index:7;}

@media  screen and (max-width:1440px){
.Manage .tit1{font-size:calc(14px + 0.2rem); line-height:calc(20px + 0.2rem);}	
.Manage .tit2{font-size:calc(14px + 0.08rem); line-height:calc(20px + 0.08rem);}
.Manage .tit3{font-size:calc(14px + 0.08rem); line-height:calc(20px + 0.08rem);}
.Manage .info{ font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem);}		
.Manage .name{font-size:calc(14px + 0.08rem); line-height:calc(20px + 0.08rem);}
}	
@media  screen and (max-width:1024px){
.Manage .tit1{ font-size:20px; line-height:26px; padding-bottom:15px;}
.Manage .tit2{ font-size:16px; line-height:22px; margin-top:15px;}
.Manage .tit3{ font-size:16px; line-height:22px;}
.Manage .info{ margin-top:20px; font-size:14px; line-height:24px;}
.Manage .name{ font-size:16px; line-height:22px;}
.Manage .cont{ width:100%; padding:2.8rem 0 1.6rem 0;}
.Manage .box{margin-top:-2rem;}
.Manage .box:after{ left: -15px;}
.Manage .pic{ position:relative; width:100%; top:0;}
}
@media  screen and (max-width:767px){

}



.pord3 .ul{ margin:0.7rem 0;}
.pord3 .li{ width:100%; padding:0.3rem 0;}
.pord3 .a{ width:100%; padding:0.5rem; background: #e5f2f7; border-radius:0 0.75rem 0 0.75rem; display: flex; align-items: center; justify-content: space-between;}
.pord3 .a .cont{ width:100%; padding:0.1rem;}
.pord3 .a .info{ width:43.75%; min-width:43.75%; margin-left:8%;}
.pord3 .a ._img{ padding-bottom:70.6%; border-radius:0.2rem;}
.pord3 .a .more{ margin-top:0.56rem; margin-bottom:0.05rem; display: flex; align-items:center; justify-content:center; width:152px; line-height:1;height:0.5rem;border-radius:0.5rem; padding-bottom:2px; position: relative; overflow: hidden;
  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.pord3 .a .more span{ position: relative; z-index:6;}
.pord3 .a .more::before{
width: 0px;
height: 0px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background:#26bc53;
content: '';border-radius: 50%;
}
.pord3 .a:hover .more::before{width: 150px;height: 150px;}
.pord3 .a .tit1{ width:100%;  position: relative; padding-left: 0.66rem; color: #007fad; font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem);}
.pord3 .a .tit1:after{ display: block; content: ''; position: absolute; left: 0; top:12px; width:0.54rem; height: 1px; background: #007fad;}
.pord3 .a .tit2{ width:100%; color: #00843d; font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.22rem); margin-top:0.28rem;}
.pord3 .a .p{ width:100%; color: #58747f; font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.1rem); height:calc(60px + 0.3rem); margin-top:0.35rem;}

@media screen and (max-width:1440px) {
.pord3 .a .info{ width:43.75%; min-width:43.75%; margin-left:4%;}
.pord3 .a .tit2{ font-size:calc(14px + 0.2rem); line-height:calc(20px + 0.2rem); margin-top:0.2rem;}
.pord3 .a .p{font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.08rem); height:calc(60px + 0.24rem); margin-top:0.27rem;}
.pord3 .a .more{ margin-top:0.49rem;}
}
@media screen and (max-width:1024px) {
.pord3 .a .tit1{ padding-left: 0.9rem;}
.pord3 .a .tit1:after{ top:12px; width:0.66rem;}
.pord3 .a .tit2{ font-size:20px; line-height:26px; margin-top:5px;}
.pord3 .a .p{font-size:14px; line-height:22px; height:66px; margin-top:10px;}
.pord3 .a .more{ margin-top:15px; width:122px; height:36px; border-radius:36px;}
}
@media screen and (max-width:767px) {
.pord3 .a{ flex-wrap: wrap; flex-wrap:wrap-reverse;}	
.pord3 .a .info{ width:100%; min-width:100%; margin:0 0 10px 0;}
.pord3 .a .cont{ width:100%; padding:5px 5px;}

}


.RD-box{ padding-top:1.3rem;}
.RD-box .left{ width:35%;}
.RD-box .right{ width:61.3%;}
.RD-box .tit1{ width:100%; color: #00843d;font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.18rem); text-transform: uppercase;}
.RD-box .info{ width:100%; color: #333;font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.12rem);}

@media  screen and (max-width:1440px){
.RD-box .tit1{font-size:calc(14px + 0.2rem); line-height:calc(20px + 0.2rem);}	
.RD-box .info{ font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem);}		
}	
@media  screen and (max-width:1024px){
.RD-box .left{ width:100%;}
.RD-box .right{ width:100%;}
.RD-box .tit1{ font-size:20px; line-height:26px;}
.RD-box .info{ margin-top:20px; font-size:14px; line-height:24px;}
}
@media  screen and (max-width:767px){

}


.Industrial{ overflow: hidden; padding-top:1.9rem;  padding-bottom:1.36rem;}
.Industrial .ambient{ display: block; width:100%; height:100%; position: absolute; left: 0; top:0; z-index: 1;}

@media  screen and (max-width:767px){
.Industrial{ padding-bottom:1.9rem;}
}

.Techno1{ display: block; width:100%; line-height:0; overflow: hidden; border-radius:10px; margin:1.34rem 0 1.42rem 0;}
@media  screen and (max-width:767px){
.Techno1{ margin:1rem 0 1.6rem 0;}
}








.Techno3{ padding-top:0.97rem; padding-bottom:0.68rem;}
.Techno3 .li{ display: flex; justify-content: space-between; align-items: flex-start; padding:0.74rem 0;}
.Techno3 .cont{ width:47.5%;}
.Techno3 .info{ position: relative; width:41.1%;}
.Techno3 .line{ display: block; content:''; position: absolute; left:-19px; top:-17px; width:89%; height:88%; border-radius:10px; box-shadow:0 6px 27px rgba(52,138,92,0.38);  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  }
.Techno3 ._img{ border-radius: 10px; padding-bottom:76.2%;}
.Techno3 .tit{ width:100%; color: #000;font-size:calc(14px + 0.16rem); line-height:calc(20px + 0.16rem); margin-top:0.32rem; }
.Techno3 .p{ width:100%; color: #333;font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.12rem); margin-top:0.24rem;}
.Techno3 .ico{ width:100%; line-height: 0; margin-top:22px; }
.Techno3 .ico img{ width:0.56rem; height:0.56rem; }

.Techno3 .li:nth-child(2n){flex-direction:row-reverse;}


@media  screen and (max-width:1440px){
.Techno3 .tit{font-size:calc(14px + 0.14rem); line-height:calc(20px + 0.14rem); margin-top:10px;}	
.Techno3 .p{font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem); margin-top:10px;}
}

@media  screen and (max-width:1024px){
.Techno3 .ico img{ width:36px; height:36px; }
.Techno3 .p{font-size:14px; line-height:24px;}
.Techno3 .line{ left:-7px; top:-7px; box-shadow:0 3px 10px rgba(52,138,92,0.18);}
.Techno3 .cont{ width:100%;}
.Techno3 .info{ width:100%; padding:0 15px;}
.Techno3 .li{ flex-wrap:wrap-reverse;}	
.Techno3 .line{ left:5px; top:-10px; }
}
@media  screen and (max-width:767px){
.Techno3{ padding-top:1rem; padding-bottom:1rem;}	
}


.Techno2{ overflow: hidden; padding-top:1.1rem; padding-bottom:1rem;}
.Techno2:after{ z-index: 1; display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%; background: #000; opacity:0.2;}
.Techno2 .title{ width:100%; text-align: center; color: #fff;font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.22rem);}
.Techno2 .down{ margin-top:0.93rem;}
.Techno2 .box1 .ul{ width:calc(100% + 0.34rem); margin:0 -0.17rem;}
.Techno2 .box1 .li{ width:25%; padding:0.17rem;}
.Techno2 .box1 .a{ width:100%; position: relative; height:100%; padding:0.21rem 0.24rem 0.43rem 0.24rem;}
.Techno2 .box1 .a::after{ display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%; opacity:0.9; border-radius:10px; background:rgba(0,127,173,0.9); box-shadow:0 14px 29px rgba(0,132,61,0.05);}
.Techno2 .box1 .a .ico{ position: relative; z-index: 6; width:100%; display: flex; justify-content: flex-end; }
.Techno2 .box1 .a .ino{ display: flex; justify-content:center; align-items: center; background: #fff; width:46px; height:46px; padding:5px; line-height:0; border-radius:50%;}
.Techno2 .box1 .a .ino img{ width:100%;}
.Techno2 .box1 .a .info{ position: relative; z-index: 6; width:100%; color: #fff;font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem); margin-top:0.66rem;}
.Techno2 .box1 .li:nth-child(4n+2) .a::after,
.Techno2 .box1 .li:nth-child(4n+4) .a::after{
  background-image: -webkit-linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
  background-image: -moz-linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
  background-image: -o-linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
  background-image: linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
}
.Techno2 .box1 .li:nth-child(4n+2) .a .ino,
.Techno2 .box1 .li:nth-child(4n+4) .a .ino{ background: #d8d8d8;}
.Techno2 .box1 .li:nth-child(4n+2) .a .info,
.Techno2 .box1 .li:nth-child(4n+4) .a .info{ color: #333;}
.Techno2 .box1 .li:nth-child(4n+3) .a::after{ background:rgba(0,132,61,0.9);}
.Techno2 .box2{ justify-content:space-between;}
.Techno2 .box2 .info{ width:68.75%; color: #fff;font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.12rem); margin-top:0.3rem;}
.Techno2 .box2 .list{ width:23.33%;}
.Techno2 .box2 .list .li{ width:100%; margin-top:0.3rem;}
.Techno2 .box2 .list .p{ width:100%; color: #fff;font-size:calc(14px + 0.08rem); line-height:calc(20px + 0.08rem); margin-top: 4px;}
.Techno2 .box2 .list .num{ display: inline-flex; color: #fff;font-size:calc(24px + 0.24rem); line-height:1; background: -webkit-linear-gradient(90deg, #84bd00, #00a3e0); background: linear-gradient(90deg, #84bd00, #00a3e0);
 -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; color: transparent;}


.Techno2 .box{position: relative; flex-wrap: nowrap !important; overflow: hidden; margin-top:0.93rem; overflow: hidden;}
.Techno2 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; flex-wrap: wrap; height:370px !important;}
.Techno2 .swiper-slide{ width:100%; flex-shrink: 0; position: relative; transition-property: transform; height:370px;}






@media  screen and (max-width:1440px){
.Techno2 .title{font-size:calc(14px + 0.2rem); line-height:calc(20px + 0.2rem);}
.Techno2 .box1 .a .info{font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem);}
.Techno2 .box2 .info{font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem);}

}

@media  screen and (max-width:1024px){
.Techno2 .title{ font-size:20px; line-height:26px;}
.Techno2 .box1 .a{ padding:20px 12px 25px 12px;}
.Techno2 .box1 .a .info{font-size:14px; line-height:20px; margin-top:20px;}
.Techno2 .box1 .li{ width:50%;}
.Techno2 .box2 .info{ width:100%; }
.Techno2 .box2 .list{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between;}
.Techno2 .box2 .list .li{ width:auto; flex-direction: column;}

}
@media  screen and (max-width:767px){
.Techno2{ padding-top:1.6rem; padding-bottom:2rem;}	
.Techno2 .box1 .li{ width:50%;}
.Techno2 .box1 .li:nth-child(4n+3) .a .ino{ background: #d8d8d8;}
.Techno2 .box1 .li:nth-child(4n+3) .a .info{ color: #333;}
.Techno2 .box1 .li:nth-child(4n+3) .a::after{
  background-image: -webkit-linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
  background-image: -moz-linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
  background-image: -o-linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
  background-image: linear-gradient(left, #ffffff 54%, #f0fbf5 100%);
}
.Techno2 .box1 .li:nth-child(4n+4) .a .ino{ background: #fff;}
.Techno2 .box1 .li:nth-child(4n+4) .a .info{ color: #fff;}
.Techno2 .box1 .li:nth-child(4n+4) .a::after{ background:rgba(0,132,61,0.9);}


.Techno2 .box2 .info{font-size:14px; line-height:20px; padding-bottom:0.3rem;}
.Techno2 .box2 .list .li{ width:30%; margin-top:0.6rem;}
.Techno2 .box2 .list .li .p{font-size:16px; line-height:20px;}

.Techno2 .swiper-wrapper{ height:420px !important;}
.Techno2 .swiper-slide{ height:420px;}

}


.strat2{ padding-top:0.66rem; padding-bottom:1.02rem;}
.strat2 .li{ display: flex; align-items: flex-start; width:100%; padding:8px 0;font-size:calc(14px + 0.06rem); line-height:26px;}
.strat2 .li .ico{ width:46px; min-width:46px; height:46px; line-height:0; margin:0 0.26rem 0 0;}
.strat2 .li .ico img{ width:100%;}
.strat2 .li .p{ margin-top:10px;}

.strat2 .li.noicon .ico{display:none;}
@media  screen and (max-width:1440px){
.strat2 .li{font-size:calc(14px + 0.04rem); line-height:26px;}
.strat2 .li .p{ margin-top:10px;}
}
@media  screen and (max-width:1024px){
.strat2 .li{font-size:14px; line-height:24px; padding:6px 0;}
.strat2 .li .p{ margin-top:5px;}
}
@media  screen and (max-width:767px){
.strat2{ padding-top:1rem; padding-bottom:1.6rem;}
}



.strat1{ overflow: hidden; margin-top:1.53rem;padding-top:1.53rem;}
.strat1 .bg{display: block; content:''; position: absolute; left:0; top:0; width:100%; height:calc(100% - 1.17rem); z-index: 1;}
.strat1 .swiper-wrapper{position: relative; display: flex; transition-property: transform; box-sizing: content-box;}
.strat1 .swiper-slide{ width:100%; flex-shrink: 0; position: relative; transition-property: transform;}
.strat1 .box1{ overflow: hidden; padding:0 31%;}
.strat1 .box1 .li{text-align: center; padding:0.4rem 0;}
.strat1 .box1 .li .pic{ line-height:0; overflow: hidden; display: flex; align-items: center; justify-content: center; width:1.7rem; height:1.7rem; border-radius:50%; border:7px solid rgba(179,179,179,0.3); box-shadow:0 0 0.4rem rgba(255,255,255,0.65); margin:0.15rem auto;}
.strat1 .box1 .li .pic img{ background: #fff; width:100%; padding:0.2rem; border-radius:50%;}
.strat1 .box1 .li .tit{ display:none; width:100%; color: #fff;font-size:calc(14px + 0.08rem); line-height:calc(20px + 0.08rem); margin-top:0.22rem;}
.strat1 .box1 .li.swiper-slide-active .pic{ width:2rem; height:2rem; margin:0 auto;}
.strat1 .box1 .li.swiper-slide-active .pic img{ padding:0.25rem;}
.strat1 .box1 .li.swiper-slide-active .tit{ display:block;}
.strat1 .box1 .swiper-prev,
.strat1 .box1 .swiper-next{ position: absolute; top:40%; z-index: 10; margin-top:-18px; display: block; width:0.5rem; height:0.5rem; background:url(img/left1.svg) 46% center no-repeat; background-size:36px 36px; border-radius:50%; position:absolute; cursor: pointer; }
.strat1 .box1 .swiper-prev:hover,
.strat1 .box1 .swiper-next:hover{ background:url(img/left.svg) center no-repeat;}
.strat1 .box1 .swiper-prev{ left:22%;}
.strat1 .box1 .swiper-next{ right:22%; transform: rotate(180deg); -ms-transform: rotate(180deg);}


.strat1 .box2{ margin-top:0.86rem; padding-top:16px; overflow: hidden; box-shadow:0 0 10px rgba(115,115,115,0.1); border-radius:10px 10px 0 0;}
.strat1 .box2::after{ display: block; content:''; position: absolute; left:0; bottom:0; width:100%; height:calc(100% - 16px); background: #fff; border-radius:10px 10px 0 0;}
.strat1 .box2 .ul{ width:100%;}
.strat1 .box2 .li{ line-height:0; text-align: center; padding:0.42rem 0;}
.strat1 .box2 .li img{ width:1.4rem; height:1.4rem;}
.strat1 .box2 .li::after{ display: none; content:''; position: absolute; left:50%; bottom:100%; border-left: 10px solid transparent; border-right:10px solid transparent;border-bottom:16px solid #fff; margin-left: -10px; }
.strat1 .box2 .li.swiper-slide-thumb-active::after{ display: block;}
.strat1 .box2 .swiper-pagination{background: var(--swiper-pagination-progressbar-bg-color,#ededed);
  position: absolute;width: 100%;
  height: var(--swiper-pagination-progressbar-size,8px);
  left: 0;
  bottom: 0;text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}
.strat1 .box2 .swiper-pagination-progressbar-fill{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}




@media  screen and (max-width:1440px){
.strat1 .box1 .li .tit{font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.06rem);}

}
@media  screen and (max-width:1024px){
.strat1 .box1 .li .pic{ width:80px; height:80px; border-radius:50%; border:5px solid rgba(179,179,179,0.3); margin:10px auto;}	
.strat1 .box1 .li .pic img{ padding:8px; }	
.strat1 .box1 .li.swiper-slide-active .pic{ width:100px; height:100px; margin:0 auto;}	
.strat1 .box1 .li.swiper-slide-active .pic img{ padding:8px;}	
.strat1 .box1 .li .tit{font-size:14px; line-height:20px;}
.strat1 .box2 .li::after{ margin-bottom:-8px;}
.strat1 .box1 .swiper-prev{ margin-top:-15px; left:28%;}
.strat1 .box1 .swiper-next{ margin-top:-15px; right:28%;}
.strat1 .box2 .li img{ width:66px; height:66px}
}
@media  screen and (max-width:767px){
.strat1{ padding-top:2.2rem;}	
.strat1 .box2{ padding:8px 0 0 0 ;}	
.strat1 .box2::after{ height:calc(100% - 8px);  }
.strat1 .box2 .li{padding:15px 0;}

}



.newsA{ padding-top: 47px;padding-bottom:104px;}
.news-l{ width:67.42%; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.08rem);}
.news-det .title{ font-size:calc(14px + 0.22rem); line-height:calc(20px + 0.2rem)}
.news-det .info{ display: flex; color: #686868; padding:15px 0 55px 0;}
.news-det .info .ico{ display: flex; align-items: center; margin-right:37px;}
.news-det .info .ico:last-child{ margin-right:0 !important;}
.news-det .info .ico img{ margin-right:4px;}
.news-det .info .share{ display: flex; align-items: center; line-height: 0;}
.news-det .info .share a{ display: flex; align-items: center; width:24px; height:24px; margin-right: 15px; }
.news-det .info .share a .img1{ display: block; width:100%;}
.news-det .info .share a .img2{ display: none; width:100%;}
.news-det .info .share a:hover .img1{ display: none; width:100%;}
.news-det .info .share a:hover .img2{ display: block; width:100%;}
.news-det .cont{ padding:48px 0 65px 0; border-top:1px solid #eeeeee;}
.news-det .pagebox{ align-items: center; flex-wrap: nowrap;}
.news-det .pagebox .a{ display:block; width:100%;font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem);; padding:10px 0; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; }
.news-det .pagebox .a .t{ display: inline-flex; position: relative; color:#007fad; margin-right: 21px; padding-right:22px;}
.news-det .pagebox .a:hover{color:#007fad;}
.news-det .pagebox .a .t::after{ display:block; content: ''; position: absolute; right:0; top:50%; width: 1px; height:14px; background: #e7e7e7; margin-top:-7px;}
.news-det .pagebox .more{ display: flex; align-items:center; justify-content:center; width:2.17rem; line-height:1;height:0.56rem;border-radius:3px; padding-bottom:2px; position: relative; overflow: hidden; color: #fff;
  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.news-det .pagebox .more span{ position: relative; z-index:6;}
.news-det .pagebox .more::before{
width: 0px;
height: 0px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background:#26bc53;
content: '';border-radius: 50%;
}
.news-det .pagebox .more:hover::before{width:230px;height: 230px;}
.news-rel{ border-top:1px solid #eeeeee; width:25.71%; padding-top:48px;}
.news-rel .title{ position: relative; color:#007fad; padding-bottom:24px;font-size:calc(14px + 0.16rem); }
.news-rel .title::after{ display:block; content: ''; position: absolute; left:0; bottom: 0; background: #00843d; width: 57px; height: 6px;}
.news-rel .list .li{ padding:25px 0 30px 0;}
.news-rel .list .time{ display: flex; align-items: center; color: #686868;font-size:calc(14px + 0.02rem);}
.news-rel .list .time img{ width:16px; height:16px; margin-right:7px;}
.news-rel .list .tit{ color: #4e4a4a;font-size:calc(14px + 0.06rem); line-height:24px; margin-top:7px;}
.news-rel .list .a:hover .tit{ color: #00843d;}

.news-det .pagebox .page_l{padding-right:10%; width:calc(100% - 2.17rem)}

@media screen and (max-width:1024px) {
.newsA{ padding-top:30px;padding-bottom:1.6rem;}	
.news-l{ width:100%;}
.news-det .info { padding:15px 0 20px 0;}
.news-det .info .ico{ margin-right:20px;}
.news-det .info .share a{ width:20px; height:20px; margin-right:10px; }
.news-det .cont{ padding:20px 0 25px 0;}
.news-det .pagebox .a{ padding:4px 0;}
.news-det .pagebox .a .t{ padding-right:11px; margin-right:10px;}
.news-det .pagebox .more{ width:160px; height:38px;}
.news-rel{ width:100%; margin-top:30px; padding-top:20px;}
.news-rel .title{ padding-bottom:15px;}
.news-rel .title::after{ width:46px; height:4px;}
.news-rel .list .li{ padding:20px 0 5px 0;}
}
@media screen and (max-width:767px) {
.news-det .pagebox{ justify-content: center; flex-wrap: wrap; padding:4px 0;}
.news-det .pagebox .fh a{margin:20px 0 0 0;}

.news-det .pagebox .page_l{padding-right:0%; width:100%;}

}







.fs36{ font-size:calc(14px + 0.22rem);}







/* 00843d    rgba(202,13,28,.48)  calc(20px + 0.16rem);
 
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
 
 */





/*wyb*/
body.hidden{overflow: hidden;}
.wapshow{display: none!important;}
@media screen and (max-width:1024px) {
.pcshow{display: none!important;}
.wapshow{display: block!important;}
}

.lxwm_section1{width: 100%;padding-top: 90px;padding-bottom: 80px; overflow: hidden;}
.lxwm_section1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.lxwm_section1 .left{width: 41.585%;padding-right: 80px;position: relative;padding-bottom: 462px;}
.lxwm_section1 .left .bt{width: 100%;margin-bottom: 40px;display: flex;align-items: center;}
.lxwm_section1 .left .bt .line{width: 26px;height: 1px;background: #84bd00;margin-right: 14px;}
.lxwm_section1 .left .bt .wz{font-size: 24px;line-height: 30px;background: linear-gradient(to right,#84bd00,#00a3e0);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.lxwm_section1 .left .info{font-size: 36px;color: #00843d;line-height: 46px;margin-bottom: 68px;}
.lxwm_section1 .left .pic{width: 760px;position: absolute;right: 80px;bottom: 0;}
.lxwm_section1 .left .pic:after{ display: block; content:''; position: absolute; right:100%; top:0; width:2000px; height:100%; background: #f4f4f4;}
.lxwm_section1 .left .pic img{width: 100%;display: block;}
.lxwm_section1 .left .view{display:flex; align-items: center; justify-content:center; position: absolute; right:0; bottom:18px; color: #fff; font-size:14px; height:27px; border-radius:3px 0 0 3px; padding:0 9px 0 13px; line-height: 1.2; overflow: hidden;
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.lxwm_section1 .left .view::before{width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background:#26bc53;content: '';border-radius: 50%;}
.lxwm_section1 .left .view:hover::before{width:450px;height: 450px;}
.lxwm_section1 .left .view img{width:16px; height:16px; display: block; margin-left:6px; position: relative; z-index: 6;}
.lxwm_section1 .left .view span{ border-bottom:1px solid #fff; margin-bottom: 4px; position: relative; z-index: 6;}
.lxwm_section1 .right{width: 58.415%;}
.lxwm_section1 .right ul{width: 100%;}
.lxwm_section1 .right li{padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #e9e9e9;display: flex;justify-content: flex-start;align-items: flex-start;}
.lxwm_section1 .right li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.lxwm_section1 .right .ico{width: 48px; height:48px; border-radius:50%; overflow: hidden; display: flex; align-items: center; justify-content: center;
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.lxwm_section1 .right .ico img{width:50%;display: block;}
.lxwm_section1 .right .cont{width: calc(100% - 48px);padding-left: 18px;}
.lxwm_section1 .right .tit{font-size: 28px;color: #333333;line-height: 32px;margin-bottom: 20px;}
.lxwm_section1 .right li:last-child .tit{margin-bottom: 26px;}
.lxwm_section1 .right .info{font-size: 18px;color: #333333;line-height: 24px;display: flex;justify-content: flex-start;align-items: center;}
.lxwm_section1 .right .info a{color: #333;margin-right: 100px;}
.lxwm_section1 .right .info a:last-child{margin-right: 0;}
.lxwm_section1 .right .dl{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.lxwm_section1 .right .dd{margin-right: 36px;}
.lxwm_section1 .right .dd:last-child{margin-right: 0;}
.lxwm_section1 .right .dd img{width: 110px;display: block;margin-bottom: 10px;box-shadow: 0 4px 46px rgba(186,186,186,0.4);}
.lxwm_section1 .right .dd .wz{font-size: 18px;color: #333333;line-height: 24px;text-align: center;}
@media screen and (max-width:1680px) {
.lxwm_section1 .left{padding-right: 40px;padding-bottom: 380px;}
.lxwm_section1 .left .info{font-size: 24px;line-height: 32px;margin-bottom: 40px;}
.lxwm_section1 .left .pic{width: 600px;position: absolute;right: 40px;bottom: 0;}
.lxwm_section1 .right li{padding-bottom: 30px;margin-bottom: 30px;}
.lxwm_section1 .right .ico{width: 34px; height:34px;}
.lxwm_section1 .right .ico img{ width:52%;}
.lxwm_section1 .right .cont{width: calc(100% - 34px);}
.lxwm_section1 .right .tit{font-size: 20px;line-height: 24px;margin-bottom: 14px;}
.lxwm_section1 .right li:last-child .tit{margin-bottom: 20px;}
.lxwm_section1 .right .info{font-size: 14px;line-height: 20px;}
.lxwm_section1 .right .info a{color: #333;margin-right: 40px;}
.lxwm_section1 .right .dd{margin-right: 20px;}
.lxwm_section1 .right .dd img{width: 100px;}
.lxwm_section1 .right .dd .wz{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width:1024px) {
.lxwm_section1{padding-top: 30px;padding-bottom: 30px;}
.lxwm_section1 .content{display: block;}
.lxwm_section1 .left{width: 100%;padding-right: 0;padding-bottom: 0;}
.lxwm_section1 .left .bt{margin-bottom: 12px;}
.lxwm_section1 .left .bt .line{width: 20px;margin-right: 10px;}
.lxwm_section1 .left .bt .wz{font-size: 16px;line-height: 20px;}
.lxwm_section1 .left .info{font-size: 20px;line-height: 24px;margin-bottom: 12px;}
.lxwm_section1 .left .pic{width: 100%;position:relative; right:0; top:0;}
.lxwm_section1 .left .pic:after{ display:none;}
.lxwm_section1 .right{width: 100%;margin-top: 20px;}
.lxwm_section1 .right li{padding-bottom: 12px;margin-bottom: 12px;}
.lxwm_section1 .right .cont{padding-left:8px;}
.lxwm_section1 .right .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.lxwm_section1 .right li:last-child .tit{margin-bottom: 12px;}
.lxwm_section1 .right .info{font-size: 14px;line-height: 20px;}
.lxwm_section1 .right .info a{margin-right: 12px;}
.lxwm_section1 .right .dl{ justify-content: space-between;}
.lxwm_section1 .right .dd{ width:31%; margin-right:0;}
.lxwm_section1 .right .dd img{width: 100%;margin-bottom:10px;box-shadow: 0 4px 10px rgba(186,186,186,0.4);}
.lxwm_section1 .right .dd .wz{font-size: 14px;line-height: 20px;}
}

.lxwm_section2{width: 100%;padding-bottom: 100px;}
.lxwm_section2 .content{width: 100%;background: #ffffff;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 46px rgba(186,186,186,0.4);display: flex;justify-content: flex-start;align-items: stretch;}
.lxwm_section2 .content .left{width: 69.8%;position: relative;padding: 1.46rem 0.64rem 1.16rem 0.64rem;}
.lxwm_section2 .content .bt{font-size: calc(14px + 0.22rem);color: #ffffff;line-height:0.3rem;padding: 0.25rem 0.44rem; position: absolute;left: 0;top: 0;background: linear-gradient(to right,#72ba1e,#12a6c2);border-radius: 10px 0 0.4rem 0;}
.lxwm_section2 .content ul{margin: -12px -10px;width: calc(100% + 20px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.lxwm_section2 .content li{width: 50%;padding: 12px 10px;display: flex;justify-content: flex-start;align-items: flex-start;}
.lxwm_section2 .content .wz{font-size: 18px;color: #333333;line-height: 56px;width: 130px;}
.lxwm_section2 .content li.l2 .wz{padding-left: 28px;}
.lxwm_section2 .content .wz span{color: #ff0000;}
.lxwm_section2 .content .cont{width: calc(100% - 130px);}
.lxwm_section2 .content .cont input{width: 100%;height: 56px;display: block;padding: 0 12px;font-size: 16px;color: #333;border: 1px solid #eeeeee;border-radius: 10px;}
.lxwm_section2 .content .cont textarea{width: 100%;height: 80px;display: block; padding: 12px 12px;font-size: 16px;color: #333;border: 1px solid #eeeeee;border-radius: 10px;}
.lxwm_section2 .content .cont .code{width: 100%;position: relative;border-radius: 10px;overflow: hidden;}
.lxwm_section2 .content .cont .code input{padding-right: 130px;}
.lxwm_section2 .content .cont .code img{width: 110px;height: 54px;display: block;position: absolute;right: 1px;top: 1px;border-radius: 10px;}
.lxwm_section2 .content .btn{width: 100%; position: relative;background: linear-gradient(to right,#73ba1d,#12a7c1);border-radius: 10px; overflow: hidden;}
.lxwm_section2 .content .btn::before{width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background:#26bc53;content: '';border-radius: 50%;}
.lxwm_section2 .content .btn:hover::before{width:450px;height: 450px;}
.lxwm_section2 .content .btn a{display: block;width: 100%;font-size: 24px;color: #ffffff;line-height: 56px;text-align: center; position: relative; z-index: 6;}
.lxwm_section2 .content .right{width: 30.1859799713877%;}
@media screen and (max-width:1024px) {
.lxwm_section2{padding-bottom:40px!important;}
.lxwm_section2 .content{display: block;box-shadow: 0 4px 15px rgba(186,186,186,0.4);}
.lxwm_section2 .content .left{width: 100%;padding:70px 20px 30px 20px;}
.lxwm_section2 .content .bt{font-size: 18px;line-height: 40px;padding: 0 20px; border-radius: 10px 0 20px 0;}
.lxwm_section2 .content ul{margin: 0;width: 100%;display: block;}
.lxwm_section2 .content li{width: 100%;padding: 0;margin-bottom: 12px;}
.lxwm_section2 .content li:last-child{margin-bottom: 0;}
.lxwm_section2 .content .wz{font-size: 14px;line-height: 40px;width:100px;}
.lxwm_section2 .content li.l2 .wz{padding-left: 0;}
.lxwm_section2 .content .cont{width: calc(100% - 100px);}
.lxwm_section2 .content .cont input{height: 40px;font-size: 14px;border-radius: 6px;}
.lxwm_section2 .content .cont textarea{height: 60px; padding: 12px 12px;font-size: 14px;}
.lxwm_section2 .content .cont .code{border-radius: 6px;}
.lxwm_section2 .content .cont .code img{width: 80px;height: 38px;border-radius: 6px;}
.lxwm_section2 .content .btn a{font-size: 16px;line-height: 40px;border-radius: 6px;}
.lxwm_section2 .content .right{width: 100%;height: 260px;display: none;}
}

.fhfw1_section1{width: 100%;padding-top: 120px;padding-bottom: 150px; position: relative; z-index: 6;}
.fhfw1_section1 h2{font-size: 36px;color: #333333;line-height: 40px;text-align: center;margin-bottom: 106px;}
.fhfw1_section1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.fhfw1_section1 .left{width: 44.99304589707928%;}
.fhfw1_section1 .left img{width: 100%;display: block;}
.fhfw1_section1 .right{width: 100%;/*padding-left: 50px;*/}
.fhfw1_section1 .right ul{width: 100%;}
.fhfw1_section1 .right li{margin-bottom: 34px;}
.fhfw1_section1 .right li:last-child{margin-bottom: 0;}
.fhfw1_section1 .right .bt{font-size: 20px;color: #00843d;line-height: 32px;padding-left: 20px;position: relative;}
.fhfw1_section1 .right .bt::after{content: "";display: block;width: 8px;height: 8px;background: #00843d;position: absolute;left: 0;top: 12px;border-radius: 100%;}
.fhfw1_section1 .right .info{font-size: 20px;color: #333333;line-height: 32px;padding-left: 20px;}
@media screen and (max-width:1680px) {
.fhfw1_section1 .right li{margin-bottom: 26px;}
.fhfw1_section1 .right .bt{font-size: 16px;line-height: 24px;}
.fhfw1_section1 .right .bt::after{top: 8px;}
.fhfw1_section1 .right .info{font-size: 16px;line-height: 24px;}
}
@media screen and (max-width:1024px) {
.fhfw1_section1{padding-top: 30px;padding-bottom: 65px;}
.fhfw1_section1 h2{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.fhfw1_section1 .content{display: block;}
.fhfw1_section1 .left{width: 100%;}
.fhfw1_section1 .right{width: 100%;padding-left: 0;margin-top: 20px;}
.fhfw1_section1 .right li{margin-bottom: 12px;}
.fhfw1_section1 .right .bt{font-size: 16px;line-height: 24px;padding-left: 12px;}
.fhfw1_section1 .right .bt::after{width: 6px;height: 6px;top: 9px;}
.fhfw1_section1 .right .info{font-size: 16px;line-height: 24px;padding-left: 12px;}
}

.fhfw1_section2{padding-top: 148px;padding-bottom: 130px;position: relative;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.fhfw1_section2::after{content: "";display: block;width: 100%;height: 100vw;background: #e5f2f7;position: absolute;left:0;top: 0;z-index: 1;border-top-right-radius: 50%;border-top-left-radius: 50%;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.fhfw1_section2.one::after{transform: scale(1.0182, 1.0182);}
.fhfw1_section2.two::after{transform: scale(1.205, 1.205);}
.fhfw1_section2.three::after{transform: scale(1.4474, 1.4474);}
.fhfw1_section2 .h-busin{position: relative;z-index: 2;}
.fhfw1_section2 .list3s{margin-top: 130px;}
@media screen and (max-width:1024px) {
.fhfw1_section2{padding-top:65px;padding-bottom: 30px;background: #e5f2f7;}
.fhfw1_section2::after{display: none;}
.fhfw1_section2 .h-busin{position: relative;z-index: 2;}
.fhfw1_section2 .list3s{margin-top:30px;}
}

.fhfw2_section1{width: 100%;padding-top: 176px;padding-bottom: 138px;}
.fhfw2_section1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.fhfw2_section1 .left{width: 37.76077885952712%;padding: 0 30px;font-size: 36px;color: #00843d;line-height: 42px;text-transform:uppercase;}
.fhfw2_section1 .right{width: 62.23922114047288%;}
.fhfw2_section1 .right .bt{font-size: 24px;color: #00843d;line-height: 30px;margin-bottom: 40px;}
.fhfw2_section1 .right .jj{font-size: 20px;color: #333333;line-height: 32px;}
@media screen and (max-width:1680px) {
.fhfw2_section1{padding-top: 100px;padding-bottom: 100px;}
.fhfw2_section1 .left{padding: 0 20px 0 0;font-size: 26px;line-height: 36px;}
.fhfw2_section1 .right .bt{font-size: 18px;line-height: 24px;margin-bottom: 26px;}
.fhfw2_section1 .right .jj{font-size: 16px;line-height: 24px;}
}
@media screen and (max-width:1024px) {
.fhfw2_section1{padding-top: 30px;padding-bottom: 30px;}
.fhfw2_section1 .content{display: block;}
.fhfw2_section1 .left{width: 100%;padding: 0;margin-bottom: 12px; font-size: 20px;line-height: 24px;}
.fhfw2_section1 .right{width: 100%;}
.fhfw2_section1 .right .bt{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.fhfw2_section1 .right .jj{font-size: 14px;line-height: 24px;}
}

.fhfw2_section2{width: 100%;}
.fhfw2_section2 img{width: 100%;display: block;}

.fhfw2_section3{width: 100%;padding-top: 90px;padding-bottom: 90px;}
.fhfw2_section3 ul{width: 100%;padding-left: 40px;padding-right: 30px;}
.fhfw2_section3 li{margin-bottom: 86px;display: flex;justify-content: flex-start;align-items: flex-start;}
.fhfw2_section3 li:last-child{margin-bottom: 0;}
.fhfw2_section3 .ico{width: 90px;display: block;}
.fhfw2_section3 .wordsbox{width: clac(100% - 90px);padding-left: 40px;}
.fhfw2_section3 .bt{font-size: 24px;color: #00843d;line-height: 30px;margin-bottom: 32px;}
.fhfw2_section3 .jj{font-size: 20px;color: #333333;line-height: 32px;}
@media screen and (max-width:1680px) {
.fhfw2_section3 ul{padding-left: 0;padding-right: 0;}
}
@media screen and (max-width:1024px) {
.fhfw2_section3{padding-top: 30px;padding-bottom: 30px;}
.fhfw2_section3 li{margin-bottom: 20px;}
.fhfw2_section3 .ico{width: 36px;}
.fhfw2_section3 .wordsbox{width: clac(100% - 36px);padding-left: 12px;}
.fhfw2_section3 .bt{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.fhfw2_section3 .jj{font-size: 14px;line-height: 24px;}
}

.faq_section{width: 100%;padding-top: 60px;padding-bottom: 72px;}
.faq_section .sj_box{margin-bottom: 46px;}
.faq_section .sj_box ul{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.faq_section .sj_box li{margin-right: 60px;}
.faq_section .sj_box li:last-child{margin-right: 0;}
.faq_section .sj_box ul a{display: block;font-size: 20px;color: #333333;line-height: 24px;padding-bottom: 4px;position: relative;}
.faq_section .sj_box ul li:hover a,
.faq_section .sj_box ul li.on a{color: #00843d;}
.faq_section .sj_box ul li a::after{content: "";display: block;width: 0%;height: 2px;background: #00843d;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.faq_section .sj_box ul li:hover a::after,
.faq_section .sj_box ul li.on a::after{width: 100%;}
.faq_section .ulbox{margin-bottom: 72px;}
.faq_section .ulbox ul{width: 100%;}
.faq_section .ulbox li{margin-bottom: 40px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.faq_section .ulbox li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.faq_section .ulbox li:last-child{margin-bottom: 0;}
.faq_section .ulbox li .top{width: 100%;display: flex;justify-content: flex-start;align-items: center;padding: 26px 40px;background: #fff;box-shadow: 0 4px 46px rgba(186,186,186,0.2);}
.faq_section .ulbox li .bottom{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;padding: 32px 70px 36px 40px;background: #fff;box-shadow: 0 4px 46px rgba(186,186,186,0.2);}
.faq_section .ulbox li .ico{ min-width: 30px; width: 30px; height:30px; border-radius:50%; font-size:20px; color: #fff; font-weight:bold; display:flex; justify-content: center; align-items: center; padding-bottom: 3px;
background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.faq_section .ulbox li .bottom .ico{ color: #e1f6fe;}
.faq_section .ulbox li .wz{width: clac(100% - 30px);padding-left: 14px;}
.faq_section .ulbox li .top .wz{font-size: 24px;color: #004a95;line-height: 40px;}
.faq_section .ulbox li .bottom .wz{font-size: 18px;color: #333333;line-height: 32px;}
@media screen and (max-width:1024px) {
.faq_section{padding-top: 30px;padding-bottom: 30px;}
.faq_section .sj_box{margin-bottom: 20px;}
.faq_section .sj_box li{margin-right: 20px;}
.faq_section .sj_box ul a{font-size: 16px;line-height: 20px;}
.faq_section .ulbox{margin-bottom: 20px;}
.faq_section .ulbox li{margin-bottom: 14px;}
.faq_section .ulbox li .top{padding: 15px;box-shadow: 0 4px 15px rgba(186,186,186,0.2);}
.faq_section .ulbox li .bottom{padding:15px;box-shadow: 0 4px 15px rgba(186,186,186,0.2);}
.faq_section .ulbox li .ico{width: 26px;min-width: 26px; height:26px; font-size:14px; padding-bottom: 2px;}
.faq_section .ulbox li .wz{width: clac(100% - 26px);padding-left: 10px;}
.faq_section .ulbox li .top .wz{font-size: 16px;line-height: 22px;}
.faq_section .ulbox li .bottom .wz{font-size: 14px;line-height: 20px; padding-left:10px;}
}

.page_section{width: 100%;}
.page_section .pcpage{width: 100%;display: flex;justify-content: center;align-items: center;}
.page_section .pcpage a{display: block;margin-right: 10px;width: 36px;height: 36px;border: 1px solid #e7e7e7;font-size: 14px;color: #000;line-height: 34px;text-align: center;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{color: #21a8a2;border-color: #21a8a2;}
.page_section .pcpage input{width: 72px;height: 36px;border: 1px solid #e7e7e7;padding: 0 8px;display: block;font-size: 14px;color: #000;text-align: center;}
.page_section .pcpage input::-webkit-input-placeholder{color:#cacaca;font-size:14px;opacity: 1;}
.page_section .pcpage input::-moz-placeholder{color:#cacaca;font-size:14px;opacity: 1;}
.page_section .pcpage input::moz-placeholder{color:#cacaca;font-size:14px;opacity: 1;}
.page_section .pcpage input:-ms-input-placeholder{color:#cacaca;font-size:14px;opacity: 1;}

.page_section .pcpage button{width:60px;font-size: 14px;color: #ffffff;display: block;height: 36px; background: #21a8a2;border: 1px solid #21a8a2;border-radius: 0 4px 4px 0;border-left: 0;}
.page_section .pcpage button:hover{opacity: 0.6;}

.page_section .wappage{display: none;}
@media screen and (max-width:1024px) {
.page_section .pcpage{display: none;}
.page_section .wappage{display: flex;width: 100%;justify-content: center;align-items: center;}
.page_section .wappage a{display: block;width: 80px;font-size: 14px;color: #fff;line-height: 32px;text-align: center;border-radius:3px; text-transform: uppercase;
background:#fff; border:1px solid #00843d; color: #00843d;
}
.page_section .wappage span{font-size: 16px;color: #333;line-height: 32px;margin: 0 20px;}
}

.cert_section{width: 100%;padding-top: 100px;padding-bottom: 48px;}
.cert_section .content{margin-bottom: 60px;}
.cert_section .content ul{width: 100%;}
.cert_section .content li{margin-bottom: 20px;}
.cert_section .content li:last-child{margin-bottom: 0;}
.cert_section .content a{display: flex;justify-content: space-between;align-items: center;padding: 16px 30px;background: #ffffff;box-shadow: 0 4px 46px rgba(186,186,186,0.2);}
.cert_section .content a:hover{box-shadow: 0 4px 46px rgba(0,132,61,0.14);}
.cert_section .content a .left{width: calc(100% - 48px);padding-right: 20px;display: flex;justify-content: flex-start;align-items: center;}
.cert_section .content a .ico{width: 40px;display: block;}
.cert_section .content a .wz{font-size: 20px;color: #333333;line-height: 30px;width: calc(100% - 40px);padding-left: 24px;}
.cert_section .content a:hover .wz{color: #00843d;}
.cert_section .content a .right{ position: relative; display: flex; justify-content: center; align-items:center; border-radius:50%; height:48px; width: 48px;
background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.cert_section .content a .right::before{width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background:#26bc53;content: '';border-radius: 50%;}
.cert_section .content a:hover .right::before{width:100%;height: 100%;}
.cert_section .content a .right img{ height:24px; width:24px; position: relative; z-index: 6;}
@media screen and (max-width:1024px) {
.cert_section{padding-top: 30px;padding-bottom: 30px;}
.cert_section .content{margin-bottom: 20px;}
.cert_section .content li{margin-bottom: 14px;}
.cert_section .content a{padding: 12px;}
.cert_section .content a .left{width: calc(100% - 30px);padding-right: 12px;}
.cert_section .content a .ico{width: 30px;display: block;}
.cert_section .content a .wz{font-size: 14px;line-height: 20px;width: calc(100% - 30px);padding-left: 12px;}
.cert_section .content a:hover .wz{color: #00843d;}
.cert_section .content a .right{width:36px; height: 36px;}
.cert_section .content a .right img{ height:18px; width:18px;}
}

.xw_section{width: 100%;padding-top: 100px;padding-bottom: 80px;}
.xw_section .content1{margin-bottom: 60px; position: relative;}
.xw_section .content1 .bg{ position: absolute; left:0; bottom:0; z-index:2; width:100%; height:100%;border-radius: 14px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);  background-position:center center !important;background-size: cover !important; }
.xw_section .content1 a{display: flex;justify-content: flex-start;align-items: center;padding: 64px;}
.xw_section .content1 a .left{width: 53.74045801526718%;padding-right: 100px;}
.xw_section .content1 a .bt{font-size: 28px;color: #000000;line-height: 48px;margin-bottom: 20px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.xw_section .content1 a .jj{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 50px;padding-right: 40px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.xw_section .content1 a .date{font-size: 18px;color: #000000;line-height: 24px;margin-bottom: 30px;}
.xw_section .content1 a .more{ display: flex; align-items:center; justify-content:center; width:152px; line-height:1;height:0.5rem;border-radius:0.5rem; padding-bottom:2px; position: relative; overflow: hidden; color: #fff;
  background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);
}
.xw_section .content1 a .more span{ position: relative; z-index:6;}
.xw_section .content1 a .more::before{
width: 0px;
height: 0px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background:#26bc53;
content: '';border-radius: 50%;
}
.xw_section .content1 a:hover .more::before{width: 150px;height: 150px;}
.xw_section .content1 a .right{width: 46.25954198473282%;}
.xw_section .content1 a .right .pic{ width: 100%; padding-bottom: 65.1815%; position: relative; overflow: hidden;border-radius: 10px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.xw_section .content1 a .right .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.xw_section .content1 a:hover .right .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.xw_section .content1 .slick-prev{width: 50px;height: 50px;background: url(img/zimg30.png) no-repeat center center; background-size: cover;left: -25px;top: 50%;background-color: #fff;border-radius: 100%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.xw_section .content1 .slick-next{width: 50px;height: 50px;background: url(img/zimg31.png) no-repeat center center; background-size: cover;right: -25px;top: 50%;background-color: #fff;border-radius: 100%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.xw_section .content1 .slick-prev:hover,
.xw_section .content1 .slick-next:hover{opacity: 0.8;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.xw_section .content2{margin-bottom: 70px;}
.xw_section .content2 ul{margin: -22px;width: calc(100% + 44px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.xw_section .content2 li{width: 33.3333%;padding: 22px;}
.xw_section .content2 a{display: block;width: 100%;background: #ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding: 10px 10px 30px 10px;border-radius: 14px; overflow: hidden;}
.xw_section .content2 a .pic{ width: 100%; padding-bottom: 65.1162%; position: relative; overflow: hidden;border-radius: 10px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.xw_section .content2 a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.xw_section .content2 a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.xw_section .content2 a .wordsbox{width: 100%;padding: 26px 12px 0 20px;}
.xw_section .content2 a .bt{font-size: 20px;color: #000000;line-height: 30px;margin-bottom: 56px;min-height: 90px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.xw_section .content2 a:hover .bt{color: #00843d;}
.xw_section .content2 a .boxs{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.xw_section .content2 a .date{font-size: 18px;color: #000000;line-height: 24px;}
.xw_section .content2 a .ico{ position: relative; display: flex; border-radius:48px; width:0.66rem; height:0.4rem; overflow: hidden; }
.xw_section .content2 a .ico:after{ z-index:6; position: absolute; left:0; top:0; display: flex; content:''; width:100%; height:100%;background:url(img/ico5.png) center no-repeat; background-size:auto 0.25rem !important; border:1px solid #00843d; border-radius:48px; }
.xw_section .content2 a:hover .ico{
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);}
.xw_section .content2 a:hover .ico:after{background:url(img/ico5.1.png) center no-repeat; border:0; }


@media screen and (max-width:1680px) {
.xw_section .content1 a{padding: 40px;}
.xw_section .content1 a .left{padding-right: 60px;}
.xw_section .content1 a .bt{font-size: 20px;line-height: 30px;margin-bottom: 12px;}
.xw_section .content1 a .jj{font-size: 14px;line-height: 20px;margin-bottom: 30px;padding-right: 0;}
.xw_section .content1 a .date{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
.xw_section .content1 a .btn{width: 130px;font-size: 14px;line-height: 40px;border-radius: 20px;}
}
@media screen and (max-width:1024px) {
.xw_section{padding-top: 30px;padding-bottom: 30px;}
.xw_section .content1{margin-bottom: 20px;border-radius: 10px;}
.xw_section .content1 .ul{padding-bottom: 30px;}
.xw_section .content1 a{padding: 14px;display: block;}
.xw_section .content1 a .left{width: 100%;padding-right: 0;margin-top: 12px;}
.xw_section .content1 a .bt{font-size: 16px;line-height: 20px;margin-bottom: 8px;}
.xw_section .content1 a .jj{font-size: 14px;line-height: 20px;margin-bottom: 12px;padding-right: 0;}
.xw_section .content1 a .date{font-size: 16px;line-height: 20px;margin-bottom: 12px;}
.xw_section .content1 a .more{width: 120px;font-size: 14px;height: 36px;border-radius: 18px;}
.xw_section .content1 a .right{width: 100%;}
.xw_section .content1 .ul .slick-dots{position: absolute; bottom: 20px; height: 8px; text-align: center;}
.xw_section .content1 .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;}
.xw_section .content1 .ul .slick-dots li.slick-active{ background: #84bd00;}
.xw_section .content2{margin-bottom: 20px;}
.xw_section .content2 ul{margin: 0;width: 100%;}
.xw_section .content2 li{width: 100%;padding: 0;margin-bottom:20px;}
.xw_section .content2 li:last-child{margin-bottom: 0;}
.xw_section .content2 a{padding: 12px;border-radius: 10px;}
.xw_section .content2 a .wordsbox{padding: 12px 12px 0 12px;}
.xw_section .content2 a .bt{font-size: 16px;line-height: 20px;margin-bottom: 10px;min-height: 60px;}
.xw_section .content2 a .date{font-size: 14px;line-height: 20px;}
.xw_section .content2 a .ico{ width:40px; height:24px;}
.xw_section .content2 a .ico:after{ background-size:auto 18px !important;}
.xw_section .content1 .bg{ background-position:center bottom !important; background-size:auto 34% !important; }
}

._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;  font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(img/zimg44.png)no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;}
._htm video{width: 100%;display: block;margin: 0 auto;}
._htm img{width: 100%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1680px){
._htm{ float:left; width:600px;}
}
@media  screen and (max-width: 991px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}           
@media  screen and (max-width: 767px){
._col{ float:left;  font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width: calc(100% - 30px);position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}

.cxfz_section1{width: 100%;padding-top: 140px;overflow: hidden;}
.cxfz_section1 .content1{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom:1.8rem;}
.cxfz_section1 .content1 .left{font-size: 36px;color: #00843d;line-height: 42px;width: 39.2211%;padding-right: 60px;}
.cxfz_section1 .content1 .right{font-size: 20px;color: #333333;line-height: 32px;width: 60.7789%;}
.cxfz_section1 .content2{width: 100%;position: relative;}
.cxfz_section1 .content2 .boxs{width: 56.74547983310153%;padding: 1.7rem 0.76rem 1.4rem 0px;position: relative;}
.cxfz_section1 .content2 .btbox{cursor: pointer; width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 42px;position: relative;z-index: 2;font-size: 36px;color: #ffffff;line-height: 40px;}
.cxfz_section1 .content2 .btbox img{width: 86px;display: block;margin-left: 28px;}
.cxfz_section1 .content2 .btbox img:hover{animation:paly 1s linear infinite;}
.cxfz_section1 .content2 .info{font-size: 18px;color: #ffffff;line-height: 29px;position: relative;z-index: 2;}
.cxfz_section1 .box::after{content: "";display: block;width:54.8%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 0 0.9rem 0 0;background: linear-gradient(to right bottom,#7abb11,#09a5d1);z-index: 1;}

@media screen and (max-width:1024px) {
.cxfz_section1{padding-top:40px;padding-bottom: 40px;}
.cxfz_section1 .content1{display: block; margin-bottom: 30px;}
.cxfz_section1 .content1 .left{font-size: 18px;line-height: 24px;width:100%;padding-right: 0;margin-bottom: 10px;}
.cxfz_section1 .content1 .right{font-size: 14px;;line-height: 24px;width: 100%;}
.cxfz_section1 .content2{width: 100%;position: relative;}
.cxfz_section1 .content2 .boxs{width: 100%;padding:30px 20px;background: linear-gradient(to right bottom,#7abb11,#09a5d1);border-radius: 12px;}
.cxfz_section1 .content2 .btbox{margin-bottom:20px;font-size: 18px;line-height: 24px;}
.cxfz_section1 .content2 .btbox img{width: 36px;;margin-left: 12px;}
.cxfz_section1 .content2 .info{font-size: 14px;line-height: 24px;}
.cxfz_section1 .box::after{display: none;}
}

.cxfz_section2{width: 100%;padding-top: 130px;padding-bottom: 130px;}
.cxfz_section2 .content{width: 100%;display: flex;justify-content:space-between;align-items: center;}
.cxfz_section2 .content .left{width:44%; height:422px; text-align:center; position: relative; line-height: 0; display:flex; justify-content: center; align-items: center;}
.cxfz_section2 .content .left img{width:322px;display: block;}

.cxfz_section2 .content .right{width:55.7%;padding-right:0.9rem; position: relative; z-index: 6; }
.cxfz_section2 .content .bt{font-size: 36px;color: #00843d;line-height: 42px;margin-bottom: 50px;}
.cxfz_section2 .content .jj{font-size: 18px;color: #333333;line-height: 29px;}
.earth{ display: block; width:100%; height:100%;position:absolute;left:50%;top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.earth1{display: none; width:100%; height:100%;position:absolute;left:50%;top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }

@media screen and (max-width:1024px) {
.cxfz_section2{padding-top:20px;padding-bottom: 40px;}
.cxfz_section2 .content{ flex-wrap: wrap;}
.cxfz_section2 .content .left{width:100%; height:222px;}
.cxfz_section2 .content .bt{font-size: 16px;line-height: 22px;margin-bottom: 10px; text-align: center;}
.cxfz_section2 .content .jj{font-size: 14px;line-height: 20px;}
.cxfz_section2 .content .right{width:100%;padding:15px 0 0 0;}
.earth0{ display:none;}
.earth1{ display:block;}
}

.cxfz_section3{width: 100%;padding-top: 130px;padding-bottom: 160px;}
.cxfz_section3 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.cxfz_section3 .left{width: 38.94297635605007%;padding-right: 20px;font-size: 36px;color: #ffffff;line-height: 40px;}
.cxfz_section3 .right{width: 61.05702364394993%;font-size: 18px;color: #ffffff;line-height: 29px;}
@media screen and (max-width:1024px) {
.cxfz_section3{padding-top: 50px;padding-bottom: 50px;}
.cxfz_section3 .content{display: block;}
.cxfz_section3 .left{width: 100%;padding-right: 0;font-size: 18px;line-height: 24px;margin-bottom: 12px;}
.cxfz_section3 .right{width: 100%;font-size: 14px;line-height: 24px;}
}

.cxfz_section4{width: 100%;padding-top: 164px;padding-bottom: 174px;}
.cxfz_section4 .tit{font-size: 36px;color: #00843d;line-height: 40px;margin-bottom: 22px;text-transform:uppercase;}
.cxfz_section4 .jj{font-size: 24px;color: #333333;line-height: 30px;margin-bottom: 80px;}
.cxfz_section4 ul{width: 100%;}
.cxfz_section4 li{width: 100%;}
.cxfz_section4 li a{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.cxfz_section4 li:nth-child(even) a{flex-direction: row-reverse;}
.cxfz_section4 .left{width: 50%;}
.cxfz_section4 .left .pic{ width: 100%; padding-bottom: 69.34812%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cxfz_section4 .left .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cxfz_section4 a:hover .left .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cxfz_section4 .right{width: 50%;padding-left: 80px;}
.cxfz_section4 li:nth-child(even) .right{padding-left: 0;padding-right: 80px;}
.cxfz_section4 .bt{font-size: 24px;color: #00843d;line-height: 30px;margin-bottom: 32px;}
.cxfz_section4 .info{font-size: 18px;color: #333333;line-height: 29px;}
@media screen and (max-width:1680px) {
.cxfz_section4 .right{padding-left: 50px;}
.cxfz_section4 li:nth-child(even) .right{padding-right: 50px;}
.cxfz_section4 .bt{font-size: 18px;line-height: 24px;margin-bottom: 20px;}
.cxfz_section4 .info{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width:1024px) {
.cxfz_section4{padding-top: 30px;padding-bottom: 30px;}
.cxfz_section4 .tit{font-size: 20px;line-height: 24px;margin-bottom: 8px;}
.cxfz_section4 .jj{font-size: 16px;line-height: 20px;margin-bottom: 12px;}
.cxfz_section4 li{margin-bottom: 20px;}
.cxfz_section4 li:last-child{margin-bottom: 0;}
.cxfz_section4 li a{display: block;}
.cxfz_section4 .left{width: 100%;}
.cxfz_section4 .right{width: 100%;padding-left: 0;padding-top: 12px;}
.cxfz_section4 li:nth-child(even) .right{padding-right: 0;}
.cxfz_section4 .bt{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.cxfz_section4 .info{font-size: 14px;line-height: 24px;}
}

.cxfz_section5{width: 100%;padding-top: 120px;padding-bottom: 130px;background: #e5f2f7;}
.cxfz_section5 .bt{font-size: 36px;color: #00843d;line-height: 40px;margin-bottom: 30px;text-transform:uppercase;}
.cxfz_section5 .info{font-size: 18px;color: #333333;line-height: 29px;}
@media screen and (max-width:1024px) {
.cxfz_section5{padding-top: 30px;padding-bottom: 30px;}
.cxfz_section5 .bt{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
.cxfz_section5 .info{font-size: 14px;line-height: 24px;}
}

.cxfz_section6{width: 100%;padding-top: 53px;padding-bottom: 120px;}
.cxfz_section6 ul{width: 100%;}
.cxfz_section6 li{position: relative;}
.cxfz_section6 li::after{content: "";display: block;width: 10000px;height: 1px;background: #efefef;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);}
.cxfz_section6 a{display: block;width: 100%;padding-top: 60px;padding-bottom: 60px;display: flex;justify-content: flex-start;align-items: center;}
.cxfz_section6 a .left{width: 64.2%;padding-right: 1rem;}
.cxfz_section6 a .bt{font-size: 28px;color: #000000;line-height: 48px;margin-bottom: 42px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.cxfz_section6 a:hover .bt{color: #00843d;}
.cxfz_section6 a .date{font-size: 18px;color: #000000;line-height: 24px;margin-bottom: 60px;}
.cxfz_section6 a .ico{ position: relative; display: flex; border-radius:48px; width:0.66rem; height:0.4rem; overflow: hidden; }
.cxfz_section6 a .ico:after{ z-index:6; position: absolute; left:0; top:0; display: flex; content:''; width:100%; height:100%;background:url(img/ico5.png) center no-repeat; background-size:auto 0.25rem !important; border:1px solid #00843d; border-radius:48px; }
.cxfz_section6 a:hover .ico{
 background-image: -webkit-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -moz-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: -o-linear-gradient(left, #84bd00 0%, #00a3e0 100%);
  background-image: linear-gradient(left, #84bd00 0%, #00a3e0 100%);}
.cxfz_section6 a:hover .ico:after{background:url(img/ico5.1.png) center no-repeat; border:0; }

.cxfz_section6 a .right{width: 35.8%;}
.cxfz_section6 a .pic{ width: 100%; padding-bottom: 65.24%; position: relative; overflow: hidden;border-radius: 10px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cxfz_section6 a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cxfz_section6 a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
@media screen and (max-width:1024px) {
.cxfz_section6{padding-top: 20px;padding-bottom: 30px;}
.cxfz_section6 a{padding-top: 20px;padding-bottom: 20px;}
.cxfz_section6 a .left{ padding-right:12px; position: relative;}
.cxfz_section6 a .bt{font-size: 15px;line-height: 22px;margin-bottom:12px;}
.cxfz_section6 a .date{font-size: 14px;line-height: 24px;margin-bottom:0;}
.cxfz_section6 a .ico{ width:40px; height:24px; position: absolute; right:12px; bottom:0;}
.cxfz_section6 a .ico:after{ background-size:auto 18px !important;}
}

.pagecon{padding-top:50px; padding-bottom:50px;}
.pagecon .info{color: #333; font-size: calc(14px + 0.06rem); line-height: calc(20px + 0.12rem);}

@media  screen and (max-width:1440px){
.pagecon{padding-top:30px; padding-bottom:30px;}
.pagecon .info{ font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.1rem);}		
}	
@media  screen and (max-width:1024px){
.pagecon{padding-top:15px; padding-bottom:15px;}
.pagecon .info{font-size:14px; line-height:24px;}
}

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#84bd00;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}






/*240417start*/
.footer .share a:nth-child(2){margin: 0 0 0 0.15rem !important;}
.footer .share a:nth-child(4){margin: 0 -0.1rem 0 0.12rem !important;}

@media  screen and (max-width:1024px){
.footer .share a:nth-child(2){margin: 0 5px 0 4px !important;}
.footer .share a:nth-child(3){margin: 0 6px 0 7px !important;}
.footer .share a:nth-child(4){margin: 0 2px 0 2px !important;}
}