@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: #006ab9 rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #006ab9;border-radius:8px;
}



.w_width{max-width:1440px; margin-right: auto; margin-left: auto;}
.w_1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.9rem;padding-right:0.9rem;}
@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 .w_width{ position: relative; z-index:20;}
.t_navs .top{ position: relative; z-index:20; width:100%; background: #e7eff3;}
.t_navs .Come{ display: flex; justify-content: center; align-items: center; text-align: center; width:100%; color: #000; font-size:14px; line-height:20px; height:40px;}
.t_navs .down{ position: relative; z-index:22; width:100%;}
.t_navs .box{ width: 100%; display: flex; align-items: center; justify-content: space-between; height:0.88rem;}
.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.48rem;}
.t_navs .logo .show{ display: block;}
.t_navs .logo .hide{ display:none;}
.t_navs .right{ display:flex; align-items: center;}
.t_navs .lang{ display:flex; align-items: center; border:1px solid #000; border-radius:0.42rem; height:0.42rem; padding:0 0.15rem 0 0.1rem;}
.t_navs .lang .ico{ width:0.26rem; height:0.26rem;display: block;}
.t_navs .lang .a{ display: flex; margin-left: 7px; color: #000; font-size:18px; text-transform: uppercase; margin-bottom: 2px;}
.t_navs .lang .a:hover{color:#006ab9;}
.t_navs .lang .a.on{color:#006ab9; text-decoration: underline;}
.t_navs .phssbox{ cursor: pointer; display:flex;position: relative; justify-content: flex-end; align-items: center; width:0.52rem; height:0.42rem;}
.t_navs .phssbox .a{ width:0.24rem; height:0.24rem;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 .menu{ display:flex; margin-right:0.54rem;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left;margin: 0 0.5rem 0 0; position: relative;}
.t_navs .menu .nli span a{ position:relative; display: block;color: #000; font-weight:700; text-transform:capitalize; position: relative;line-height:0.88rem; font-size:18px;}
.t_navs .menu .nli span a::after{ display: block; content:''; position: absolute; left:0; bottom:0; z-index:6; width:0; height:2px; background: #006ab9;}
.t_navs .menu .nli.on span a{color:#006ab9;}
.t_navs .menu .nli:hover span a{color:#006ab9;}
.t_navs .menu .sub{  position:absolute;
  left:0;
  top:100%;
  font-size:16px;
  transform:rotateX(90deg);
  transform-origin:50% 0;
  transition:all .4s;
  z-index:5}
.t_navs .menu .nli:hover .sub {
   transform:rotateX(0)
 } 
.t_navs .menu .sub .clearfix {
   background-color:rgba(255,255,255,0.98);
   min-width:180px;
   box-shadow:3px 4px 10px rgba(0,0,0,0.3);
   border-radius:4px
 } 
.t_navs .menu .sub li{  text-align:left;
  line-height:25px}
.t_navs .menu .sub li:first-child {
  padding-top:22px
}
.t_navs .menu .sub li:last-child {
  padding-bottom:22px
}
.t_navs .menu .sub li a{  white-space:nowrap;
  color:#333;
  padding:10px 20px;
  display:block}
.t_navs .menu .sub li a:hover{ color: #006ab9;}  

.t_navs .act{ background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs .active-nav{ background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs .active-nav .box{ height:0.68rem;}
.t_navs .active-nav .menu .nli span a{ line-height:0.68rem;}

.t_navs .ect::after{ display: block; content:''; position: absolute; left:0; bottom:0; width:100%; height:1px; background: #fff;}
.t_navs .emt::after{ display: block; content:''; position: absolute; left:0; bottom:0; width:100%; height:1px; background: #dfdfdf;}
.t_navs .active-nav::after{ opacity:0;}

.t_navs .ect .menu .nli.on span a::after{width:100%;}
.t_navs .ect .menu .nli:hover span a::after{width:100%;}
.t_navs .emt .menu .nli.on span a::after{width:100%;}
.t_navs .emt .menu .nli:hover span a::after{width:100%;}

@media screen and (max-width:1600px) {
.t_navs .menu{ margin-right:0.34rem;}	
.t_navs .menu .nli{margin: 0 0.42rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .menu{ margin-right:0.24rem;}		
.t_navs .menu .nli{margin: 0 0.32rem 0 0;}
.t_navs .menu .nli span a{ font-size:16px;}
.t_navs .lang .a{ font-size:16px;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .top{ display:none !important;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ height:34px; margin: 0;}
.t_navs .phssbox{ display:none;}
.t_navs .box{ height:54px;}
.t_navs .lang{ margin-right:16px; height:30px; border-radius:30px; border:0; padding:0;}
.t_navs .lang .a{ font-size:16px; margin:0; padding:0 5px;}
.t_navs .lang .ico{width:22px; height:22px; margin-right:2px;}
.t_navs .active-nav .box{ height:54px;}
}


.t_navs .SearchBox {
  width: 100%;
  height: 0;
  background-size: cover !important;
  background: white;
  position: absolute;
  z-index: 2;
  left: 0;
  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: 2.5vw;
  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.2);
  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:20px; width:20px; height:20px; 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(0,0,0,0.1);
  padding:10px; display: flex;
}
.t_navs .SearchBos .SearchInput input {
  width:100%;
  font-size:18px; color: #000;
  outline: none;
  background: transparent;
  border: transparent;
}
.t_navs .SearchBos .SearchInput i { min-width:40px; width:40px; height:40px; display: block; background: url(img/search1.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:#333}
.t_navs .SearchBos :-moz-placeholder{color:#333}
.t_navs .SearchBos ::-moz-placeholder{color:#333}




.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:0 -8px; 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:#000;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:#000  ;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: #000;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:#000;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;}


@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:#fff; padding:15px 15px 80px 15px; overflow-y: auto;}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,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: #000; font-weight: bold; text-transform: uppercase; font-size:16px; line-height:30px;position: relative;padding:10px 20px 12px 0;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #006ab9;}
.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 #000;  border-right:1px solid #000;}
.t_navs .xialaph .on .icobox{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #006ab9;  border-right:1px solid #006ab9;}
.t_navs .xialaph .u2{width: 100%;padding:0 15px 20px 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: #333;line-height:24px;}
.t_navs .xialaph .on .a2{ color:#006ab9;}


.index-banner{ display:flex; width: 100%; overflow: hidden; position: relative; margin-top:40px;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-pagination{ display:flex; justify-content: center; position: absolute; bottom:0.55rem; width:100%; z-index: 10;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; display: flex; width:1.28rem; height:3px; background: #fff; opacity:0.48; margin:0 6px; border-radius:11px;}
.index-banner .swiper-pagination-bullet-active{ opacity:1;}
.index-banner .ban{ text-align: left; position: absolute; display:block; left:0; top:51%; transform: translateY(-50%); -ms-transform: translateY(-50%); width:100%; z-index: 10;}
.index-banner .ban .tit1{ width:100%; color: #000; text-transform: uppercase; font-weight: bold; font-size:0.36rem; line-height:0.42rem;}
.index-banner .ban .tit2{ width:100%; color: #000; text-transform: uppercase; font-weight: bold; font-size:0.54rem; line-height:0.78rem; margin-top:0.25rem;}
.index-banner .ban .inMore{ margin-top:0.56rem;}
.index-banner .ban .inMore .a{
  background-image: -webkit-linear-gradient(left, #f8dcb1 0%, #dcedf4 80%);
  background-image: -moz-linear-gradient(left, #f8dcb1 0%, #dcedf4 80%);
  background-image: -o-linear-gradient(left, #f8dcb1 0%, #dcedf4 80%);
  background-image: linear-gradient(left, #f8dcb1 0%, #dcedf4 80%);
}

@media screen and (max-width:1024px) {
.index-banner{ margin-top:0;}	
.index-banner .swiper-pagination{ width:100%; flex-direction:row; right:0; top:auto; bottom:20px;}	
.index-banner .swiper-pagination-bullet{ width:20px;}
}
@media screen and (max-width:767px) {
.index-banner .ban{ text-align: center; top:4.2rem; transform: translateY(0%); -ms-transform: translateY(0%);}
.index-banner .ban .tit1{ font-size:18px; line-height:24px;}
.index-banner .ban .tit2{ font-size:28px; line-height:34px; margin-top:12px;}
.index-banner .ban .inMore{ margin-top:22px;}
}


@-webkit-keyframes bg1 {
   0% { left:-0.2rem; bottom:-0.2rem;}
   50% { left:0; bottom:0;}
   100% { left:-0.2rem; bottom:-0.2rem;}
}
@keyframes bg1 {
   0% { left:-0.2rem; bottom:-0.2rem;}
   50% { left:0; bottom:0;}
   100% { left:-0.2rem; bottom:-0.2rem;}
}
@-webkit-keyframes bg2 {
    0% { right:-0.2rem; top:-0.2rem;}
    50% { right:0; top:0;}
	100% { right:-0.2rem; top:-0.2rem;}
}
@keyframes bg2 {
  0% { right:-0.2rem; top:-0.2rem;}
  50% { right:0; top:0;}
  100% { right:-0.2rem; top:-0.2rem;}
}

.footer{ position:relative; overflow: hidden; background: #006ab9;}
.footer .bg1{ position: absolute; left:-0.2rem; bottom:-0.2rem; line-height:0; display: flex; z-index: 4; width:1.33rem;
 -webkit-animation: bg1 4s infinite  linear; animation: bg1 4s infinite linear;
 }
.footer .bg2{ position: absolute; right:-0.2rem; top:-0.2rem; line-height:0; display: flex; z-index: 4; width:2.24rem;
 -webkit-animation: bg2 4s infinite linear; animation: bg2 4s infinite linear;
}
.footer .box{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:0.78rem 0 0.55rem 0;}
.footer .bq{ display:flex; align-items: center; color: #fff; color:rgba(255,255,255,0.5); font-size:12px; line-height:22px; position: relative; padding:0.27rem 0;}
.footer .bq:after{ display: block; content:''; position:absolute; left:50%; top:0; width:4000px; height:1px; background: #fff; opacity:0.07; margin-left: -2000px;}
.footer .bq a{ color: #fff; color:rgba(255,255,255,0.5); margin:0 5px;}
.footer .bq a:hover{ color: #fff;}
.footer .left{ width:405px; margin:5px 0.3rem 0 0; display: flex; flex-wrap: wrap; flex-direction: column;}
.footer .logo{ display: flex; line-height:0;}
.footer .logo a img{ height:28px;}
.footer .er{ display: flex; flex-wrap: wrap; width:100%;}
.footer .er .li{ display: block; text-align: center; margin:0.3rem 19px 0 0; width:78px;}
.footer .er .li i{ display: block;  width:100%; line-height: 0;}
.footer .er .li span{ display: block;  width:100%; line-height:18px; color: #fff; font-size:14px; margin-top:0.08rem;}
.footer .addr{ width:100%; color: #fff; font-size:14px; line-height:18px; margin-top:0.17rem;}
.footer .addr .p{ display: flex; margin-top:0.11rem;}
.footer .addr .t{ white-space: nowrap;}
.footer .nav{display: flex; flex-direction: column; width:170px;}
.footer .nav .tit1{ font-weight: bold; color: #fff; font-size:16px; line-height:22px;}
.footer .nav .u1{display: flex; flex-direction: column; margin-top:0.2rem;}
.footer .nav .tit2{ display: inline-flex; margin-top:0.1rem;color: #eafbfd; font-size:14px; line-height:26px;}
.footer .nav .tit2 span{ display: inline-flex; position: relative; padding-right:24px;}
.footer .nav .tit2 span:after{ display: flex; content:''; position: absolute; right:8px; top:0; width:24px; height:100%; background:url(img/_arrow-right.svg) right center no-repeat; background-size:14px auto; opacity:0;}
.footer .nav .tit2:hover{ text-decoration: underline; color: #e4fc86;}
.footer .nav .tit2:hover span:after{ right:0; opacity:1;}


@media screen and (max-width:1024px) {
.footer .box{ padding:40px 0 30px 0;}	
.footer .left{ width:100%; margin:0 0 35px 0; }
.footer .nav .u1{ margin-top:10px;}
.footer .nav .tit2{ margin-top:2px;}
.footer .nav .tit2 span{ padding-right:0;}
.footer .nav .tit2:hover span:after{ opacity:0;}
}
@media screen and (max-width:767px) {
.footer .bq{ width:100%; justify-content:center; text-align: center; padding:20px 0;}	
.footer .bq a{ display:block;}
.footer .er{ justify-content: space-between; margin:24px 0 8px 0;}
.footer .er .li{ width:29%; margin:0;}
.footer .er .li span{ margin-top:6px;}
}


.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; color: #fff; font-size:12px; line-height:22px;}
.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:14px; width:14px; height:14px;}
.mbs a.on{ color: #006ab9 !important;}
.mbs a:hover{ color: #006ab9 !important;}
.mbBox{ margin-top:62px; padding-top:0.88rem;}
.mbBox .mbs{ color: #000;}
.mbBox .mbs a{ color: #000;}
.inbanner{ margin-top:40px;}
.inbanner .box{ position: absolute; left:0; top:1.1rem; z-index:10; width:100%;}
.inbanner .slick-dots{ display:flex; justify-content: center; position: absolute; bottom:0.55rem; width:100%; z-index: 10;}
.inbanner .slick-dots li{ cursor: pointer; display: flex; width:1.28rem; height:3px; background: #fff; opacity:0.48; margin:0 6px; border-radius:11px;}
.inbanner .slick-dots .slick-active{ opacity:1;}
.banText{ position: absolute; left:0; top:46.6%; z-index:10; text-align: center; width:100%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText .cont{ display: flex; flex-wrap: wrap; width:100%; flex-direction:column; align-items: center; justify-content:center;}
.banText .tit0{ display: inline-flex; font-weight: bold; text-transform: uppercase; font-size:24px;color: #000; line-height:34px; background:url(img/bg3.png) center bottom no-repeat; background-size:100% 12px; padding:0 8px;}
.banText .tit1{ display: inline-flex; font-weight: bold; text-transform: uppercase; font-size:0.72rem;color: #006ab9; line-height:1; margin-top:0.22rem; }
.inTit{ width:100%; text-align: center; color:#000; text-transform: uppercase; font-weight: bold; font-size:36px; line-height:46px;}
.inTit1{ width:80%; margin:0 auto; text-align: center; color:#000; text-transform: uppercase; font-weight: bold; font-size:0.48rem; line-height:0.54rem;}
.inTit2{ width:100%; text-align: center; color:#000; font-size:0.6rem; line-height:0.68rem;}
@media screen and (max-width:1600px) {
.banText .tit1{ font-size:0.6rem; }
}
@media screen and (max-width:1440px) {
.banText .tit1{ font-size:0.54rem; margin-top:0.16rem;  }
}
@media screen and (max-width:1024px) {
.inbanner{ margin-top:0;}	
.inbanner .slick-dots{ width:100%; flex-direction:row; right:0; top:auto; bottom:20px;}	
.inbanner .slick-dots li{ width:20px;}
.mbs{display:none;}
.banText{ top:58%;}
.banText .tit0{ font-size:18px; line-height:28px;}
.banText .tit1{ font-size:36px;}
.inTit{ font-size:20px; line-height:26px; padding:0;}
.inTit1{ font-size:20px; line-height:26px}
.inTit2{ font-size:24px; line-height:32px;}
.mbBox{ margin-top:54px; padding-top:0;}
}


._form{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; background: #fff; box-shadow:0 6px 43px rgba(0,106,185,0.08); margin-top: 0.46rem; padding:0.46rem 0.78rem; border-radius:8px; }
._form .lab{ position:relative; margin:0.24rem 0; display: flex; }
._form .w49{ width:49.2%;}
._form .w100{ width:100%;}
._form .name{ white-space: nowrap; width:130px; min-width:130px; color: #000; font-size:18px; line-height:28px; height:64px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px;}
._form .name span{ color: #a72126;}
._form .text{ width:100%; border:1px solid #dcdcdc; background:none; font-size:16px;color: #333; line-height:34px; height:64px; padding:14px 20px;}
._form .text:focus{border:1px solid #006ab9;}
._form .textarea{ width:100%; border:1px solid #dcdcdc; background:none; font-size:16px;color: #333; line-height:34px; height:128px; padding:14px 20px;}
._form .textarea:focus{border:1px solid #006ab9;}
._form .yanzhengma{ position: absolute; right:6px; top:7px; height:48px;}
._form .submit{ display: flex; justify-content:center; align-items: center; width:217px; font-size:18px; font-weight: bold; color: #fff; height:64px; padding-bottom: 2px; border:0; border-radius:5px; background: #006ab9;}
._form .submit:hover{background: #e3fb87; color: #006ab9;}
._form .bnt{ justify-content: flex-end;}

._form ::-webkit-input-placeholder{color:#c8c8c8}
._form :-moz-placeholder{color:#c8c8c8}
._form ::-moz-placeholder{color:#c8c8c8}


@media (max-width: 1024px){
._form{ padding:20px 15px; box-shadow:0 3px 10px rgba(0,106,185,0.08);}	
._form .lab{ margin:8px 0; }
._form .name{ width:110px; min-width:110px; font-size:14px; line-height:24px; height:40px; }
._form .text{ font-size:14px; line-height:24px; height:40px;padding:7px 12px;}
._form .textarea{ font-size:14px; line-height:24px; height:120px;padding:7px 12px;}
._form .yanzhengma{ right:4px; top:4px; height:32px;}
._form .submit{ width:120px; font-size:16px;  height:40px; }
._form .bnt{ justify-content:flex-start; margin-left:110px;}
}
@media (max-width: 767px){
._form{ margin-top: 25px;}	
._form .w49{ width:100%;}
}



.contact{ padding-top: 1.35rem; padding-bottom:1.22rem;}
.contact .bg{ display: block; width:100%; height:100%; left:0; bottom:2.37rem; z-index:1; position: absolute;}
.contact .box{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 0.78rem; margin-bottom:1.32rem;}
.contact .box .li{ width:43%; align-items: flex-start; display: flex; margin-top: 0.5rem;}
.contact .box .ico{ display:flex; line-height:0; width:94px; min-width:94px; margin-right:0.2rem;}
.contact .box .ico img{ width:100%;}
.contact .box .tit{ width:100%; color: #000; font-size:24px; line-height:30px; margin-top:13px;}
.contact .box .p{ width:100%; color: #000; font-size:20px; line-height:26px; margin-top:6px;}

@media (max-width: 767px){
.contact .bg{ bottom:240px; background-size:100% 50% !important;}	
.contact{ padding-top:30px; padding-bottom:30px;}
.contact .inTit{ font-size:19px;}
.contact .box{ margin-top:20px; margin-bottom:40px;}
.contact .box .li{ width:100%; margin-top: 20px;}
.contact .box .tit{ font-size:18px; line-height:24px; margin-top:4px;}
.contact .box .p{ font-size:14px; line-height:20px; margin-top:2px;}
.contact .box .ico{ width:60px; min-width:60px; margin-right:10px;}
}


.Factory{ padding-top: 1.1rem; padding-bottom: 1.46rem;}
.Factory .box{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; overflow:hidden; margin:0.8rem 0 1.2rem 0;}
.Factory .box .ul{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin:-0.3rem 0;}
.Factory .box .li{ position:relative; width:50%; flex-wrap: wrap; display: flex; padding: 0.4rem 0; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.Factory .box .li:nth-child(2n+1)::after{ display: block; content:''; position: absolute; left:100%; top:100%; background:#fff; z-index: 3; width:24px; height:24px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.Factory .box .li:nth-child(2n){border-right:0; justify-content: flex-end;}
.Factory .box .tit{ width:88%; font-weight: bold; color: #006ab9; font-size:24px; line-height:30px; padding-bottom:21px; background:url(img/bg5.png) left bottom no-repeat; background-size:auto 8px;}
.Factory .box .p{ width:88%; color: #000; font-size:20px; line-height:30px; margin-top:17px;}
.Factory .box1{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;background:#dcedf5; position: relative;}
.Factory .box1::after,
.Factory .box1::before{ display: block; content:''; position: absolute; left:0; width:100%; height:0.89rem; background:url(img/bg6.png) center top no-repeat; background-size:100% auto; z-index:7;}
.Factory .box1::after{ top:-1px;}
.Factory .box1::before{ bottom:-1px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.Factory .box1 .li{ width:100%; display: flex; flex-wrap: wrap;}
.Factory .box1 .li .tit{ width:50%; display: flex; align-items: center; justify-content: center; color: #000; font-weight: bold; font-size:0.48rem; line-height:0.58rem; text-transform: uppercase;}
.Factory .box1 .li .pic{ width:50%;}
.Factory .box1 .li ._img{ padding-bottom:84.7%;}
.Factory .box1 .li:nth-child(2n){flex-direction:row-reverse;}
.Factory .box1 .slick-dots{ position: absolute; left:0; z-index: 6; bottom:0.3rem; width:100%; display: flex;justify-content: center;}
.Factory .box1 .slick-dots li{ margin: 0 3px; width:27px; height:4px; border-radius:4px; background: #fff;}
.Factory .box1 .slick-dots .slick-active{ background: #e4fc86;}

@media (max-width: 767px){
.Factory{ padding-top:30px; padding-bottom:30px;}
.Factory .box{ margin:20px 0 25px 0;}
.Factory .box .li{ width:100%; padding: 25px 0;border-right:0; }
.Factory .box .tit{ width:100%; font-size:18px; line-height:24px; padding-bottom:15px;}
.Factory .box .p{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.Factory .box .li:nth-child(2n){ justify-content:flex-start;}
.Factory .box .li:nth-child(2n+1)::after{ display:none;}
.Factory .box1 .li .tit{ font-size:20px; line-height:30px;}
.Factory .box1 .slick-dots{ bottom:15px;}
.Factory .box1 .slick-dots li{ width:12px;}
}


.FAQ{ padding-bottom:1.06rem;}
.FAQ .box{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:0.88rem;}
.FAQ .box .title{ width:24%;}
.FAQ .box .title .li{ display: flex; width:100%; color: #000; font-size:20px; line-height:30px; padding:4px 0;}
.FAQ .box .title .li span{ cursor: pointer; display: inline-flex; position: relative;}
.FAQ .box .title .li span::after{ display: block; width:0; height:1px; content:''; position: absolute; left:0; bottom:0; background:#006ab9;}
.FAQ .box .title .li.slick-current{ color: #006ab9;}
.FAQ .box .title .li.slick-current span::after{ width:100%;}
.FAQ .box .title .li:hover{ color: #006ab9;}
.FAQ .box .title .li:hover span::after{ width:100%;}
.FAQ .box .right{ width:72%; position: relative;}
.FAQ .box .cont{ width:100%; display: block;}
.FAQ .box .cont .li{ width:100%; position: relative; border-bottom:1px solid #e9e9e9; padding:14px 20px 14px 0;}
.FAQ .box .cont .i{ cursor: pointer; display: block; position: absolute; right: 0; top:23px; width:14px; height:14px;}
.FAQ .box .cont .i::after,
.FAQ .box .cont .i::before{ display: block; content:''; position: absolute; left:50%; top:50%; background: #006ab9; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.FAQ .box .cont .i::after{ width:100%; height:2px; }
.FAQ .box .cont .i::before{ height:100%; width:2px; }
.FAQ .box .cont .tit{ cursor: pointer; width:100%; color: #000; font-size:22px; line-height:32px;}
.FAQ .box .cont .p{ display:none; width:100%; opacity:0.7; color: #000; font-size:20px; line-height:30px; padding:2px 0;}
.FAQ .box .cont .on .tit{ color: #006ab9;}
.FAQ .box .cont .on .i::before{ height:0%;}

@media (max-width: 1024px){
.FAQ .box .title{ width:100%;}	
.FAQ .box .title .li{ font-size:16px; line-height:22px;}
.FAQ .box .right{ width:100%; margin-top:20px;}
.FAQ .box .cont .tit{ font-size:18px; line-height:26px; }
.FAQ .box .cont .p{ font-size:16px; line-height:26px;}

}
@media (max-width: 767px){
.FAQ{ padding-bottom:30px;}
.FAQ .box{ margin-top:20px;}
}


.wack1{ margin-top:40px;}
.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center;}
.wack1 .pz_fy .a{ position: relative; float:left;text-align: center; width:36px; line-height:34px; color:#000; font-size:16px; margin:0 5px; border:1px solid #e7e7e7;}
.wack1 .pz_fy .a:after{ display: block; content:''; position: absolute; left:0; bottom:0; width:0; height:2px; background: #006ab9;}
.wack1 .pz_fy .a:hover,
.wack1 .pz_fy .a.on{color:#006ab9;  border:1px solid #006ab9;}
.wack1 .pz_fy .Page{ width:72px;}
.wack1 .pz_fy .prev{ transform: rotate(180deg); -ms-transform: rotate(180deg); }
.wack1 .pz_fy .a i{ display: block; width:34px; height:34px; background: url(img/_double-right.svg) center no-repeat; background-size:18px auto !important;}
.wack1 .pz_fy .a:hover i{ background: url(img/_double-right1.svg) center no-repeat;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:14px; color:#000;}
.wack1 .fy_pc a{ text-transform: uppercase; padding:3px 25px 3px 25px; color:#000; border-radius:16px; overflow:hidden; border:1px solid #e7e7e7;}
.wack1 .fy_pc span{ padding:3px 20px; color:#333;}

@media  screen and (max-width:1024px){	
.wack1{ margin-top:25px;}	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}

.Catalog{ padding-top:1.05rem; padding-bottom: 60px;}
.Catalog .inTit2{ width:100%; text-align: center; color: #000; font-weight: bold; font-size:0.72rem; line-height:1;}
.Catalog .inTit3{ width:100%; text-align: center; color: #000; font-weight: bold; font-size:24px; line-height:34px; margin-top: 15px;}
.Catalog .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; justify-content: space-between; margin-top:1.24rem;}
.Catalog .box::after{ display:block; content:''; position: absolute; left:1.3rem; top:-4.38rem; width:100%; height:9.15rem;background: url(img/bg28.png) left top no-repeat; background-size:auto 100% !important;}
.Catalog2{ position: relative; z-index: 6; width:74.65%;}
.Catalog2 .ul{ display: flex; flex-wrap: wrap; margin:-12px;}
.Catalog2 .li{ width:33.33%; padding:12px;}
.Catalog2 .li a{ display: flex; flex-wrap:wrap; align-items: flex-start; background: #fff; position: relative; height:100%; border:1px solid #eeeeee;}
.Catalog2 .li ._img{ padding-bottom:100%;}
.Catalog2 .li .cont{ width:100%; padding:20px 22px 16px 22px; }
.Catalog2 .li .tit{ width:100%; color: #000; font-weight: bold; font-size:18px; line-height:28px; margin-bottom:7px;}
.Catalog2 .li .p{ width:100%; color: #000; font-size:16px; line-height:26px;}
.Catalog2 .li .b{ font-weight: bold;}
.Catalog2 .li a:hover{ box-shadow:0 3px 32px rgba(0,0,0,0.06);}

.Catalog1{ position: relative; z-index: 6; width:21.52%;}
.Catalog1 .title{ width:100%; color: #000; font-size:24px; line-height:30px;}
.Catalog1 .cont{ display: block; width:100%; margin-top: 30px;}
.Catalog1 .li{ display: block; width:100%;}
.Catalog1 .tit{ display: block; position: relative; width:100%; padding:10px 0;}
.Catalog1 .tit a{ display: block; width:100%; color: #000; font-size:18px; line-height:30px;}
.Catalog1 .tit .i{ cursor: pointer; display: block; position: absolute; right: 0; top:20px; width:12px; height:12px;}
.Catalog1 .tit .i::after,
.Catalog1 .tit .i::before{ display: block; content:''; position: absolute; left:50%; top:50%; background: #000; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.Catalog1 .tit .i::after{ width:12px; height:2px; }
.Catalog1 .tit .i::before{ height:12px; width:2px; }
.Catalog1 .active .tit a{ color: #0068b6;}
.Catalog1 .active .tit .i::after{ background: #0068b6;}
.Catalog1 .active .tit .i::before{ height:0;}

/* 2024/9/25
.Catalog1 .on .tit a{ color: #0068b6;}
.Catalog1 .on .tit .i::after{ background: #0068b6;}
.Catalog1 .on .tit .i::before{ height:0;}
*/
.Catalog1 .li:hover .tit a{ color: #0068b6;}
.Catalog1 .down{ display:none; border-radius:5px; width:100%; padding:11px 0; box-shadow:0 3px 32px rgba(0,0,0,0.06); margin:13px 0 22px 0;}
.Catalog1 .down .li{ display: block; width:100%;}
.Catalog1 .down .li a{ display: block; width:100%; color: #272727; font-size:16px; line-height:33px; margin:3px 0; padding:0 25px;}
.Catalog1 .down .li a:hover{ background: #f7fafd; color: #0068b6;}
.Catalog1 .tow{ width:100%;}
.Catalog1 .one{ width:100%;}
.Catalog1 .cont-pc{}
.Catalog1 .cont-ph{ display:none;}

.CatalogA{ padding-top:1.08rem; padding-bottom:1.12rem;}
.Catalog2-1{ width:100%; margin-top:0.57rem; }
.Catalog2-1 .li{ width:25%; }

.noti::after{ z-index:-100;display:block; content:''; position: absolute; left:1.3rem; top:0rem; width:100%; height:9.15rem;background: url(img/bg28.png) left top no-repeat; background-size:auto 100% !important;}
@media (max-width: 1024px){

.Catalog{ padding-top:30px; padding-bottom:35px;}	
.Catalog .inTit2{ font-size:36px;}
.Catalog .inTit3{ font-size:18px; line-height:24px;margin-top:10px; }
.Catalog .box{ margin-top:30px;}
.Catalog .box::after{ left:1rem; top:-5.8rem; height:9.15rem;}
.Catalog2{ width:100%; margin-top:25px;}
.Catalog2 .ul{ margin:-6px;}
.Catalog2 .li{ padding:6px;}
.Catalog2 .li .cont{ padding:16px 12px;}
.Catalog2 .li .tit{ font-size:16px; line-height:20px; margin-bottom: 6px;}
.Catalog2 .li .p{ font-size:14px; line-height:18px; margin-bottom:4px;}
.Catalog2 .li a:hover{ box-shadow:0 3px 12px rgba(0,0,0,0.06);}

.Catalog1{ width:100%; z-index:10;}
.Catalog1 .cont{ display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:25px;}
.Catalog1 .li{ position:relative; width:46%;}
.Catalog1 .title{ font-size:18px; line-height:24px; }
.Catalog1 .tit{ display: block; position: relative; min-width:44%; width:44%; padding:0 2px;}
.Catalog1 .tit a{ position: relative; height:100%; display: flex; align-items: center; font-size:15px; line-height:18px; background: #f5f5f5; padding:7px 12px;}
.Catalog1 .tit .i{ top:50%; margin-top: -5px; right: 12px; width:10px; height:10px; }
.Catalog1 .one{ width:calc(100% + 4px); margin:0 -2px;}
.Catalog1 .tit.on  a{ color: #0068b6;}
.Catalog1 .tit.on .i::after{ background: #0068b6;}
.Catalog1 .tit.on .i::before{ height:0;}
.Catalog1 .down{ display:none; background: #fff; z-index:6; position:absolute; left: 0; top:100%; width:100%; box-shadow:0 3px 12px rgba(0,0,0,0.06); padding:10px 0; margin:6px 0 10px 0;}
.Catalog1 .down .li{ float: left; width:50%;}
.Catalog1 .down .li a{ margin:0; padding:0 15px; font-size:14px; line-height:28px;}
.Catalog1 .one{ display: flex; overflow-x: auto;  scrollbar-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);}
.Catalog1 .cont-pc{ display:none;}
.Catalog1 .cont-ph{ display:flex;}

.CatalogA{ padding-top:30px; padding-bottom:35px;}
.Catalog2-1{ margin-top:25px; }

}
@media (max-width: 767px){
.Catalog2 .li{ width:50%;}
.Catalog2 .li .tit{-webkit-line-clamp:2;}

}


.Catalog3{ padding-top:1.06rem; padding-bottom:1.06rem;}
.Catalog3 .box{ display: flex; flex-wrap: wrap; margin-top:50px;}
.Catalog3 .ul{ display: flex; flex-wrap: wrap; margin:-5px;}
.Catalog3 .li{ width:33.33%; line-height:0; padding:5px;}

@media (max-width: 1024px){
.Catalog3{ padding-top:30px; padding-bottom:35px;}	
.Catalog3 .box{ margin-top:25px;}

}


.incont{ width:100%; text-align: center; color: #000; font-size:18px; line-height:28px; margin-top: 8px;}
.Catalog4{ padding-bottom:1rem;}
.Catalog4 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:52px;}
.Catalog4 .li{ background: #f7f7f7; width:49.58%; text-align: center; color: #000; font-size:18px; line-height:28px; padding:10px;}
.Catalog4 .li:nth-child(4n+1),
.Catalog4 .li:nth-child(4n+2){ font-weight: bold; background: #fff;}

@media (max-width: 1024px){
.incont{ font-size:14px; line-height:24px; margin-top:0;}	
.Catalog4{padding-bottom:35px;}	
.Catalog4 .box{ margin-top:25px;}
.Catalog4 .li{ font-size:14px; line-height:24px;}
}
@media (max-width: 767px){
.Catalog2 .li{ width:50%;}


}



.Catalog6{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:0.96rem; }
.Catalog6 .cont{ width:71.4%;}
.Catalog6 .cont .li{ width:100%; position: relative; border-bottom:1px solid #e9e9e9; padding:14px 20px 14px 0;}
.Catalog6 .cont .i{ cursor: pointer; display: block; position: absolute; right: 0; top:23px; width:14px; height:14px;}
.Catalog6 .cont .i::after,
.Catalog6 .cont .i::before{ display: block; content:''; position: absolute; left:50%; top:50%; background: #006ab9; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.Catalog6 .cont .i::after{ width:100%; height:2px;}
.Catalog6 .cont .i::before{ height:100%; width:2px;}
.Catalog6 .cont .tit{ cursor: pointer; width:100%; color: #000; font-size:22px; line-height:32px;}
.Catalog6 .cont .p{ display:none; width:100%; opacity:0.7; color: #000; font-size:20px; line-height:30px; padding:2px 0;}
.Catalog6 .cont .p a {color:#006ab9;}
.Catalog6 .cont .on .tit{ color: #006ab9;}
.Catalog6 .cont .on .i::before{ height:0;}
.Catalog6 .left{ width:24%; margin-top:10px;}
.Catalog6 .left .Tit{ width:100%; color: #000; font-size:0.52rem; line-height:1;}
.Catalog6 .left .more{ margin-top: 47px;}
.inMore{ display: inline-flex; position: relative; margin-bottom:5px;}
.inMore::after{ display:block; content:''; position: absolute; left:0; bottom:-5px; width:100%; height:100%; border-radius:44px; border:1px solid #000000; background: #fff;}
.inMore .a{ display: inline-flex; align-items: center; border:1px solid #000000; background: #e4fc86; border-radius:44px; height:44px; color: #000; font-size:14px; line-height:1; padding-bottom: 2px; text-transform: uppercase; padding:0 30px 0 7px;}
.inMore .a img{ display: flex; width:30px; height:30px; margin-right: 10px;}
.inMore:hover::after{ border:1px solid #006ab9; background: #006ab9; box-shadow:0 3px 10px rgba(0,0,0,0.2);}

@media (max-width: 1024px){
.Catalog6{ margin-top:30px;}
.Catalog6 .cont{ width:100%; margin-top:20px;}
.Catalog6 .cont .tit{ font-size:18px; line-height:26px; }
.Catalog6 .cont .p{ font-size:16px; line-height:26px;}
.Catalog6 .left{ width:100%; margin-top:0;}
.Catalog6 .left .Tit{ font-size:22px; line-height:28px;}
.Catalog6 .left .more{ margin-top:25px;}
.inMore .a{ height:36px; padding:0 20px 0 7px;}
.inMore .a img{ width:24px; height:24px; margin-right:6px;}
}
@media (max-width: 767px){


}


.Catalog7{ overflow: hidden; padding-top: 1.6rem; padding-bottom:1.88rem;}
.Catalog7 .bg{ width:100%; height:100%; position: absolute; left:0; top:0; z-index: 1;}
.Catalog7 .inTit1{ color: #fff; text-transform:inherit;}
.Catalog7 .inTit{ font-size:24px; line-height:34px; color: #fff; font-weight: normal; text-transform:inherit; margin-top: 8px;}
.Catalog7 .btn{ display: flex; flex-wrap: wrap; justify-content:center; margin-top: 42px;}
.Catalog7 .inMore .a{ background: #cfdda4;}

@media (max-width:1024px){
.Catalog7{ padding-top:60px; padding-bottom:60px;}	
.Catalog7 .inTit{ font-size:16px; line-height:26px; padding: 0; margin-top:4px;}
.Catalog7 .btn{ margin-top:22px;}
}




.Catalog5{ overflow: hidden; padding-top:1.2rem; padding-bottom:1.25rem;}
.Catalog5 .box{ display: flex; margin-top:78px;}
.Catalog5 .ul{ position: relative; z-index: 1; width:44.4%; min-width:44.4%;}
.Catalog5 .ul .li{ position: absolute; left:0; top:0; opacity:0; z-index: 1; display: block; width:100%; line-height:0;}
.Catalog5 .ul .li.on{ position: relative; opacity: 1; z-index: 6;}
.Catalog5 .ul .img{ display: block; width:100%; line-height:0;}
.Catalog5 .cont{line-height:0; width:calc(55.6% + 23px); position: relative; z-index: 6; margin:38px 0 0 -23px;}
.Catalog5 .cont .li{ width:100%; position: relative; padding:4px 0 4px 76px ;}
.Catalog5 .cont .i{ cursor: pointer; display: block; position: absolute; right: 0; top:23px; width:14px; height:14px;}
.Catalog5 .cont .i::before{ display: block; content:''; position: absolute; left:50%; top:50%; background: #006ab9; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:100%; height:2px; }
.Catalog5 .cont .tit{ cursor: pointer; width:100%;opacity:0.7; color: #000; font-size:30px; line-height:40px; padding:6px 0; font-weight: bold; position: relative;}
.Catalog5 .cont .p{ display:none; width:100%;  color: #000; font-size:22px; line-height:32px; padding:25px 0 14px 0;}
.Catalog5 .cont .on .tit{opacity:1; background: url(img/bg9.png) left bottom no-repeat; background-size:auto 8px !important;}
.Catalog5 .cont .on .tit::after{ display:block; content:''; position: absolute; left:-76px; top:0; width:64px; height:100%; background: url(img/bg10.png) left center no-repeat; background-size:auto 14px !important;}


@media (max-width: 1024px){
.Catalog5{ padding-top:50px; padding-bottom:35px;}	
.Catalog5 .box{ flex-wrap: wrap;  flex-wrap:wrap-reverse; margin-top:25px;}
.Catalog5 .ul{ width:100%; min-width:100%;}
.Catalog5 .cont{ width:100%; position: relative; z-index: 6; margin:0 0 20px 0;}
.Catalog5 .cont .li{ padding:1px 0 1px 30px;}
.Catalog5 .cont .tit{ font-size:18px; line-height:26px; padding:0 0 4px 0;}
.Catalog5 .cont .p{ font-size:14px; line-height:22px; padding:8px 0 10px 0;}
.Catalog5 .cont .on .tit{ background-size:auto 6px !important;}
.Catalog5 .cont .on .tit::after{ left:-45px; background-size:auto 8px !important;}
}
@media (max-width: 767px){
.Catalog5 .li{ width:50%;}


}


.Catalog8{ padding-top:17px;}
.Catalog8 .box{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between;}
.Catalog8 .left{ display: flex; flex-wrap: wrap; justify-content: space-between; width:54.86%;}
.Catalog8 .big{ width:calc(100% - 58px);}
.Catalog8 .big .div{ width:100%; position:relative; line-height: 0;}
.Catalog8 .big .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; width:62px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.Catalog8 .small{ width:48px; min-width:48px;}
.Catalog8 .small .div{ cursor: pointer; width:100%; line-height:0; margin-bottom: 4px; opacity:0.4;}
.Catalog8 .small .slick-current{ opacity:1;}
.Catalog8 .right{ width:38%;}
.Catalog8 .inMore{ width:100%; margin-top: 12px;}
.Catalog8 .inMore .a{ width:100%; }
.Catalog8 .inMore .ino{ width:37px; height:37px;}
.Catalog8 .inMore .a font{ display: flex; justify-content:center; align-items: center; width:100%;}
.Catalog8 .inMore .contact{ background: #b9e1f9;}
.Catalog8 .inMore .ALIBABA{ background: #ff9853;}
.Catalog8 .title{ width:100%; color: #000; font-size:30px; line-height:40px; padding-top:0.08rem;}
.Catalog8 .num{ width:100%; color: #000; font-weight: bold; font-size:14px; line-height:24px; padding-top:0.4rem;}
.Catalog8 .qian{ width:100%; color: #000; font-weight: bold; font-size:36px; line-height:46px; padding-top:0.1rem;}
.Catalog8 .Tech{ width:100%; color: #000; font-weight: bold; font-size:20px; line-height:30px; padding-top:0.45rem;}
.Catalog8 .cont{ width:100%; display: flex; justify-content: space-between; padding:5px 0 0.7rem 0; color: #000; font-size:16px; line-height:26px;}
.Catalog8 .cont td{ border-bottom:1px solid #e9e9e9; padding:11px 0;}

@media (max-width: 1440px){
.Catalog8 .cont{ padding:5px 0 0.5rem 0;}
.Catalog8 .num{ padding-top:0.35rem;}
.Catalog8 .Tech{ padding-top:0.4rem;}
}
@media (max-width: 1024px){
.Catalog8 .left{ width:100%;}
.Catalog8 .big .paly{ width:42px; }
.Catalog8 .right{ width:100%; margin-top: 25px;}
.Catalog8 .title{ font-size:20px; line-height:30px; padding-top:0;}
.Catalog8 .num{ padding-top:10px;}
.Catalog8 .qian{ font-size:22px; line-height:32px; padding-top:5px;}
.Catalog8 .Tech{ font-size:16px; line-height:26px; padding-top:10px;}
.Catalog8 .cont{ font-size:14px; line-height:24px; padding:5px 0 20px 0;}
}
@media (max-width: 767px){
.Catalog8 .big{ width:100%;}
.Catalog8 .small{ margin:10px -2px 0 -2px; width:calc(100% + 4px); min-width:inherit;}
.Catalog8 .small .div{ margin:0 2px;}
}


.Sustainab1{ position: relative; padding-top: 1.3rem; padding-bottom: 1.7rem;}
.Sustainab1 .box{ width:100%; text-align: center; color: #000; font-size:24px; line-height:34px; padding:48px 6% 0 6%;}
.Sustainab1 .button{ display:flex; align-items: center; justify-content: center; overflow: hidden; border-radius:50%; background: #e4fc86; width:46px; line-height:0; position: absolute; left:50%; bottom:-22px; margin-left:-23px; transform:rotate(90deg); -ms-transform:rotate(90deg);}
.Sustainab1 .button a{ display:flex; align-items: center; justify-content: center; width:46px; height:46px;}
.Sustainab1 .button img{ width:100%;}

@media (max-width: 767px){
.Sustainab1{ padding-top:40px; padding-bottom:80px;}	
.Sustainab1 .box{ text-align: left; font-size:14px; line-height:24px; padding:20px 0 0 0;}
.Sustainab1 .button{width:34px; bottom:-12px; margin-left:-17px;}
.Sustainab1 .button a{width:34px; height:34px;}
}


.Sustainab2{ padding-top: 1.9rem; padding-bottom: 1.49rem;}
.Sustainab2 .box{ width:100%; text-align: center; color: #000; font-size:24px; line-height:34px; padding:35px 6% 0 6%;}
.Sustainab2 .list{ display: flex; flex-wrap: wrap; width:100%; padding-top:1.15rem;}
.Sustainab2 .list .li{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top:0.9rem;}
.Sustainab2 .list .li .tit{ width:100%; font-weight: bold; color: #006ab9; font-size:24px; line-height:30px; padding-bottom:32px; background:url(img/bg5.png) left bottom no-repeat; background-size:auto 8px;}
.Sustainab2 .list .li .p{ width:100%; color: #000; font-size:20px; line-height:30px; margin-top:22px;}
.Sustainab2 .list .li .cont{ width:48%;}
.Sustainab2 .list .li .img{ width:48%; line-height: 0;}
.Sustainab2 .list .li:nth-child(2n){flex-direction:row-reverse;}

@media (max-width: 1024px){
.Sustainab2 .list .li .cont{ width:100%;}
.Sustainab2 .list .li .img{ width:100%; margin-top:15px;}
}
@media (max-width: 767px){
.Sustainab2{ padding-top:60px; padding-bottom:50px;}		
.Sustainab2 .box{ text-align: left; font-size:14px; line-height:24px; padding:20px 0 0 0;}
.Sustainab2 .list .li .tit{ font-size:18px; line-height:24px; padding-bottom:15px;}
.Sustainab2 .list .li .p{ font-size:14px; line-height:24px; margin-top:15px;}
}


.h-main2{ padding-top:1.66rem; padding-bottom:45px;}
.h-main2 .box{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.h-main2 .left{ width:36.6%;}
.h-main2 .inTit2{ text-align:left;}
.h-main2 .img{ width:100%; display: block; line-height:0; margin-top:0.4rem;}
.h-main2 .right{ width:56.1%;}
.h-main2 .cont{ width:100%; color: #000; font-size:22px; line-height:38px;}
.h-main2 .list{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:0.42rem;}
.h-main2 .list .li{ display:inline-flex; flex-direction: column; flex-wrap: wrap; color: #000; font-size:18px; line-height:28px;}
.h-main2 .list .info{ min-width:1.34rem; display:inline-flex; align-items: center; margin-bottom: 10px;}
.h-main2 .list .num{ font-size:0.6rem; line-height:1;}
.h-main2 .list .dw{ padding:0 0 0 0.12rem;}
.h-main2 .list .p{ display:inline-flex; flex-direction: column; flex-wrap: wrap;}
.h-main2 .more{ width:100%; margin-top:0.56rem;}
.h-main2 .more .a{ display: inline-flex; color: #000; font-size:14px; line-height:30px; align-items: center;}
.h-main2 .more .a span{ padding-bottom:2px;}
.h-main2 .more .a img{ height:30px; margin-left:0.22rem;}
.h-main2 .more .a:hover{ color: #006ab9;}
.h-main2 .more .a:hover img{ margin-left:0.44rem;}

@media (max-width: 1024px){
.h-main2 .img{ margin-top: 25px;}
.h-main2 .cont{ font-size:14px; line-height:24px;}
.h-main2 .list{ margin-top:25px;}
.h-main2 .list .li{ font-size:14px; line-height:18px; margin-bottom:10px;}
.h-main2 .list .num{ font-size:24px;}
.h-main2 .list .info{ min-width:54px; margin-bottom:10px;}
.h-main2{ padding-top:40px; padding-bottom:50px;}		
.h-main2 .more .a img{ height:24px; margin-left:12px;}
}
@media (max-width:767px){
.h-main2 .left{ width:100%;}
.h-main2 .right{ width:100%; margin-top:25px;}
.h-main2 .list .li:nth-child(3n+2){ width:124px;}
}

.h-main3{ padding-top:1.55rem; padding-bottom:1.2rem;}
.h-main3 .cont{ width:100%; text-align: center; color: #000; font-size:22px; line-height:30px; padding:33px 8% 0 8%;}
.h-main3 .tt{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); height:1.75rem;}
.h-main3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-main3 .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.h-main3 .img{ position: relative; overflow: hidden; display:flex; justify-content:center; width:100%; line-height:0; text-align: center; margin-top:27px;}
.h-main3 .img .big{ transform:rotate(-10deg); -ms-transform:rotate(-10deg); width:3.6rem; margin:1rem 0;}
.h-main3 .img .pic{ width:100%; box-shadow:0 0.14rem 0.35rem rgba(0,0,0,0.19); overflow: hidden; border-radius:0.2rem;}
.h-main3 .img .pic img{ width:100%;}
.h-main3 .title{ overflow: hidden; display: block; width:100%; padding:0 15%;}
.h-main3 .title .tit{ cursor:pointer; display:flex; align-items: center; padding:10px 26px; color: #464646; font-size:22px; line-height:32px; height:80px; border-radius:80px; text-align: center; margin-top:7px; margin-bottom: 1px;}
.h-main3 .title .swiper-slide-thumb-active .tit{ color: #000; background:url(img/bg11.png) left bottom no-repeat; background-size:100% 100%;}
.h-main3 .swiper-prev,
.h-main3 .swiper-next{ cursor: pointer; position: absolute; top:50%; z-index: 10; display: block; width:54px; height:54px; background:url(img/ico6.png) center no-repeat; background-size:100% 100%; margin-top: -27px;}
.h-main3 .swiper-prev{ left:50%; margin-left: -3.1rem; transform: rotate(180deg); -ms-transform: rotate(180deg); } 
.h-main3 .swiper-next{ right:50%; margin-right: -3.1rem;}

@media (max-width: 1600px){
.h-main3 .title{ padding:0 10%;}
}
@media (max-width: 1440px){
.h-main3 .title{ padding:0 5%;}
}
@media (max-width: 1024px){
.h-main3{ padding-top:50px; padding-bottom:40px;}		
.h-main3 .cont{ /* word-break: break-all; */ font-size:15px; line-height:24px; text-align: left; padding:30px 0 0 0;}
.h-main3 .title .tit{ padding:10px 15px; font-size:14px; line-height:24px; height:44px; border-radius:44px; margin-top:7px;}
.h-main3 .swiper-prev,
.h-main3 .swiper-next{ top:55%; width:30px; height:30px; }
.h-main3 .swiper-prev{ left:0; margin-left:0;}
.h-main3 .swiper-next{ right:0; margin-right:0;}
}
@media (max-width: 767px){
.h-main3 .img{ margin-top: 15px;}	
.h-main3 .img .big{ width:6.8rem; margin:2rem 0;}
.h-main3 .img .pic{ box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.19);}
}


.h-main5{ position: relative; overflow: hidden; padding-top:1.54rem; padding-bottom:1.6rem;}
.h-main5::after{ display: block; content:''; position: absolute; left:50%; top:0; z-index: 1; height:100%; width:calc(50% + 304px); background:url(img/main19.jpg) center no-repeat; background-size:100% 100%; margin-left:-304px;}
.h-main5 .shipin{ z-index:6; display: block; width:100%; position: relative; margin-top:1.22rem;}
.h-main5 .paly{ display: block; width:0.88rem; height:0.88rem; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute;}
.h-main5 .box{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.h-main5 .left{ width:37%;}
.h-main5 .inTit2{ text-align:left;}
.h-main5 .right{ width:55.2%; color: #000; font-size:22px; line-height:36px;}

@media (max-width: 1620px){
.h-main5::after{ left:0.9rem; margin-left:0;width:calc(100% - 416px - 0.9rem);}	
}
@media (max-width: 1024px){
.h-main5{ padding-top:40px; padding-bottom:40px;}		
.h-main5::after{ left:15px; margin-left:280px;width:calc(100% - 295px);}	
.h-main5 .paly{ width:44px; height:44px;}
.h-main5 .right{ width:57.2%; font-size:14px; line-height:24px;}
}
@media (max-width:767px){
.h-main5::after{ left:0; margin-left:0; width:100%;}	
.h-main5 .left{ width:100%;}
.h-main5 .right{ width:100%; margin-top:20px;}
}

.h-main4{ position: relative; overflow: hidden;}
.h-main4 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-main4 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.h-main4 .img{ position:absolute; left:0; top:0; overflow: hidden; display: block; width:100%; height:7.46rem; line-height:0; text-align: center;}
.h-main4 .img .pic{ display: block; width:100%; height:100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0;}
.h-main4 .img .pic.on{ position:relative; opacity: 1;}
.h-main4 .img .pic img{ width:100%; height:100%; object-fit: cover;}
.h-main4 .title{ display: block; width:100%; margin-top:0.6rem;}
.h-main4 .title .ul{ display: block; width:100%; }
.h-main4 .title .tit{ cursor:pointer; display:flex; justify-content: space-between; align-items: center; width:100%; color: #fff; font-size:24px; line-height:1.2; border-bottom: 1px solid #fff; position: relative; height:0.72rem;}
.h-main4 .title .tit .t{ padding-bottom: 2px;}
.h-main4 .title .tit .ico{ opacity:0; align-items: center; display:flex; font-size:14px;}
.h-main4 .title .tit .ico img{ width:30px; min-width:30px; height:30px; margin-left: 12px;}
.h-main4 .title .on{ height:1.06rem; color: #000; background:#e4fc86; border-bottom:0;}
.h-main4 .title .on::after{ display: block; content:''; position: absolute; right:100%; top:0; width:2000px; height:100%; background:#e4fc86;}
.h-main4 .title .on .ico{ opacity:1; margin-right:0.3rem;}
.h-main4 .left{ position: relative; width:416px; border-right:1px solid #fff; background:rgba(0,0,0,0.1); padding:0.78rem 0 0.54rem 0; height:7.46rem; }
.h-main4 .left::after{ display: block; content:''; position: absolute; right:100%; top:0; width:2000px; height:100%; background:rgba(0,0,0,0.1);}
.h-main4 .inTit2 { text-align: left; color: #e4fc86; padding-bottom:0.2rem; background:url(img/bg12.png) left bottom no-repeat; background-size:auto 0.13rem;}

@media (max-width: 1620px){
.h-main4 .img{ height:6.56rem;}	
.h-main4 .left{width:416px; height:6.56rem; padding:0.68rem 0 0.54rem 0;}	
.h-main4 .title{ margin-top:0.5rem; }
.h-main4 .title .tit{ font-size:20px; height:0.62rem;}
.h-main4 .title .on{ height:0.86rem;}
}
@media (max-width: 1440px){
.h-main4 .img{ height:5.96rem;}	
.h-main4 .left{height:5.96rem;}	
.h-main4 .title .tit{ font-size:18px; height:0.52rem;}
.h-main4 .title .on{ height:0.76rem;}
}
@media (max-width: 1024px){
.h-main4 .img{ height:389px;}		
.h-main4 .left{ width:280px; height:389px; padding:30px 0 30px 0;}	
.h-main4 .title{ margin-top:25px;}
.h-main4 .title .tit{ font-size:16px; height:40px;}
.h-main4 .title .tit .ico img{ width:24px; min-width:24px; height:24px; margin-left:6px;}
.h-main4 .title .on{ height:60px;}
.h-main4 .inTit2 { padding-bottom:12px; background-size:auto 6px;}
}
@media (max-width: 767px){
.h-main4 .ctext{ width:100%; position: absolute; left: 0; top:0;background: rgba(0,0,0,0.1);}	
.h-main4 .img{ height:auto; position: relative;}	
.h-main4 .img .pic{ height: auto;}
.h-main4 .inTit2{ padding-bottom: 8px;}
.h-main4 .left{background:none; width:100%;border-right:0; height: auto; padding:25px 0}
.h-main4 .left::after{ display: none;}
.h-main4 .title{ margin-top:20px;}
.h-main4 .title .ul{ display: flex; overflow-x: auto;scrollbar-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);}
.h-main4 .title .tit{ white-space: nowrap; width:50%; min-width:50%; height:46px; padding:6px 12px;}
.h-main4 .title .tit .t{ width:100%;}
.h-main4 .title .tit .ico{ margin: 0 0 0 12px; opacity:1;}
.h-main4 .title .tit .ico img{ margin-left:0;}
.h-main4 .title .tit .ico span{ display:none;}
.h-main4 .title .on{ height:46px;}
.h-main4 .title .on::after { display:none;}

}




.h-main1{background: #f7f7f7; padding-top:0.93rem; padding-bottom: 1.03rem;}
.h-main1 .down{ display: flex; flex-wrap: wrap; width:100%; position: relative;}
.h-main1 .box{ position: absolute; left:0; top:0; opacity:0; z-index: 1; width:calc(100% + 3.6rem); margin:0 -1.8rem; overflow: hidden;}
.h-main1 .box.on{ position: relative; z-index: 6; opacity: 1;}
.h-main1 .box .ul{ width:100%;}
.h-main1 .box .li{ width:25%; padding:0.2rem;}
.h-main1 .box .li ._img{ padding-bottom:100%;}
.h-main1 .box .li .tit{ width:100%; text-align: center; color: #000; font-size:18px; line-height:26px;  margin-top:22px;}
.h-main1 .box .li a:hover .tit{color: #006ab9;}
.h-main1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-main1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.h-main1 .btn{ display: flex; justify-content:center; align-items: center; width:100%; margin-top:0.28rem;}
.h-main1 .swiper-pagination{ display: flex; padding:0 20px;}
.h-main1 .swiper-pagination-bullet{ width:7px; height:7px; border-radius:50%; background: #c6c6c6; display: block; margin: 0 7px;}
.h-main1 .swiper-pagination-bullet-active{ background: #000;}
.h-main1 .swiper-prev,
.h-main1 .swiper-next{ cursor: pointer; display: block; width:22px; height:22px; background:url(img/_arrow-right1.svg) center no-repeat; background-size:22px 22px;}
.h-main1 .swiper-prev{ transform: rotate(180deg); -ms-transform: rotate(180deg); } 
.h-main1 .top{ position: relative; display: flex; flex-wrap: wrap; justify-content:center; width:calc(100% + 3.6rem); margin:0.4rem -1.8rem 0.56rem -1.8rem;}
.h-main1 .hd{ display: flex;flex-wrap: wrap; justify-content:center; width:100%;}
.h-main1 .hd ul{ display: flex;}
.h-main1 .hd ul li{ cursor: pointer; display:flex; color: #000; font-size:16px; line-height:26px; padding:5px 5px; margin:0 5px;}
.h-main1 .hd ul li.on{ color: #006ab9; background:url(img/bg13.png) bottom center no-repeat; background-size:auto 8px;}
.h-main1 .all{ position:absolute; right:0.2rem; top:0; display:flex; color: #000; font-size:16px; line-height:26px; padding:5px 0 5px 46px; background:url(img/ico7.png) left center no-repeat; background-size:26px auto !important;}
.h-main1 .all:hover{ color: #006ab9; background:url(img/ico7.1.png) left center no-repeat;}


@media (max-width: 1760px){
.h-main1 .box{ width:calc(100% + 1rem); margin:0 -0.5rem;}
.h-main1 .top{width:calc(100% + 1rem); margin:0.4rem -0.5rem 0.56rem -0.5rem;}
}
@media (max-width: 1024px){
.h-main1{ padding-top:30px; padding-bottom:35px;}		
.h-main1 .box{ width:calc(100% + 12px); margin:0 -6px;}
.h-main1 .box .li{ padding:6px;}
.h-main1 .box .li .tit{ font-size:14px; line-height:22px;  margin-top:12px;}
.h-main1 .btn{ margin-top: 20px;}
.h-main1 .top{width:100%; margin:0.4rem 0 0.56rem 0; padding-right: 62px;}
.h-main1 .hd{ padding:0 0 8px 0; overflow-x: auto; white-space:nowrap; justify-content: flex-start;scrollbar-color: #006ab9 #000;}
.h-main1 .hd ul li{ margin:0 10px 0 0;}
.h-main1 .all{ font-size:14px; line-height:22px; padding:5px 0 5px 24px; background-size:18px auto !important;}
}
@media (max-width: 767px){
.h-main1 .swiper-wrapper{ flex-wrap: wrap;}
}



.Company1{ position: relative; padding-top: 1.08rem;}
.Company1 .bg{ display: block; content:''; position: absolute; left:0; bottom:1.14rem; width:100%; height:100%; z-index: 1;}
.Company1 .cont{ width:100%; text-align: center; color: #000; font-size:30px; line-height:50px; margin-top:0.92rem;}
.Company1 .info{ width:100%; text-align: center; color: #000; font-size:24px; line-height:36px; margin-top:1.02rem;}
.Company1 .img{ display: block; width:100%; text-align: center; line-height: 0; margin-top: 1.1rem;}
.Company1 .box{width:100%; margin-top:0.9rem;}
.Company1 .box .ul{ display:flex; flex-wrap: wrap; margin:-0.21rem; }
.Company1 .box .li{ width:33.333%; padding:0.21rem;}
.Company1 .box .li .a{ position: relative; background: #fff; width:100%; padding:0.21rem; border-radius:25px; box-shadow:0 6px 42px rgba(0,106,185,0.08); overflow: hidden; padding:0.45rem 0.45rem;}
.Company1 .box .li .a:after{ content:''; z-index: 1; position: absolute; display: block; left: 0; top:0; width:100%; height:1.38rem;background:url(img/bg19.png) left top no-repeat; background-size:contain !important;}
.Company1 .box .li .p{ position: relative; z-index: 6; text-align:right; width:100%; color: #000; font-size:22px; line-height:30px; margin-top:1.6rem;}
.Company1 .box .li .inTit2{ z-index: 6; position: absolute; left:-0.1rem; top:0.2rem; display: flex; align-items: center; justify-content: center; height:1.73rem; color: #bfd9ec; background:url(img/bg17.png) center no-repeat; background-size:auto 100% !important; width:2.01rem; padding-bottom:0.25rem;}
.Company1 .box .li:nth-child(4n+2){ margin-top: 0.23rem;}
.Company1 .box .li:nth-child(4n+3){ margin-top: 1.3rem;}
.Company1 .box .li:nth-child(4n+4){ margin-top: 0.46rem;}
.Company1 .box .li:nth-child(2n+2) .inTit2{ color: #e3f0c1; background:url(img/bg18.png) center no-repeat;}
.Company1 .box .li:nth-child(4n+2) .a:after{ top:0.45rem; height:1.51rem; background:url(img/bg20.png) left top no-repeat;}
.Company1 .box .li:nth-child(4n+3) .a:after{ left:0.22rem; height:1.36rem;background:url(img/bg21.png) left top no-repeat;}
.Company1 .box .li:nth-child(4n+4) .a:after{ height:1.75rem;background:url(img/bg22.png) left top no-repeat;}



@media (max-width: 1024px){
.Company1{ padding-top:35px; padding-bottom:40px;}	
.Company1 .cont{ text-align: left; font-size:16px; line-height:26px;}
.Company1 .info{ text-align: left; font-size:14px; line-height:24px;}
.Company1 .info br{ display:none;}
.Company1 .box .ul{ margin:-6px; }
.Company1 .box .li .a{ padding:6px; border-radius:12px; box-shadow:0 3px 12px rgba(0,106,185,0.08); padding:30px 15px;}
.Company1 .box .li .p{ font-size:16px; line-height:24px;}
.Company1 .bg{ bottom:60px;}
}
@media (max-width: 767px){
.Company1 .box .li{ width:50%;}
.Company1 .box .li:nth-child(4n+2){margin-top: 0;}
.Company1 .box .li:nth-child(4n+3){margin-top: 0;}
.Company1 .box .li:nth-child(4n+4){margin-top: 0;}
.Company1 .box .li .inTit2{ left:0.2rem; top:0.2rem; width:4.02rem; padding-bottom:0.5rem; height:3.46rem;}
.Company1 .box .li .p{ margin-top:3.2rem;}
.Company1 .box .li .a:after{ height:2.76rem;}
.Company1 .box .li:nth-child(4n+2) .a:after{ top:0.9rem; height:3.02rem;}
.Company1 .box .li:nth-child(4n+3) .a:after{ left:0.44rem; height:2.72rem;}
.Company1 .box .li:nth-child(4n+4) .a:after{ height:3.5rem;}
}


.Company2{ overflow: hidden; position: relative; padding-top: 1.7rem; padding-bottom: 2rem;}
.Company2 .box{ width:100%; align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: space-between;flex-direction:row-reverse;}
.Company2 .left{ width:61.8%; margin-top: 0.62rem;}
.Company2 .info{ width:100%; color: #000; font-size:24px; line-height:36px;}
.Company2 .inMore{ margin-top:0.56rem;}
.Company2 .inMore .a{ background: #ecfcfe;}
.Company2 .img{ position: relative; width:25%; margin:0 0.25rem  0 0;}
.Company2 .img:after{ display: block; position:absolute; right:3%; margin-right:-0.2rem; top:3%; content: ''; width:94%; height:94%; background: #0060a8; border-radius:20px; box-shadow:0 14px 35px rgba(0,0,0,0.19);}
.Company2 .img .pic{ line-height:0; width:100%; overflow:hidden; border-radius:20px; box-shadow:0 14px 35px rgba(0,0,0,0.19); transform:rotate(-10deg); -ms-transform:rotate(-10deg); }
.Company2 .img .pic img{ width:100%;}
.Company2 .bg1{ position: absolute; left:-0.2rem; bottom:-0.2rem; line-height:0; display: flex; z-index: 4; width:5.51rem;
 -webkit-animation: bg1 4s infinite  linear; animation: bg1 4s infinite linear;
 }

@media (max-width: 1024px){
.Company2{ padding-top:35px; padding-bottom:40px;}	
.Company2 .info{ text-align: left; font-size:14px; line-height:24px;}
.Company2 .img:after{ border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.19);}
.Company2 .img .pic{ border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.19);}
}
@media (max-width: 767px){
.Company2 .img{ width:70%; margin:30px 15%;}	
.Company2 .left{ width:100%; margin-top:20px;}
.Company2 .inMore{ margin-top:30px;}
}


.Company3{ overflow: hidden;  background: #e9fcfe; padding-top: 1.26rem; padding-bottom: 1.35rem;}
.Company3 .info{ width:100%; text-align: center; color: #000; font-size:24px; line-height:36px; margin-top:1.02rem;}
.Company3 .box{ width:100%;position: relative; margin-top:0.85rem; padding:0 0.9rem;}
.Company3 .box:after{ position: absolute; left:50%; top:calc(0.79rem + 96px); width:4000px; margin-left: -2000px; height:1px; content:''; background: #006ab9; z-index: 6;}
.Company3 .box .li{ width:25%; text-align: center; padding:0 10px;}
.Company3 .box .li .nain{ width:100%; color: #006ab9; font-size:24px; line-height:32px; margin-top: 8px;}
.Company3 .box .li .p{ width:100%; color: #000; font-size:22px; line-height:26px; height:52px; margin-bottom:44px;}
.Company3 .box .li .ico{ display: block; position: relative; margin:0 auto; width:1.58rem; height:1.58rem; border-radius:50%; border:1px solid rgba(0,106,185,0.2); background:rgba(255,255,255,0.2);}
.Company3 .box .li .ico::after,
.Company3 .box .li .ico::before{ content:''; z-index:2; position:absolute; left:50%; top:50%; display: block; background:#fff; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); border-radius:50%; opacity: 0.2; width:1.2rem; height:1.2rem;}
.Company3 .box .li .ico::before{ z-index:3; opacity: 0.7; background:#e4fc86; width:0.72rem; height:0.72rem;}
.Company3 .box .li .ino{ content:''; z-index:4; position:absolute; left:50%; top:50%; display: block; background:#006ab9; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); border-radius:50%; width:12px; height:12px;}
.Company3 .box .li .ino::before{ content:''; z-index:5; position:absolute; left:50%; bottom:50%; display: block; background:#006ab9; width:1px; height:1.1rem;}
.Company3 .box .li.slick-current .ico{ border:1px solid rgba(0,106,185,0.65); background:rgba(0,106,185,0.65);}
.Company3 .box .li.slick-current .ico::before{ background:#fff;}
.Company3 .slick-prev,
.Company3 .slick-next{ top:calc(0.79rem + 96px); cursor: pointer; display: block; width:0.45rem; height:0.45rem; overflow: hidden; border-radius:50%; background:#016ab8;}
.Company3 .slick-prev::after,
.Company3 .slick-next::after{display: block; position: absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(img/_arrow-right2.svg) center no-repeat; background-size:50% 50% !important;}
.Company3  .slick-prev{ left: 0;} 
.Company3  .slick-next{ right: 0;}
.Company3  .slick-prev::after{ transform: rotate(180deg); -ms-transform: rotate(180deg); }
.Company3 .slick-prev:hover,
.Company3 .slick-next:hover{ background:#e4fc86;}
.Company3 .slick-prev:hover::after,
.Company3 .slick-next:hover::after{ background:url(img/_arrow-right1.svg) center no-repeat !important;}

@media (max-width: 1024px){
.Company3{ padding-top:35px; padding-bottom:40px;}	
.Company3 .info{ text-align: left; font-size:14px; line-height:24px;}
.Company3 .box{ padding: 0;}
.Company3 .box .li{ padding:0 6px;}
}
@media (max-width: 767px){
.Company3 .box:after{ top:calc(1.6rem + 86px);}	
.Company3 .box .li .p{ font-size:14px; line-height:18px; height:36px; margin-bottom:50px; }
.Company3 .box .li .nain{ font-size:18px; line-height:26px;}
.Company3 .box .li .ico{ width:3.2rem; height:3.2rem;}
.Company3 .box .li .ico::after,
.Company3 .box .li .ico::before{ width:2.4rem; height:2.4rem;}
.Company3 .box .li .ico::before{ width:1.42rem; height:1.42rem;}
.Company3 .box .li .ino::before{ height:2.2rem;}
.Company3 .slick-prev,
.Company3 .slick-next{ top:calc(1.6rem + 86px); width:29px; height:29px; }
}


.Company4{ padding-top: 1.36rem; padding-bottom: 1rem;}
.Company4 .info{ width:100%; text-align: center; color: #000; font-size:24px; line-height:36px; margin-top:0.5rem;}
.Company4 .box{ width:100%; margin-top:0.66rem;}
.Company4 .box .slick-list{ overflow: visible;}
.Company4 .box ul{ width:calc(100% + 10px); margin:0 -5px;}
.Company4 .box li{ width:11.11%; line-height:0; padding:22px 5px;}
.Company4 .box li a{ border-radius:5px; display:block; width:100%; overflow: hidden;}
.Company4 .box li a img{ width:100%;}
.Company4 .box li a:hover{ box-shadow:0 8px 20px rgba(0,0,0,0.21);}

@media (max-width: 1024px){
.Company4{ padding-top:35px; padding-bottom:40px;}	
.Company4 .info{ text-align: left; font-size:14px; line-height:24px;}
.Company4 .info br{ display:none;}
.Company4 .box li a:hover{ box-shadow:0 4px 12px rgba(0,0,0,0.21);}
}
@media (max-width: 767px){
.Company4 .box{overflow: hidden;}
.Company4 .slick-dots{ display: flex; justify-content: center; width:100%; margin:20px 0 0 0 !important;}
.Company4 .slick-dots li{ display: block; width:10px; height:10px; border-radius:50%; margin:0 5px; padding:0;background: #eeeeee;  }
.Company4 .slick-dots li.slick-active{background: #016ab8;}
}


.Recyclable1{ padding-top: 1.3rem; padding-bottom:2.08rem;} 
.Recyclable1 .info{ width:100%; color: #000; font-size:24px; line-height:38px; margin-top:0.54rem;}
.Recyclable1 .box{ width:100%; margin-top:0.54rem; }
.Recyclable1 .box .li{ width:100%; display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; margin-top: 1rem;}
.Recyclable1 .box .li .img{ display: block; line-height:0; width:49.16%; }
.Recyclable1 .box .li .cont{ width:49.16%; }
.Recyclable1 .box .li .tit{ width:100%; color: #000; font-size:40px; line-height:42px; margin-top:0.37rem;}
.Recyclable1 .box .li .p{ width:100%; color: #000; font-size:20px; line-height:30px; margin-top:0.31rem;}
.Recyclable1 .box .li:nth-child(2n){flex-direction:row-reverse;}

@media (max-width: 1024px){
.Recyclable1{ padding-top:35px; padding-bottom:40px;}	
.Recyclable1 .info{ text-align: left; font-size:14px; line-height:24px;}
.Recyclable1 .box .li .tit{ font-size:18px; line-height: 24px; margin-top:10px;}
.Recyclable1 .box .li .p{ font-size:14px; line-height: 24px; margin-top:10px;}
}
@media (max-width: 767px){
.Recyclable1 .box .li{ flex-wrap:wrap-reverse;} 	
.Recyclable1 .box .li .img{ width:100%; }	
.Recyclable1 .box .li .cont{ width:100%; margin-top:10px; }
}


.Recyclable2{ position: relative; overflow: hidden; padding:2.1rem 0.52rem 0.85rem 0.52rem;}
.Recyclable2::after{ display:block; content: ''; position: absolute; left: 0; top:0; width:100%; height:1.82rem; z-index:3; background:url(img/bg23.png) top center no-repeat; background-size:100% auto !important;}
.Recyclable2 .left{ width:44%;}
.Recyclable2 .inTit1{ font-size:0.4rem; line-height:0.46rem; text-align: left; text-transform: inherit;}
.Recyclable2 .info{ width:100%; color: #fff; font-size:20px; line-height:30px; margin-top:0.31rem;}
.Recyclable2 .list{ display: flex; flex-wrap: wrap; width:100%; border:1px solid #fff; border-right:0; margin-top: 1.7rem;}
.Recyclable2 .list .li{ cursor: pointer; display: flex; flex-wrap: wrap; width:20%; padding:0.25rem 0.16rem 0.25rem 0.24rem; border-right:1px solid #fff;}
.Recyclable2 .list .li .tit{ width:100%; color: #fff; font-weight: bold; font-size:0.32rem; line-height:0.42rem; min-height:0.84rem;}
.Recyclable2 .list .li .cont{ width:100%; display: flex; align-items: center; color: #fff; font-size:14px; line-height:1; margin-top:0.46rem;}
.Recyclable2 .list .li .cont span{ padding-bottom:2px;}
.Recyclable2 .list .li .cont i{ display: flex; width:30px; height:30px; margin-left:20px; background:url(img/button1.svg) center no-repeat; background-size:100% 100% !important;}
.Recyclable2 .list .li.on{ background: #e6ff55;}
.Recyclable2 .list .li.on .tit{ color: #000;}
.Recyclable2 .list .li.on .cont{ color: #000;}
.Recyclable2 .list .li.on .cont i{ background:url(img/button.svg) center no-repeat;}
.Recyclable2 .img{ display: flex; position: absolute; left: 0; top:0; z-index: 1; width: 100%; height:100%; z-index: 1;}
.Recyclable2 .pic{ display: flex; position: absolute; left: 0; top:0; z-index: 1; width: 100%; height:100%; z-index: 1; opacity:0;}
.Recyclable2 .pic img{ width:100%; height:100%; object-fit: cover;}
.Recyclable2 .pic.on{ z-index: 2; opacity: 1;}

@media (max-width: 1024px){
.Recyclable2{ position: relative; overflow: hidden; padding:50px 15px 40px 15px;}	
.Recyclable2 .left{ width:100%;}
.Recyclable2 .inTit1{ font-size:20px; line-height:26px;}
.Recyclable2 .info{ font-size:14px; line-height: 24px; margin-top:10px;}
.Recyclable2 .list { margin-top:25px;}
.Recyclable2 .list .li{ padding:20px 14px;} 
.Recyclable2 .list .li .tit{ font-size:17px; line-height:24px; min-height:48px;}
.Recyclable2 .list .li .cont i{ width:22px; height:22px; margin-left:10px;}
}
@media (max-width: 767px){
.Recyclable2 .list { border-bottom:0; border-right:1px solid #fff;}	
.Recyclable2 .list .li{ align-items: center; justify-content: space-between;  width:100%; border-bottom:1px solid #fff; border-right:0;}
.Recyclable2 .list .li .tit{ width: auto; min-height:inherit;}
.Recyclable2 .list .li{ padding:10px 14px;} 
.Recyclable2 .list .li .cont{ width:auto; margin-top: 0;}
}


.ODM1{ position: relative; padding-top: 1.06rem; padding-bottom:0.9rem;}
.ODM1 .box{ width:100%; text-align: center; color: #000; font-size:22px; line-height:34px; padding:42px 0 0 0;}
.ODM1 .button{ display:flex; overflow: hidden; border-radius:50%; background: #e4fc86; width:46px; line-height:0; position: absolute; left:50%; bottom:-12px; margin-left:-23px; transform:rotate(90deg); -ms-transform:rotate(90deg);}
.ODM1 .button a{ display:flex; align-items: center; justify-content: center; width:46px; height:46px;}
.ODM1 .button img{ width:100%;}
.ODM1 .img{ width:100%; text-align: center; line-height: 0; margin-top:1rem;}

@media (max-width: 767px){
.ODM1{ padding-top:40px; padding-bottom:70px;}	
.ODM1 .box{ text-align: left; font-size:14px; line-height:24px; padding:20px 0 0 0;}
.ODM1 .button{width:34px; bottom:-12px; margin-left:-17px;}
.ODM1 .button a{width:34px; height:34px;}
.ODM1 .img{ padding:0 15%;}
}


.ODM2{ padding-top: 0.78rem; padding-bottom: 1rem;}
.ODM2 .list{ display: flex; flex-wrap: wrap; width:100%;}
.ODM2 .list .li{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:0.65rem 0;}
.ODM2 .list .li .tit{ width:100%; font-weight: bold; color: #000; font-size:36px; line-height:46px; padding-bottom:24px; background:url(img/bg24.png) left bottom no-repeat; background-size:auto 7px;}
.ODM2 .list .li .p{ width:100%; color: #000; font-size:22px; line-height:36px; margin-top:12px;}
.ODM2 .list .li .cont{ width:65.7%;}
.ODM2 .list .li .img{ position: relative; width:25%; margin:0 0.25rem  0 0;}
.ODM2 .list .li .img:after{ display: block; position:absolute; right:3%; margin-right:-0.2rem; top:3%; content: ''; width:94%; height:94%; background: #4b958e; border-radius:20px; box-shadow:0 14px 35px rgba(0,0,0,0.19);}
.ODM2 .list .li .img .pic{ line-height:0; width:100%; overflow:hidden; border-radius:20px; box-shadow:0 14px 35px rgba(0,0,0,0.19); transform:rotate(-10deg); -ms-transform:rotate(-10deg); }
.ODM2 .list .li .img .pic img{ width:100%;}
.ODM2 .list .li:nth-child(2n){flex-direction:row-reverse;}
.ODM2 .list .li:nth-child(3n+2) .img .pic{transform:rotate(10deg); -ms-transform:rotate(10deg);}
.ODM2 .list .li:nth-child(3n+2) .img:after{ background: #f9a575;}
.ODM2 .list .li:nth-child(3n+3) .img .pic{transform:rotate(-30deg); -ms-transform:rotate(-30deg);}
.ODM2 .list .li:nth-child(3n+3) .img:after{ background: #bbbfbb;}

@media (max-width: 1024px){
.ODM2 .list .li .img .img:after{ border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.19);}
.ODM2 .list .li .img .img .pic{ border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.19);}
}
@media (max-width: 767px){
.ODM2{ padding-top:40px; padding-bottom:40px;}		
.ODM2 .list .li .cont{ width:100%; padding-bottom: 30px;}
.ODM2 .list .li .tit{ font-size:18px; line-height:24px; padding-bottom:15px;}
.ODM2 .list .li .p{ font-size:14px; line-height:24px;}
.ODM2 .list .li .img{ position: relative; width:70%; margin:30px 15%;}
}


.ODM3{ padding-top: 0.66rem; padding-bottom:26px;}
.ODM3 .list{ display: flex; flex-wrap: wrap; width:100%;}
.ODM3 .list .li{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:1.1rem;}
.ODM3 .list .li .tit{ width:100%; font-weight: bold; color: #000; font-size:36px; line-height:46px; padding-bottom:24px; background:url(img/bg24.png) left bottom no-repeat; background-size:auto 7px; margin-top:1rem;}
.ODM3 .list .li .p{ width:100%; color: #000; font-size:22px; line-height:36px; margin-top:12px;}
.ODM3 .list .li .cont{ width:63%;}
.ODM3 .list .li .img{ position: relative; width:31.5%;}
.ODM3 .list .li .img img{ width:100%;}
.ODM3 .list .li:nth-child(2n){flex-direction:row-reverse;}

@media (max-width: 767px){
.ODM3{ padding-top:35px;}		
.ODM3 .list .li{ margin-bottom:20px;}
.ODM3 .list .li .cont{ width:100%; padding-bottom: 30px;}
.ODM3 .list .li .tit{ font-size:18px; line-height:24px; margin-top:0;padding-bottom:15px;}
.ODM3 .list .li .p{ font-size:14px; line-height:24px;}
.ODM3 .list .li .img{ position: relative; width:70%; margin:0 15%;}
}


.ODM4{ background: #e4fc86; padding-top:1.1rem; padding-bottom: 1.15rem;}
.ODM4 .box{ display: flex; flex-wrap: wrap; margin-top:0.62rem;}
.ODM4 .box .ul{ width:calc(100% + 12px); margin:-6px;}
.ODM4 .box .li{ width:33.33%; line-height:0; padding:6px;}
.ODM4 .box .li .img{ width:100%; overflow: hidden; line-height: 0;}
.ODM4 .box .li img{ width:100%;}
.ODM4 .info{ width:100%; text-align: center; color: #000; font-size:22px; line-height:34px; margin-top:32px;}

@media (max-width: 1024px){
.ODM4{ padding-top:35px; padding-bottom:40px;}	
.ODM4 .box{ margin-top:25px;}
.ODM4 .info{text-align: left; font-size:17px; line-height:26px; margin-top:15px;}
}
@media (max-width: 1024px){
.ODM4 .slick-dots{ display: flex; justify-content: center; width:100%; margin:20px 0 0 0 !important;}
.ODM4 .slick-dots li{ display: block; width:10px; height:10px; border-radius:50%; margin:0 5px; padding:0;background: #fff;  }
.ODM4 .slick-dots li.slick-active{background: #016ab8;}
}

.ODM5{ padding-top:1.16rem; padding-bottom: 1.32rem;}
.ODM5 .list{ display: flex; flex-wrap: wrap; width:calc(100% + 1.4rem); margin:46px -0.7rem 0 -0.7rem;}
.ODM5 .list .li{ background: #e5f2f7; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; padding:0.7rem 0.7rem;}
.ODM5 .list .li .tit{ width:100%; font-weight: bold; color: #000; font-size:36px; line-height:44px;}
.ODM5 .list .li .info{ width:100%; color: #000; font-size:24px; line-height:32px; margin-top:6px;}
.ODM5 .list .li .p{ width:100%; color: #000; font-size:20px; line-height:27px; margin-top:0.36rem;}
.ODM5 .list .li .cont{ width:55%;}
.ODM5 .list .li .img{ overflow:hidden; position: relative; line-height: 0; width:39.5%;}
.ODM5 .list .li .img img{ width:100%;}


@media (max-width: 1760px){
.ODM5 .list{ width:calc(100% + 0.8rem); margin:46px -0.4rem 0 -0.4rem;}
.ODM5 .list .li{ padding:0.4rem 0.4rem;}
}
@media (max-width: 1024px){
.ODM5{ padding-top:40px; padding-bottom:40px;}		
.ODM5 .list{ width:100%; margin:15px 0 0 0;}
.ODM5 .list .li{ padding:15px 15px; flex-wrap:wrap-reverse;}
.ODM5 .list .li .cont{ width:100%; padding:20px 0 5px 0;}
.ODM5 .list .li .tit{ font-size:18px; line-height:24px;}
.ODM5 .list .li .info{ font-size:16px; line-height:22px;}
.ODM5 .list .li .p{ font-size:14px; line-height:24px;}
.ODM5 .list .li .img{ position: relative; width:100%;}
}

.ODM6{ position: relative;} 
.ODM6 .info{ text-align: center; width:100%; color: #000; font-size:22px; line-height:34px; margin-top: 34px;}
.ODM6 .box{ border-radius:0.8rem; padding:1.1rem 6% 2.6rem 6%;}
.ODM6 .img1{ position: relative; z-index: 6; display: block; width:100%; text-align: center; line-height:0; margin:-2.1rem 0 1.5rem 0;}
.ODM6 .img1 img{ width:3.13rem;}
.ODM6 .img2{ display: block; width:100%; text-align: center; line-height:0; margin-top:0.6rem;}
.ODM6 .img2 img{ width:6.11rem;}
.ODM6 .button{ display:flex; overflow: hidden; border-radius:50%; background: #e4fc86; width:46px; line-height:0; position: absolute; z-index: 10; left:50%; bottom:-12px; margin-left:-23px; transform:rotate(90deg); -ms-transform:rotate(90deg);}
.ODM6 .button a{ display:flex; align-items: center; justify-content: center; width:46px; height:46px;}
.ODM6 .button img{ width:100%;}
.ODM6 .bg{ display: block; position: absolute; left:1.08rem; bottom:-2.9rem; width:83.8%;}


@media (max-width: 1024px){
.ODM6 .info{ font-size:14px; line-height:24px; text-align: left; margin-top:15px;}
.ODM6 .box{ padding:35px 15px 2.6rem 15px;}
}
@media (max-width: 767px){
.ODM6 .box{ padding:35px 15px 5.2rem 15px;}	
.ODM6 .img1{ margin:-4.2rem 0 1.5rem 0;}
.ODM6 .img1 img{ width:6.26rem;}
.ODM6 .img2{ margin-top:25px;}
.ODM6 .img2 img{ width:12.22rem;}
.ODM6 .button{width:34px; bottom:-12px; margin-left:-17px;}
.ODM6 .button a{width:34px; height:34px; }
.ODM6 .bg{ left:0; height:12rem; width:100%; object-fit: cover;}
}



._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;; position:absolute; right:-60px; top:-44px; width:44px; height:44px;cursor: pointer;background: url(img/close-small1.svg)no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ 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{max-height:650px;display: block;margin: 0 auto;}
._htm img{max-width: 600px;display: block;margin: 0 auto;}
@media  screen and (max-width: 1600px){
._htm{ float:left;}
}
@media  screen and (max-width: 1024px){
._col{ position:absolute; right:-10px; top:-40px; width:34px; height:34px; }
._htm{ float:left; width:90%;padding:6px;}
}  

.totop{ float: left; display:none;
  width: 0.5rem;
  height: 0.5rem; z-index: 20;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  position: fixed; border:0.05rem solid #fff;
  background: url(img/_to-top.svg) no-repeat center #0068b6;
  background-size:18px 18px !important;
  bottom: 30px;
  right:10px;
}
@media screen and (max-width:1024px) {
.totop{
  width:34px;
  height:34px;
  border-radius:34px;
   border:3px solid #fff;
  background-size:16px 16px !important;
  right:5px;
}
}



/*240611start*/
.Recyclable2 .left{ display: flex; flex-wrap: wrap; position: relative; min-height:213px;}
.Recyclable2 .left .li{ width:100%; float: left; position: absolute; left:0; top:0; opacity:0; z-index: 1;}
.Recyclable2 .left .li.on{ position: relative; opacity:1; z-index:6;}

@media screen and (max-width:1600px) {
.Recyclable2 .left{ width:54%;}
}
@media screen and (max-width:1440px) {
.Recyclable2 .left{ width:64%;}
}
@media screen and (max-width:1024px) {
.Recyclable2 .left{ width:100%;}
.Recyclable2 .left{ min-height:110px;}
}
@media screen and (max-width:767px) {
.Recyclable2 .left{ min-height:158px;}
}
/*240611end*/
/* font-size:calc(14px + 0.30rem); */