﻿@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color: #00ab5d #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	



.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.75rem;padding-right:0.75rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:0.94rem;padding:0 0.49rem;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:40px;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .tel{ display:flex; margin:0 0.7rem 0 0.32rem;line-height:0.8rem; font-size:calc(14px + 0.06rem);color: #fff; padding-left: 33px; background: url(img/ico1.png) left center no-repeat; background-size:24px auto !important; }
.t_navs .lang{ display:flex;}
.t_navs .lang a{ position: relative; display:flex; align-items: center;line-height:0.8rem; font-size:calc(14px + 0.02rem);color: #fff; text-transform: uppercase; padding:2px 27px 0 33px; background: url(img/ico2.png) left center no-repeat; background-size:24px auto !important;}
.t_navs .lang a::after{ display: block; content:''; position: absolute; right: 2px; top:50%; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); margin-top: -2px;}
.t_navs .lang a:hover{color: #00ab5d !important;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.27rem;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:0.94rem; font-size:calc(14px + 0.04rem);color: #fff; transition:none; 
    -moz-transition:none;
     -webkit-transition:none; 
    -o-transition:none;}
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:6px; height:2px; width:0; background:#00ab5d;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #00ab5d;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .sub{ display:none; position: absolute; top:100%; left:0; z-index: 10; margin-top: -6px; box-shadow:0 0 7px rgba(0,0,0,0.07); background:#fff;}
.t_navs .sub4 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width:5rem; padding:0.4rem 0.4rem;}
.t_navs .sub4 .u1{ display: block; width:40%; padding: 3px 0;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #666; line-height:calc(24px + 0.06rem); font-size:calc(14px + 0.02rem); padding:5px 0 5px 13px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #00ab5d; border-radius: 50%; margin-top: -2px;}
.t_navs .sub4 .u1 .l1 a:hover{color: #00ab5d; text-decoration: underline;}
.t_navs .sub4 .pic{ display:block; width:53.4%; line-height: 0; border-radius: 10px; overflow: hidden;}
.t_navs .sub3{ width:100%; overflow: hidden;}
.t_navs .sub3 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; position: relative; width:100%;}
.t_navs .sub3 .box::after{ display: block; content:''; position: absolute; right:75.9%; top:0; width: 2000px; height: 100%; background: #f5f5f5;}
.t_navs .sub3 .u1{ display: block; width:24.1%; padding:0.67rem 0.4rem 0.67rem 0.74rem;}
.t_navs .sub3 .u1 .l1{ display: block; width:100%;}
.t_navs .sub3 .u1 .l1 a{ display: block; width:100%; color: #666; line-height:calc(24px + 0.1rem); font-size:calc(14px + 0.04rem); padding:0.16rem 20px 0.16rem 0; position: relative; border-bottom: 1px solid #e0e0e0;}
.t_navs .sub3 .u1 .l1 a::after{ display: block; content:''; position: absolute; right: 2px; top:50%; border-top: 2px solid #cecece; border-right: 2px solid #cecece; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg);}
.t_navs .sub3 .u1 .l1 a::before{ display: block; content:''; position: absolute; left:0; bottom:-1px; width: 0; height: 1px; background:#00ab5d;}
.t_navs .sub3 .u1 .l1 a:hover{color: #00ab5d; }
.t_navs .sub3 .u1 .l1 a:hover::after{ border-top: 2px solid #00ab5d; border-right: 2px solid #00ab5d;}
.t_navs .sub3 .u1 .l1 a:hover::before{ width:100%;}
.t_navs .sub3 .u1 .l1.on a{color: #00ab5d; }
.t_navs .sub3 .u1 .l1.on a::after{ border-top: 2px solid #00ab5d; border-right: 2px solid #00ab5d;}
.t_navs .sub3 .u1 .l1.on a::before{ width:100%;}
.t_navs .sub3 .u2{ display: flex; flex-wrap: wrap; align-items: flex-start; width:75.9%;}
.t_navs .sub3 .bd-ul{ display:flex; flex-wrap: wrap; width: 100%; position:absolute; left:0; top:0; opacity:0; z-index:2; padding:30px 1.1rem 1.55rem 1rem;
-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;  
} 
.t_navs .sub3 .bd-ul.on{ position: relative; opacity: 1; z-index: 6;} 
.t_navs .sub3 .u2 .l1{ display: block; width:25%; padding-right:0.2rem;}
.t_navs .sub3 .u2 .l1 .pic{ display: block; width:100%; line-height:0; padding-bottom: 0.16rem;}
.t_navs .sub3 .u2 .l1 .pic a img{ object-fit: contain; height:1.2rem;}
.t_navs .sub3 .u2 .l1 h6{ display: block; width:100%; padding-top: 0.04rem;}
.t_navs .sub3 .u2 .l1 h6 a{ display: block; width:100%; color: #a2a2a2; line-height:24px; font-size:14px;}
.t_navs .sub3 .u2 .l1 h6 a:hover{color: #00ab5d;}
.t_navs .sub3 .u2 .l1 h5{ display: block; width:100%; padding-bottom: 0.12rem;}
.t_navs .sub3 .u2 .l1 h5 a{ display: block; width:100%; color: #333333; line-height:calc(24px + 0.06rem); font-size:calc(14px + 0.04rem);}
.t_navs .sub3 .u2 .l1 h5 a:hover{color: #00ab5d;}
.t_navs .sub3 .u2 .l1 dl{ display: block; width:100%;}
.t_navs .sub3 .u2 .l1 dl dd{ display: block; width:100%; padding-bottom: 0.08rem;}
.t_navs .sub3 .u2 .l1 dl dd a{ display: block; width:100%; color: #666; line-height:24px; font-size:14px;}
.t_navs .sub3 .u2 .l1 dl dd a .new{color: #e22626; border:1px solid #e22626; font-size:12px; text-transform: uppercase; margin-left: 6px; padding:0 4px; border-radius:8px 8px 8px 0;}
.t_navs .sub3 .u2 .l1 dl dd a:hover{color: #00ab5d;}
.t_navs .sub3 .u2 .l1 dl dd a:hover font{ text-decoration: underline;}



.t_navs .ss_search{float: left; display:flex; margin:0 0 0 0.2rem;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.8rem; width:0.46rem; background: url(img/_search.svg) right center no-repeat; background-size:20px auto !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.94rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 12px;border: 1px solid #eee;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size: 16px;color: #333;}
.t_navs ._b .input input::placeholder{color:#a8a8a8; opacity:1 !important;}
.t_navs ._b .input img{width: 20px;display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}

.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .menu .nli span a{ color:#333333;}
.t_navs.ect .tel{ color:#333333; background: url(img/ico1.1.png) left center no-repeat;}
.t_navs.ect .lang a{ color:#434343; background: url(img/ico2.1.png) left center no-repeat;}
.t_navs.ect .lang a::after{border-bottom: 2px solid #adadad; border-right: 2px solid #adadad;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}


.t_navs.bbt .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bbt .logo .img1{ display:none;}
.t_navs.bbt .logo .img2{ display:block;}
.t_navs.bbt .menu .nli span a{ color:#333333;}
.t_navs.bbt .tel{ color:#333333; background: url(img/ico1.1.png) left center no-repeat;}
.t_navs.bbt .lang a{ color:#434343; background: url(img/ico2.1.png) left center no-repeat;}
.t_navs.bbt .lang a::after{border-bottom: 2px solid #adadad; border-right: 2px solid #adadad;}
.t_navs.bbt .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}


.t_navs.act .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);/* height:0.8rem;*/}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{ color:#333333;/*line-height:0.8rem;*/}
.t_navs.act .tel{ color:#333333; background: url(img/ico1.1.png) left center no-repeat;}
.t_navs.act .lang a{ color:#434343; background: url(img/ico2.1.png) left center no-repeat;}
.t_navs.act .lang a::after{border-bottom: 2px solid #adadad; border-right: 2px solid #adadad;}
.t_navs.act .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}
.t_navs.act ._b{ /*top:0.8rem*/}
.t_navs.act .menu .sub{ margin-top:-2px;}

@media screen and (max-width:1440px) {
.t_navs .tel{ margin:0 0.4rem 0 0.32rem;font-size: calc(14px + 0.05rem);}
.t_navs .menu .nli{margin: 0 0.2rem;}
.t_navs .menu .nli span a{font-size: calc(14px + 0.03rem);}
.t_navs .ss_search{margin: 0 0 0 0.1rem;}
.t_navs .sub3 .u1{  padding:0.67rem 0.4rem 0.67rem 0.4rem;}
.t_navs .sub3 .bd-ul{  padding:30px 0.4rem 1rem 0.8rem;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .top{ height:50px;}
.t_navs .logo img{ width: auto; height:30px;}
.t_navs .tel{ display:none;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin:0 15px 0 0;}
.t_navs .lang a{ line-height:30px;padding: 2px 22px 0 28px;background-size: 22px auto !important;}
.t_navs .lang a::after {width:8px; height: 8px; margin-top: -1px;}
.t_navs.act .top{ height:50px;}

}


.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.t_navs.ect .menuph .navbtn{ background: #00ab5d;}
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before { background: #00ab5d;}

.t_navs.bbt .menuph .navbtn{ background: #00ab5d;}
.t_navs.bbt .menuph .navbtn::after,
.t_navs.bbt .menuph .navbtn::before { background: #00ab5d;}

.t_navs.act .menuph .navbtn{ background: #00ab5d;}
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #00ab5d;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #00ab5d;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; 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 #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#00ab5d;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 16px;color: #333;}
.xialaph .input_box input::placeholder{color:#a8a8a8; opacity:1 !important;}
.xialaph .input_box img{width: 22px;cursor: pointer;position: absolute;right: 10px;top: 50%;margin-top: -11px;}


.footer1{ background: #1d1d1d; position: relative; z-index: 6;}
.footer1 .top{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:47px 0 33px 0; border-bottom:1px solid #383838;}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:0.5rem;}
.footer1 .top{ display:flex; flex-wrap: wrap; width:100%; align-items: flex-end; justify-content: space-between; padding:0.7rem 0 0.65rem 0;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:22px 0;}
.footer1 .Copyright{ display:block; color: #959595; font-size:14px; line-height:22px;}
.footer1 .Copyright a{color: #959595;}
.footer1 .Copyright a:hover{color: #00ab5d;}
.footer1 .sjkf{ display: inline-flex;color: #959595; font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 6px; font-size:12px;}
.footer1 .sjkf a{color: #959595; }
.footer1 .sjkf a:hover{ color: #00ab5d !important;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right: 17px;}
.footer1 .sjkf .links span::after{ display: block; content:''; position: absolute; right: 0; top:50%; border-bottom: 2px solid #00ab5d; border-right: 2px solid #00ab5d; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); margin-top: -2px;}
.footer1 .sjkf .links span.active::after{  transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); margin-top:1px;}
.footer1 .sjkf .donw{ display: none; width: 160px; position: absolute; right: 0; bottom:100%; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 264px;}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:1px 5px; text-align:center; }

.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:41px 0 60px 0; border-bottom:1px solid #383838;}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; margin-top:0.13rem;}
.footer1 .nav .a1{ display:inline-flex; text-transform: uppercase; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);}
.footer1 .nav .a2{ display:inline-flex;; color: #a5a5a5; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.14rem;}
.footer1 .nav .a2:hover{ color: #00ab5d; }
.footer1 .p2{ display:block; width: 100%; color: #d2d2d2;font-size:calc(14px + 0.02rem); line-height:22px; }
.footer1 .tel{ display:block; width: 100%; color: #00ab5d;font-size:calc(16px + 0.18rem); line-height:calc(26px + 0.22rem);}
.footer1 .adrr{ display:block; width: 100%; color: #e3e3e3;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); margin-top:0.29rem;}
.footer1 .er{ display:flex; flex-wrap: wrap; margin:4px 0.14rem 0 3px;}
.footer1 .er .li{ display:block; width:1.17rem; margin:0 0.13rem;}
.footer1 .er .li i{ display:block; width:100%; line-height: 0;}
.footer1 .er .li span{ display:block; width:100%; text-align:center; margin-top:13px; color: #b9b9b9; font-size:calc(14px + 0.02rem); line-height:1;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap;}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; align-items: center;}
.footer1 .right1{ display:inline-flex; flex-wrap: wrap; flex-direction: column; }
.footer1 .p1{ display:inline-flex;; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);}
.footer1 .btn{ display:inline-flex; align-items: center; color: #00ab5d; font-size:calc(14px + 0.02rem); line-height:1; height: 48px; border:1px solid #00ab5d; margin-right: 23px; border-radius: 0 25px 0 25px; padding:0 22px;}
.footer1 .btn i{ display: block; width:21px; height:21px; margin-left:12px; background: url(img/ico3.png) center no-repeat; background-size: 100% auto !important;}
.footer1 .btn:hover{ color: #fff; background: #00ab5d;}
.footer1 .btn:hover i{background: url(img/ico3.1.png) center no-repeat;}


@media screen and (max-width:1440px) {
.footer1 .er{ display:flex; flex-wrap: wrap; margin:4px 3px 0 3px;}
}
@media (max-width: 1024px){
.footer1 .top{ padding:20px 0;}
.footer1 .logo img{height:36px;}
.footer1 .midd{ padding:20px 0;justify-content: space-between; align-items: center;}
.footer1 .nav{ display:none;}
.footer1 .btn{height:36px;margin-right:14px; border-radius: 0 18px 0 18px; padding: 0 15px; font-size: 14px;}
.footer1 .btn i{width: 18px; height:18px; margin-left:8px;}
.footer1 .p1{ font-size: 14px; line-height:24px;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .er{ width:100px; margin:4px 0 0 0;}
.footer1 .er .li{ width:100px; margin:10px 0;}
.footer1 .er .li span{ display:none;}
.footer1 .down{ justify-content: center; padding:20px 0;}
.footer1 .adrr{ margin-top: 15px;}
}
@media (max-width: 767px){
/*.footer1 .Copyright a{ display: block;}*/
.footer1 .btn{margin-right:0;}
.footer1 .p1{ display:none;}

}




@keyframes mb-customers-scroll{0%{transform:translate3d(-50vw,0,0)}to{transform:translateZ(0)}}
@keyframes dk-customers-scroll{0%{transform:translate3d(-50vw,0,0)}to{transform:translateZ(0)}}

.wzyh_section6{width: 100%; overflow: hidden; position: relative; z-index: 6;}
.wzyh_section6 ._Title{ text-align: center;}
.wzyh_section6 .content{width: 100%; margin-top:0.5rem; overflow: hidden;}
.wzyh_section6 .content .ul{animation-duration:20s;animation-iteration-count:infinite;animation-name:mb-customers-scroll;animation-timing-function:linear;display:flex;}
.wzyh_section6 .content .ul:nth-child(2n){animation-direction:reverse}
.wzyh_section6 .content li{margin: 0.1rem 0.09rem; min-width:2.22rem; line-height: 0;}
.wzyh_section6 .content li .a{display: block;width: 100%;background: #ffffff;overflow: hidden;}
.wzyh_section6 .content li .a:hover{box-shadow: 0 0 0.14rem rgba(0,0,0,0.1);}


@media  screen and (max-width: 1024px){
.wzyh_section6 .content{ margin-top:24px;}	
.wzyh_section6 .content .ul{animation-duration:10s;}
.wzyh_section6 .content li{margin:6px 6px;}
}
@media  screen and (max-width: 767px){
.wzyh_section6 .content li{  min-width:4.44rem; }
}


.main3{ background: #fff; position: relative; z-index: 6;}
.main3 .box{ display: block; width:100%; margin-top: 0.6rem;}
.main3 .sect{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.main3 .u1{ display:block; width: 54.9%;}
.main3 .u1 .a{ display:block; width: 100%; overflow: hidden; border-radius: 10px; position: relative;}
.main3 .u1 .a ._img{ padding-bottom: 67.5%;}
.main3 .u1 .a .cont{ display:block; width: 100%; position: absolute; left: 0; bottom:0; z-index: 6; background:#00ab5d; padding:0.35rem 0.69rem 0.35rem 0.39rem;}
.main3 .u1 .a .cont::after{ display:block; content:''; position: absolute; top:0; right:0.34rem; height: 100%; background: url(img/_right-small-up1.svg) center no-repeat; background-size: 24px auto  !important; width: 24px;}
.main3 .u1 .a .time{ width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem);}
.main3 .u1 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.1rem); margin-top:0.1rem;}
.main3 .u2{ display:block; width: 42.75%;}
.main3 .u2 .li{ display:block; width: 100%; border-bottom: 1px solid #e7e7e7;}
.main3 .u2 .a{ display:flex; align-items: flex-start; width: 100%; padding:4.24% 0; position: relative;}
.main3 .u2 .a::after{ display:block; content:''; position: absolute; bottom:-1px; left:0; height:1px; background:#00ab5d; width: 0;}
.main3 .u2 .li:first-child .a{ padding-top:0 !important;}
.main3 .u2 .a .time{ width: 100%; color: #b0b0b0;font-size:14px; line-height: 22px; margin-top:0.14rem;}
.main3 .u2 .a .tit{ width: 100%; color: #333;font-size:calc(14px + 0.04rem); line-height: 22px; height:44px; margin-top: 0.08rem;}
.main3 .u2 .a .ico{ display:block; height:24px; background: url(img/_right-small-up.svg) left center no-repeat; background-size:auto 100% !important; width:24px; margin-left: -5px; margin-top: 0.26rem;}
.main3 .u2 .a .pic{ display:block; width:32.08%; min-width:32.08%; overflow: hidden; border-radius: 10px; margin-right: 0.22rem;}
.main3 .u2 .a ._img{ padding-bottom:67.56%;}
.main3 .u2 .a .cont{width: 100%;}
.main3 .u2 .a:hover .ico{ background: url(img/_right-small-up2.svg) left center no-repeat;}
.main3 .u2 .a:hover::after{ width: 100%;}

@media screen and (max-width:1600px) {
.main3 .u2 .a .time{ margin-top:0.1rem;}	
.main3 .u2 .a .tit{ margin-top: 0.04rem;}
.main3 .u2 .a .ico{ margin-top: 0.16rem;}
}
@media screen and (max-width:1600px) {
.main3 .u2 .a .time{ margin-top:0.02rem;}	
.main3 .u2 .a .tit{ margin-top: 0.04rem;}
.main3 .u2 .a .ico{ margin-top: 0.14rem;}
}
@media screen and (max-width:1024px) {
.main3 .box{ margin-top:30px;}
.main3 .u1{ width:100%;}
.main3 .u1 .a .cont{ padding:14px 40px 14px 14px;}
.main3 .u1 .a .cont::after{ right:9px;}
.main3 .u2{ width:100%; margin-top: 22px;}
.main3 .u2 .a{ padding:15px 0;}
.main3 .u2 .a .pic{ width:130px; min-width:130px;margin-right:14px;}
}
@media screen and (max-width:767px) {
.main3 .u2 .a{  align-items: center;}	
}



.technology3{ overflow: hidden; /* position: sticky; top:0.8rem; */ }
/* .technology3.ect{position: relative; top:0; } */
.technology3 .box{ display: flex; flex-wrap: wrap; width:66.6%; position: relative; padding-top: 0.6rem;}
.technology3 .box .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height:auto !important;}
.technology3 .box .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform;}
.technology3 .box .div{ padding:0 0.4rem 0 0; width:50%;}
.technology3 .box .a{ display:block; width: 100%; overflow: hidden; border-radius: 10px; position: relative;}
.technology3 .box .a ._img{ padding-bottom:129.75%;}
.technology3 .box .a .cont{ display:block; width: 100%; position: absolute; left: 0; bottom:0; z-index: 6; padding:0.25rem 0.48rem 0.25rem 0.29rem; transform: translateY(100%); -ms-transform: translateY(100%);margin-bottom: 0.9rem;}
.technology3 .box .a .tit{ width: 100%; color: #fff;font-size:0.32rem; line-height: 0.4rem;}
.technology3 .box .a .p{ width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem); height: calc(44px + 0.04rem); margin-top:0.16rem; opacity:0;}
.technology3 .box .a:hover .cont{ background:#00ab5d;margin-bottom:0 !important; transform: translateY(0); -ms-transform: translateY(0);}
.technology3 .box .a:hover .p{ opacity:1;}
.technology3 .box .swiper-prev,
.technology3 .box .swiper-next{ cursor: pointer; display: block; width:0.4rem; height: 0.4rem; content: '';  top:-0.5rem; z-index: 6;background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; position: absolute; }
.technology3 .box .swiper-prev:hover,
.technology3 .box .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.technology3 .box .swiper-prev{ right:-50%; margin-right:0.5rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.technology3 .box .swiper-next{ right:-50%;}

@media screen and (max-width:1600px) {
.technology3 .box .div{ width:4.8rem;}
}
@media screen and (max-width:1024px) {
/* .technology3{ overflow: hidden; height:auto;}
.technology3.ect{ position: relative; top:0; }
.technology3.ect1{ position: relative; top:0; margin-bottom:0;} */
.technology3 .box{ padding-top:30px; width:calc(100% + 16px); margin:0 -8px;}
.technology3 .box .div{ padding:0 8px;}
.technology3 .box .div .a .cont{ padding: 20px 14px;margin-bottom:58px;}
.technology3 .box .div .a .tit{font-size:16px; line-height:24px;}
.technology3 .box .swiper-prev,
.technology3 .box .swiper-next{ width:24px; height:24px; top:-24px;}
.technology3 .box .swiper-prev{ right:34px;  margin-right:0;}
.technology3 .box .swiper-next{ right:0; }
}
@media screen and (max-width:767px) {
.technology3 .box .div{ width:9.6rem;}
.technology3 .box{ padding-right:0;}
}


.main2{ position: relative; overflow: hidden;}
.main2 .shipin{ display: block;}
.main2 .paly{ display:flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; position: absolute; line-height:0; left:53.8%; bottom:35%; z-index:10; transform:translate(-50%,50%); -ms-transform:translate(-50%,50%); color: #fff;font-size:calc(14px + 0.02rem);}
.main2 .paly img{ width:0.43rem; height:0.43rem;}
.main2 .paly span{ line-height:1; margin-top: 16px;}
.main2 .pic{ position: absolute; left:18.6%; bottom:0;width:62.8%; line-height:0; display: block; text-align: center;}
.main2 .bg{ display: block; width: 100%; position: absolute; left: 0; top:0.57rem; z-index: 1;}
.main2 .right{ display:block; padding-top:1.08rem;}
.main2 .left{ display:block; width:26.8%;}
.main2 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-bottom:1.08rem;}
.main2 .cont{ width:100%; text-align: justify; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.1rem);margin-top:0.57rem; font-weight:normal;}
.main2 .info{ width:100%;margin-top:0.7rem;}
.main2 .btn{ display:inline-flex; align-items: center; color: #fff; font-size:14px; line-height:1; height: 47px; border:1px solid #00ab5d; background: #00ab5d;border-radius: 0 24px 0 24px; padding:0 15px 0 19px;}
.main2 .btn i{ display: block; width:24px; height:24px; margin-left:30px; background: url(img/_right-small-up1.svg) center no-repeat; background-size: 100% auto !important;}
.main2 .btn:hover{ color: #00ab5d; background: #fff;}
.main2 .btn:hover i{background: url(img/_right-small-up2.svg) center no-repeat;}
.main2 .box1{ display:flex; flex-wrap: wrap; flex-direction: column;}
.main2 .box1 .li{ display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom:0.51rem; white-space: nowrap; min-width:1.9rem;}
.main2 .box1 .num{ font-size:0.6rem; line-height:1; color: #00ab5d; font-weight: bold; margin-right:3px;}
.main2 .box1 .dw{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); color: #666;}
.main2 .box1 .txt1{ display: flex; align-items:flex-end;}
.main2 .box1 .txt2{color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem); margin-top: 1px;}


@media screen and (max-width:1024px) {
.main2 .btn{height:36px;margin-right:14px; border-radius: 0 18px 0 18px; padding: 0 15px; font-size: 14px;}
.main2 .btn i{width: 18px; height:18px; margin-left:8px;}
.main2 .left{ width:100%;}
.main2 .right{ width:100%; padding-top: 30px;}
.main2 .box{ padding-bottom: 0;}
.main2 .box1{  width: 100%; flex-direction: row;  justify-content: space-between;}
.main2 .box1 .num{ font-size:24px;}
.main2 .cont{margin-top:20px;}
.main2 .info{margin-top:30px; justify-content: center; display: flex;}
.main2 .pic{ position: static; left:0; bottom:0;width:100%; padding: 0 10%; margin-top:30px;}
.main2 .paly{  left:55%; bottom:17.5%;}
.main2 .paly img{ width:30px; height:30px;}
.main2 .paly span{ line-height:1; margin-top: 12px;}
}
@media screen and (max-width:767px) {

}



.main5{ position: relative; overflow: hidden; background: #fff; z-index: 6;}
.main5 .bg{ display:block; position: absolute; line-height:0; right:0; top:1rem; z-index:1;}
.main5 .bg img{ width:100%;}
.main5 .sect{ width:100%; display:block;margin-top: 0.6rem;}
.main5 .box2{ width:100%; display:block;}
.main5 .box2::after{ display:block; content: ''; position: absolute; right: 0; top:0.6rem; z-index: 2; width: 50%;background: #f5f5f5;height: calc(100% - 1.2rem);}
.main5 .box2 .li{ width:100%; display:flex; position: relative; z-index: 6;}
.main5 .box2 .li .cont{ width:36.5%; position: relative; z-index: 6; background:#f5f5f5; border-radius: 10px; margin:0.6rem 0 0.6rem -13.4%; padding:0.5rem 0.5rem 0.6rem 0.5rem; display: flex; flex-wrap: wrap;  align-content: space-between;}
.main5 .box2 .li .pic{ width:76.9%;}
.main5 .box2 .li ._img{ padding-bottom:58.81%; border-radius: 10px; overflow: hidden;}
.main5 .box2 .li .btn{ display:inline-flex; align-items: center; color: #fff; font-size:14px; line-height:1; height: 47px; border:1px solid #00ab5d; background: #00ab5d;border-radius: 0 24px 0 24px; padding:0 15px 0 19px;}
.main5 .box2 .li .btn i{ display: block; width:24px; height:24px; margin-left:30px; background: url(img/_right-small-up1.svg) center no-repeat; background-size: 100% auto !important;}
.main5 .box2 .li:hover .btn{ color: #00ab5d; background: #fff;}
.main5 .box2 .li:hover .btn i{background: url(img/_right-small-up2.svg) center no-repeat;}
.main5 .box2 .li .info{ width:100%;display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.main5 .box2 .li .tit{width:100%; color: #333;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem);}
.main5 .box2 .li .p{width:100%; color: #333;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.1rem); margin:0.32rem 0;}
.main5 .box2 .li .num{ display:inline-flex;font-size:0.5rem; line-height:1; color: #12974d;}
.main5 .box1{ position: absolute; left:0; bottom:0.5rem; z-index: 8; display:block; width:63.5%; padding:0 0.37rem;}
.main5 .box1 .ul{ cursor: pointer; display: flex; width:100%;}
.main5 .box1 .li{ cursor: pointer; display: flex; flex-wrap: wrap; padding:0.1rem; width:33.33%;}
.main5 .box1 .li .cont{ display: flex; flex-wrap: wrap; width:100%; height: 100%; position: relative; border-radius: 10px; background: rgba(255,255,255,0.9); padding:0.16rem 0.22rem; align-content: flex-start;}
.main5 .box1 .li .num{width:100%; display:block;font-size:20px; line-height:28px; color: #12974d;}
.main5 .box1 .li .p{width:100%;color: #333;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); margin-top:0.04rem;}
.main5 .box1 .li.on .cont{ background: #00ab5d;}
.main5 .box1 .li.on .num{ color: #fff;}
.main5 .box1 .li.on .p{ color: #fff;}


@media screen and (max-width:1024px) {
.main5 .box2 .li .btn{height:36px;margin-right:14px; border-radius: 0 18px 0 18px; padding: 0 15px; font-size: 14px;}
.main5 .box2 .li .btn i{width: 18px; height:18px; margin-left:8px;}
.main5 .box2 .li .p{ margin: 15px 0 20px 0;}
.main5 .box2 .li .num{font-size:26px;}
.main5 .box2::after{ display:block; display:none;}
}
@media screen and (max-width:767px) {
.main5 .sect{margin-top: 30px;}
.main5 .box2 .li .cont{ width:100%; margin:0; padding:20px 15px 25px 15px;border-radius:0 0 10px 10px;}
.main5 .box2 .li .pic{ width:100%;}
.main5 .box2 .li ._img{border-radius: 10px 10px 0 0;}
.main5 .box2 .li{ flex-wrap: wrap;}	
.main5 .box1{ width:100%; position: static; padding:0 0 15px 0;}
.main5 .box1 .ul{  justify-content: space-between;}
.main5 .box1 .li{  padding:0; width:32%;}
.main5 .box1 .li .cont{ padding:14px 12px;}

}




.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.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 .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{ display: flex; flex-wrap: wrap; width: 100%;}
.index-banner .box .tit1{  display:inline-flex; background:#00ab5d; border-radius:0.8rem; color: #fff; font-size:0.5rem; line-height:0.61rem; text-align: center; padding:0.08rem 0.4rem; position: relative;}
.index-banner .box .tit1::after{ display:block; content: ''; position: absolute; left: 50%; top:100%; margin-left: -0.1rem;
 border-left: 0.1rem solid transparent; border-right:0.1rem solid transparent;border-top: 0.1rem solid #00ab5d; }
.index-banner .box .tit2{ display: block; width:100%; color: #fff; font-size:0.77rem; line-height:1; margin-top: 0.3rem;}
.index-banner .box .pic1{ display: block; width:100%; line-height:0; margin-top: 0.3rem;}
.index-banner .div1 .cont{ justify-content: center; text-align: center; margin-top: 1.86rem;}
.index-banner .box .tit3{  display:block; width:100%; color: #00ab5d; font-size:0.47rem; line-height:0.57rem; margin-top: 0.22rem;  }
.index-banner .box .tit4{ display: block; width:100%; color: #333; font-size:0.47rem; line-height:0.57rem; margin-top: 0.12rem;}
.index-banner .box .tit5{ display: block; width:100%; color: #666; font-size:0.24rem; line-height:0.36rem; margin-top: 0.3rem;}
.index-banner .box .line{ display: block; width:1.1rem; height:0.05rem; background:#00ab5d; margin-top: 0.35rem;}
.index-banner .box .info{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top: 0.46rem;}
.index-banner .box .info .ino{ display:block; width: 30.6%; line-height:0; border-radius:0.55rem 0 0.55rem 0; border: 1px solid #00ab5d; padding:4px}
.index-banner .box .info .ino img{ display:block; width: 100%; border-radius:0.5rem 0 0.5rem 0; border: 1px solid #abb4b6;}
.index-banner .box .left{ display: block; width:32%; }
.index-banner .box .right{ display: block; width:64%; }
.index-banner .box .pic2{ display: block; width:100%; line-height:0; }
.index-banner .div2 .cont{ justify-content: space-between; margin-top: 0.56rem;}
.index-banner .box .tit6{ display: inline-flex; background:#00ab5d; border-radius:0.74rem 0.74rem 0.74rem 0; color: #fff; font-size:0.46rem; line-height:0.59rem; text-align: center; padding:0.08rem 0.46rem 0.08rem 0.42rem; margin-top: 0.22rem;  }
.index-banner .box .tit7{ display: block; width:100%; color: #333; font-size:0.56rem; line-height:0.66rem; margin-top: 0.22rem;}
.index-banner .box .tit8{ display: block; width:100%; color: #666; font-size:0.22rem; line-height:0.34rem; margin-top: 0.32rem;}
.index-banner .box .info1{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top: 0.72rem;}
.index-banner .box .info1 .ino{ display:block; width: 30.6%; line-height:0; border-radius:0.5rem 0 0.5rem 0; border: 1px solid #abb4b6; overflow: hidden;}
.index-banner .box .info1 .ino img{ display:block; width: 100%;}
.index-banner .box .left1{ display: block; width:32%; }
.index-banner .box .right1{ display: block; width:59.8%; }
.index-banner .div3 .cont{ justify-content: space-between; flex-direction: row-reverse; margin-top: 0.94rem;}
.index-banner .box .tit9{ display: block; width:100%; color: #333; font-size:0.56rem; line-height:0.72rem;}
.index-banner .box .info2{ display: block; width:100%; margin: 0.86rem 0 1.3rem 0;}
.index-banner .box .btn{ display:inline-flex; align-items: center; color: #00ab5d; font-size:14px; line-height:1; height: 47px; border:1px solid #00ab5d; border-radius: 0 24px 0 24px; padding:0 15px 0 19px;}
.index-banner .box .btn i{ display: block; width:24px; height:24px; margin-left:30px; background: url(img/_right-small-up2.svg) center no-repeat; background-size: 100% auto !important;}
.index-banner .box .btn:hover{ color: #fff; background: #00ab5d !important;}
.index-banner .box .btn:hover i{background: url(img/_right-small-up1.svg) center no-repeat;}


.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:50%; bottom:30px; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.index-banner .swiper-prev{ margin-right:calc(-800px + 0.5rem); transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:50%; bottom:30px; z-index: 10;margin-left:-800px; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:10px; width:10px; height:10px; margin:0 15px 0 0; display:block; background:#afaeae; }
.index-banner .swiper-pagination-bullet-active{width:39px; background: #00ab5d;}


@media screen and (max-width:1750px) {
.index-banner .box .left{ width: 33%;}	
.index-banner .box .tit3{ font-size:0.44rem; line-height:0.54rem; margin-top: 0.22rem;  }
.index-banner .box .tit4{ font-size:0.44rem; line-height:0.54rem; margin-top: 0.12rem;}	
.index-banner .box .tit7{ font-size:0.52rem; line-height:0.62rem; margin-top: 0.22rem;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:0.75rem;}
.index-banner .swiper-prev{ margin-right:0.5rem;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:0.75rem; margin-left:0; }
}
@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:24px; height:24px; bottom:15px; right:15px;}
.index-banner .swiper-prev{ margin-right:34px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:15px; bottom:15px; margin-left:0; }
.index-banner .swiper-pagination-bullet{ margin:0 10px 0 0;}
.index-banner .swiper-pagination-bullet-active{width:20px;}
.index-banner .box .btn{height:36px;margin-right:14px; border-radius: 0 18px 0 18px; padding: 0 15px; font-size: 14px;}
.index-banner .box .btn i{width: 18px; height:18px; margin-left:8px;}
}
@media screen and (max-width:767px) {
.index-banner .box { padding:0 35px;}	
.index-banner .box .tit1{ border-radius:80px;font-size:24px; line-height:34px; padding:6px 20px;}
.index-banner .box .tit1::after{  margin-left: -6px;
 border-left:6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #00ab5d; }	
.index-banner .box .tit2{ font-size:36px; margin-top: 0.6rem;}
.index-banner .box .pic1{ margin-top: 0.6rem;}
.index-banner .box .left{ width: 100%; text-align: center;}	
.index-banner .box .right{ width: 100%; padding: 0 20%; margin-top:20px;}	
.index-banner .box .tit3{ font-size:24px; line-height:32px; margin-top:10px;  }
.index-banner .box .tit4{ font-size:24px; line-height:32px; margin-top:4px;}
.index-banner .box .tit5{ font-size:14px; line-height:24px; margin-top:15px;}
.index-banner .box .line{width:55px; height:3px; margin:12px auto 0 auto;}
.index-banner .box .info{ margin-top:20px;}
.index-banner .box .left1{width: 100%; text-align: center; }
.index-banner .box .right1{width: 100%; padding: 0 20%; margin-top:20px; }
.index-banner .box .tit6{ border-radius:80px 80px 80px 0; font-size:22px; line-height:32px; padding:6px 20px; margin-top:10px;  }
.index-banner .box .tit7{ font-size:28px; line-height:38px; margin-top:10px;}
.index-banner .box .tit8{ font-size:14px; line-height:24px; margin-top:10px;}
.index-banner .box .tit9{ font-size:28px; line-height:38px; color: #00ab5d;}
.index-banner .box .info2{ margin:30px 0 30px 0;}
.index-banner .div4 .cont{ text-align: center; margin-top: 40px;}
}


.main0 .sect{ display: block; width: 100%; margin-top: 0.82rem; position: relative;}
.main0 .box2{ display: block; width: 28.5%; margin-top: -0.2rem; overflow: hidden;}
.main0 .box2 .ul{ width: 100%;}
.main0 .box2 .lh0{ display: block; width: 33.33%; padding:0 17px 0 0;}
.main0 .box2 ._img{ cursor: pointer; border-radius: 50%; padding-bottom: 100%; border: 1px solid #cecece;}
.main0 .box2 .slick-current ._img{ border: 1px solid #00ab5d;}
.main0 .box2 .swiper-slide-thumb-active ._img{ border: 1px solid #00ab5d;}
.main0 .box1{ display: block; width: 100%; overflow:hidden;}
.main0 .box1 .ul{ width: 100%;}
.main0 .box1 .div{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;}
.main0 .box1 .left{ display: flex; flex-wrap: wrap; width: 21.87%;}
.main0 .box1 .right{ display: flex; flex-wrap: wrap; width: 18.15%;}
.main0 .box1 .pic{ display: block; line-height: 0; width: 36.63%;}
.main0 .box1 .btn{ display:inline-flex; align-items: center; color: #fff; font-size:14px; line-height:1; height: 47px; border:1px solid #00ab5d; background: #00ab5d; border-radius: 0 24px 0 24px; padding:0 15px 0 19px;}
.main0 .box1 .btn i{ display: block; width:24px; height:24px; margin-left:30px; background: url(img/_right-small-up1.svg) center no-repeat; background-size: 100% auto !important;}
.main0 .box1 .btn:hover{ color: #00ab5d; background: #fff !important;}
.main0 .box1 .btn:hover i{background: url(img/_right-small-up2.svg) center no-repeat;}
.main0 .box1 .info{ display: block; width: 100%; margin-top: 0.55rem;}
.main0 .box1 .left .tit{ width: 100%;color: #333;font-size:calc(14px + 0.16rem); line-height: calc(22px + 0.16rem);}
.main0 .box1 .left .cont{ width: 100%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.1rem); margin-top:0.28rem; }
.main0 .box1 .left .tit{ display: block; width: 100%;color: #333;font-size:calc(14px + 0.16rem); line-height: calc(22px + 0.16rem);}
.main0 .box1 .left .div{  display: flex; align-items: center;}
.main0 .box1 .left .line{ content:''; display: block; width:0.8rem; height: 4px; margin-top: 0.25rem; background: url(img/main42.png) left center no-repeat; background-size:auto 100%  !important;}
.main0 .box1 .left .line{ margin-top: 0.25rem;color: #666666;font-size:calc(14px + 0.06em); line-height: calc(22px + 0.06em);}
.main0 .box1 .right{ margin-top: 0.22rem;}
.main0 .box1 .right .div{ display: block; width: 100%; position: relative; padding: 0.16rem 0 0.16rem 0.52rem;}
.main0 .box1 .right .tit{ display: block; width: 100%;color: #333;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem);}
.main0 .box1 .right .p{ display: block; width: 100%;color: #666;font-size:14px; line-height: 22px; margin-top:0.04rem; }
.main0 .box1 .right .line{ display: block; margin-top: 0.25rem;  width:0.8rem; height: 4px; margin-top: 0.25rem; background: url(img/main42.png) left center no-repeat; background-size:auto 100%  !important;}
.main0 .box1 .right .ico{display: block; width:0.35rem; line-height: 0; position: absolute; left:0; top:0.16rem;}
.main0 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main0 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.main0 .swiper-prev,
.main0 .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:0; bottom:0; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.main0 .swiper-prev{ margin-right:0.5rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main0 .swiper-prev:hover,
.main0 .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.main0 .swiper-pagination{ cursor: pointer; line-height:0.4rem; display:block;position: absolute;right:1.2rem; bottom:0; z-index: 10; color: #a8a8a8;font-size:19px; }
.main0 .swiper-pagination-current{font-size: 24px; color: #00ab5d;}
.main0 .swiper-pagination-total{font-size: 14px; color: #666666;}
.main0 .h-tit .hd li a{ width: auto; padding:0 0.3rem;}

@media screen and (max-width:1024px) {
.main0 .box1 .btn{height:36px;margin-right:14px; border-radius: 0 18px 0 18px; padding: 0 15px; font-size: 14px;}
.main0 .box1 .btn i{width: 18px; height:18px; margin-left:8px;}
.main0 .box1 .left{ width: 100%; margin-top:0;}
.main0 .box1 .pic{ width: 100%; margin-top:20px; padding:0 15%;}
.main0 .box1 .right{ width: 100%; margin-top:20px;}
.main0 .box1 .right .ico{ top:8px; width:28px;}
.main0 .box1 .right .div{padding:8px 0 8px 40px;}
.main0 .box2{  width: 100%; margin-top:0;}
.main0 .sect{ margin-top: 30px;}
.main0 .swiper-prev,
.main0 .swiper-next{ width:24px; height:24px; bottom:auto; top:-110px;}
.main0 .swiper-prev{ margin-right:34px;}
.main0 .swiper-pagination{ right:78px; bottom:auto; top:-110px; line-height:24px;font-size:16px; }
.main0 .swiper-pagination-current{font-size:20px;}
.main0 .swiper-pagination-total{font-size: 14px;}
}
@media screen and (max-width:767px) {
.main0 .h-tit .hd{ width: 100%; margin-top: 20px;}	
.main0 .h-tit .hd li{margin: 0 0.2rem 0 0;}
.main0 .h-tit .hd li a{ width: auto; padding:0 16px;}
.main0 .box2{ margin-top:30px;}
}



.pf-right{/* display:none; */ z-index:13; position:fixed; right:0.3rem; bottom:12vh; width:0.66rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; border-radius:5px; background: #fff; justify-content: center; align-items: center; line-height: 0; width:100%; padding:0.11rem 4px; box-shadow:0 0 7px rgba(0,0,0,0.07);}
.pf-right .li .a img{ width:0.31rem; height:0.31rem;}
.pf-right .li .a .img1{ display: block; }
.pf-right .li .a .img2{ display: none; }
.pf-right .li .a span{ display: block; width: 100%; text-align: center; color: #333; font-size:calc(14px + 0.02rem); line-height:1; margin-top:5px;}
.pf-right .li:hover .a{background: #12974d;}
.pf-right .li:hover .a span{color: #fff;}
.pf-right .li:hover .a .img1{ display: none; }
.pf-right .li:hover .a .img2{ display: block; }
.pf-right .tel{ display:none; position: absolute; right:100%; top:50%; background: #fff; border-radius:5px; color: #333; font-size:calc(14px + 0.04rem); line-height:0.5rem; padding:0 0.3rem;box-shadow:0 0 7px rgba(0,0,0,0.07); transform: translateY(-50%); -ms-transform: translateY(-50%);white-space: nowrap;}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden;}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
.pf-right .li-0{ display:none;}
.pf-right .li-1{ display:none;}

@media screen and (max-width:1600px) {
.pf-right{ right:0.1rem;}	
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;height:54px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 7px rgba(0,0,0,0.07);position: fixed;z-index: 15; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); left: 0;}
.wap_down li{width:25%;float: left;text-align: center;padding:8px 0;height:54px;}
.wap_down li .a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color: #333;line-height: 14px;}
.wap_down li .ico{ width: 100%; line-height: 0;}
.wap_down li .ico img{ width:22px; height:22px;}
.wap_down li:last-child{border: none;}

@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.6;}
.my-puop1{ display:none; width:515px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius: 10px; overflow: hidden;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:0; width:42px; height:46px;}
.my-puop1 .box .colse img{ width:20px; height:20px;}
.my-puop1 .box .title{ width:100%; background: url(img/ico0.png) right center no-repeat #00a75b; background-size:auto 100% !important; color: #fff; display:flex; align-items: center; font-size:16px; line-height:20px; height:66px; padding:13px 30px;}
.my-puop1 .box .cont{ display:flex; width:100%; align-items: center; padding:26px 20px; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.my-puop1 .box .cont img{width:54px; height:54px; margin-right: 12px;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:25px 30px 37px 30px;}
._form4 .lab{ width:48.5%; position:relative; display: flex; background: #f5f5f5; margin-bottom: 10px; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; position: absolute; left:0; top:0; z-index: 1; color: #a8a8a8; font-size:14px; line-height:26px; padding:10px 20px;}
._form4 .name span{ color: #ff2525;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:none; font-size:14px;color: #333; line-height:26px; height:46px; padding:10px 20px;}
._form4 .text:focus{ background: #f5f5f5;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:none; font-size:14px;color: #333; line-height:26px; height:71px; padding:10px 20px;}
._form4 .textarea:focus{ background: #f5f5f5;}
._form4 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width: 112px;}
._form4 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:16px; color: #00ab5d; height:46px; padding-bottom: 1px; border:1px solid #00ab5d;background:none; border-radius:0;}
._form4 .submit:hover{ background: #00ab5d; color: #fff;}
._form4 .lab1{ width:100%; display: block; color:#a8a8a8; font-size:14px; line-height: 24px; padding-top: 5px; }
._form4 .lab1 span{ color: #ff2525;}

._form4 input::placeholder{color:#a8a8a8; opacity:1 !important;}
._form4 textarea::placeholder{color:#a8a8a8; opacity:1 !important;}

@media screen and (max-width:767px) {
.my-puop1{ width:92%;}
.my-puop1 .box .title{font-size:14px; line-height:20px; height:66px; padding:13px 50px 13px 15px;}
._form4{ padding:20px 15px 25px 15px;}
._form4 .name{ padding:7px 12px;}
._form4 .text{ height:40px; padding:7px 12px;}
._form4 .textarea{ padding:7px 12px;}
._form4 .submit{ height:40px;}
}

.my-puop2{ display:none; width:776px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop2 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius: 10px; overflow: hidden;}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:0; width:42px; height:46px;}
.my-puop2 .box .colse img{ width:20px; height:20px;}
.my-puop2 .box .tit1{ width:100%; color: #fff; display:block; font-size:calc(14px + 0.17rem); line-height:calc(22px + 0.07rem);}
.my-puop2 .box .tit2{ display:block; width:100%; color: #fff; font-size:14px; line-height:24px; margin-top: 7px;}
.my-puop2 .box .er{ display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; padding:30px 15px 0 0;}
.my-puop2 .box .er .li{ display:flex; flex-wrap: wrap; align-items:flex-start; width:93px;}
.my-puop2 .box .er .li i{ display:block; width:100%; line-height: 0;}
.my-puop2 .box .er .li span{ display:block; width:100%; text-align:center; margin-top:7px; color: #fff; opacity: 0.66; font-size:14px; line-height:24px;}
.my-puop2 .box .line{ display:block; width: 100%; height: 1px; background: #fff; opacity: 0.4; margin-top: 24px;}
.my-puop2 .box .p2{ display:block; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 25px; }
.my-puop2 .box .tel{ display:block; width: 100%; color: #fff;font-size:calc(16px + 0.1rem); line-height:calc(26px + 0.04rem); margin-top: 15px;}
.my-puop2 .box .left{ display:block; width: 36.3%; background:url(img/bg3.jpg) center no-repeat #00a75b; background-size: cover; padding:45px 30px;align-items: flex-start; }
._form1{ width:63.7%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:43px 30px 36px 30px;}
._form1 .lab{ width:48.5%; position:relative; display: flex; flex-wrap: wrap; margin-bottom: 17px; }
._form1 .w100{ width:100%;}
._form1 .name{ width:100%; display:block; color: #333333; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-bottom: 8px;}
._form1 .name span{ color: #ff2525;}
._form1 .text{cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:14px;color: #333; line-height:26px; height:44px; padding:9px 19px; border-radius:3px;}
._form1 .textarea{ cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:14px;color: #333; line-height:26px; height:71px; padding:10px 19px; border-radius:3px;}
._form1 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width: 112px;}
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:44px; padding-bottom: 1px; border:1px solid #00ab5d;background:#00ab5d; border-radius:3px;}
._form1 .submit:hover{ background:none; color: #00ab5d;}
._form1 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px; }
._form1 .lab1 span{ color: #ff2525;}

._form1 input::placeholder{color:#bbb9b9; opacity:1 !important;}
._form1 textarea::placeholder{color:#bbb9b9; opacity:1 !important;}

@media screen and (max-width:767px) {
.my-puop2{ width:92%;}
.my-puop2 .box .left{ display:none;}
._form1{ width:100%; padding:35px 15px 25px 15px;}
._form1 .lab{ margin-bottom: 15px; }
._form1 .text{ height:40px; padding:7px 12px;}
._form1 .textarea{ padding:7px 12px;}
._form1 .submit{ height:40px;}
}


.inbaner1{min-height:4rem;  position: relative; line-height:0; overflow: hidden;background: #1d1d1d;}
.inbaner1 .div{ display:block; width:100%; text-align: center;}
.inbaner1 .div img{width:100%;}
.banbox1{ width:100%; position: absolute; left:0; top:55.8%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox1 .box{ display: flex; flex-wrap: wrap; justify-content:space-between; width:100%;}
.banbox1 .pic{ display: block; line-height: 0; width: 40.8%; margin: 0 3.6% 0 0;}
.banbox1 .cont{ display: block; width: 38%; margin-top:0.33rem;}
.banbox1 .tit1{ width:100%; color: #333; font-size:0.5rem; line-height:0.6rem; }
.banbox1 .tit2{ width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); margin-top:0.27rem;}
.banbox1 .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 48px; border:1px solid #00ab5d; background: #00ab5d; border-radius: 0 25px 0 25px; padding:0 22px; margin-top:0.72rem;}
.banbox1 .btn i{ display: block; width:21px; height:21px; margin-left:12px; background: url(img/ico3.1.png) center no-repeat; background-size: 100% auto !important;}
.banbox1 .btn:hover{ border:1px solid #fff; color: #00ab5d; background: #fff;}
.banbox1 .btn:hover i{background: url(img/ico3.png) center no-repeat;}

@media screen and (max-width:1440px) {
.banbox1 .pic{ width: 40.8%; margin: 0;}
.banbox1 .cont{ width: 46%; margin-top:0.33rem;}
}
@media screen and (max-width:1024px) {
.inbaner1{min-height:200px;}	
.banbox1{ top:53%; padding:0 35px;}
.banbox1 .tit1{font-size:20px; line-height:30px;}
.banbox1 .tit2{ font-size:14px; line-height:24px; margin-top:10px; text-align: left;}
.banbox1 .btn{height:36px;margin-top:20px; border-radius: 0 18px 0 18px; padding: 0 15px; font-size: 14px; display:none !important;}
.banbox1 .btn i{width: 18px; height:18px; margin-left:8px;}
.banbox1 .pic{ width: 100%; margin:25px 0 0 0; padding: 0;}
.banbox1 .cont{ width: 100%; margin-top:0; text-align: center;}
}


.inbaner{min-height:4rem;  position: relative; line-height:0; overflow: hidden;background: #1d1d1d;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banbox{ width:100%; position: absolute; left:0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox .cont{ display: block; width: 100%;}
.banbox .tit1{ width:100%; color: #fff; font-size:0.48rem; line-height:0.58rem; }
.banbox .tit2{ width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); min-height:calc(44px + 0.2rem); margin-top:0.25rem;}
.mbxbox{ display: flex; flex-wrap: wrap; justify-content: flex-end; padding-top: 29px;}
.mbxbox1{ padding-top: 21px;}
.mbxbox2{ padding-top: 26px;}
.mbx{ display: block; color: #666666; text-align: center;font-size:14px; line-height:24px;}
.mbx a{ color: #666666;}
.mbx i{ padding:0 4px;}
.mbx a:hover{ color: #00ab5d;}


@media screen and (max-width:1024px) {
.inbaner{min-height:200px;}	
.banbox{ top:55%;}
.banbox .tit1{font-size:20px; line-height:30px;}
.banbox .tit2{ font-size:14px; line-height:24px;}
.mbxbox{ display:none;}
}

.slide1{ display: flex; flex-wrap: wrap;width:100%; background: #fff; overflow: hidden; border-radius:0.66rem; margin-top:-0.33rem; position: relative; z-index: 6;}
.slide1 .ul{ display: flex;width:100%;}
.slide1 .li{ display: flex; flex-wrap: wrap;width:100%; position: relative;}
.slide1 .li::after{ display: block; content:''; position: absolute; right:0; top: 50%; width:1px; height:27px; content:''; background: #e3e3e3; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.slide1 .li .la{ position: relative; z-index: 6; display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #666666;font-size:calc(14px + 0.04rem); line-height:1.4; height:0.66rem; padding:0.2rem 0.54rem;width:100%;}
.slide1 .li:hover .la{ color: #00ab5d;}
.slide1 .li.on .la{ background:#00ab5d; color: #fff;}


@media screen and (max-width:1024px) {
.slide1{  border-radius:40px; margin-top:-20px;}	
.slide1 .li .la{ padding:8px 8px; font-size:14px; line-height:24px; height:auto;}

}
@media screen and (max-width:767px) {
.slide1{ overflow-x: auto; white-space: nowrap;}
.slide1 .ul{ flex-wrap: nowrap;}
}

.slide2{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; padding-top: 9px;}
.slide2 ul{ display: inline-flex;}
.slide2 li{ display: inline-flex; margin:0 0.15rem;}
.slide2 li a{ display: inline-flex; align-items: center; justify-content:center;; height:41px; color: #00ab5d;font-size:calc(14px + 0.04rem); line-height:1; border-radius:41px; border: 1px solid #00ab5d; padding:0 0.3rem;}
.slide2 li.on a,
.slide2 li:hover a{ background: #00ab5d; color: #fff;}

@media screen and (max-width:1024px) {
.slide2{ padding-top:25px;}	
.slide2 li{ margin:0 7px;}	
.slide2 li a{ height:36px; font-size: 14px; padding:0 16px; }
}
@media screen and (max-width:767px) {
.slide2{ justify-content: flex-start; overflow-x: auto;}	
.slide2 ul{ white-space: nowrap;}
.slide2 li{ margin:0 14px 0 0;}	
}

/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:3px; width:0.4rem; height:0.4rem; background:#fff; line-height:0.4rem; color:#9c9c9c; text-align: center; font-size:16px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#00ab5d; color: #fff;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.1rem; height:0.1rem; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#9c9c9c;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#fff;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #9c9c9c; border-right:1px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.lits01{ display: block; width: 100%;}
.lits01 .ul{ cursor: pointer; display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.lits01 .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap; padding:0.15rem; width:25%;}
.lits01 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; height: 100%; position: relative; border-radius:8px; padding:0.25rem 0.3rem; align-content: flex-start; overflow: hidden;}
.lits01 .ul .li .a::after{display: block; position: absolute; left:0; bottom:0; z-index:1; content:''; border-radius:8px; border:1px solid #e9e9e9;  height: 100%;width: 100%;}
.lits01 .ul .li .a::before{display: block; position: absolute; left:0; bottom:0; z-index:2; content:''; height: 48%;width: 100%; background:#ffff;} 
.lits01 .ul .li .num{width:100%; display:block;font-size:20px; line-height:28px; color: #12974d;}
.lits01 .ul .li ._img{ z-index: 6; padding-bottom:95.59%;} 
.lits01 .ul .li ._img img{ object-fit: cover;}
.lits01 .ul .li .tit{ z-index: 6; position:relative; width:100%;color: #333;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); padding:0 20px 0 0; margin-top: 0.27rem;}
.lits01 .ul .li .tit::after{display: block; content:''; position: absolute; right:-5px; top:0; z-index: 6;
  height: 100%;width: 24px;
  background: url(img/_right-small-up2.svg) left center no-repeat;
    background-size: auto;
  background-size:24px auto !important;}
.lits01-1 .ul .li .a::before{ background:#f5f5f5;}
.lits01 .ul .li .a:hover::before{ height:100%; background:url(img/por0.jpg) top center no-repeat #00ab5d; background-size:cover;}
.lits01 .ul .li .a:hover .tit{ color: #fff;}
.lits01 .ul .li .a:hover .tit::after{background: url(img/_right-small-up1.svg) left center no-repeat;}
.lits01-1{ padding-top:0.35rem;}
.lits01-1 .ul{ display: block;}
.lits01-1 .slick-dots{ margin-top:25px;}
.lits01-1 .slick-arrow{ top:-0.6rem;background: url(img/ico5.2.png) center no-repeat;}
.lits01-1 .slick-prev{left:auto;right:0.65rem;}
.lits01-1 .slick-next{right:0.15rem; }
.lits01-2 .ul{ display: block;}
.lits01-2{ padding-top:26px;}
.lits01-2 .slick-dots{ margin-top:15px;}
.lits01-2 .ul .li{ width:33.33%;}


@media  screen and (max-width:1024px){
.lits01 .ul{width:calc(100% + 14px); margin:0 -7px;}
.lits01 .ul .li{  padding:7px; }
.lits01 .ul .li .a{ padding:15px 14px;}
.lits01 .ul .li .tit{ margin-top:10px;}
.lits01-1{ padding-top:22px;}
.lits01-1 .slick-arrow{ top:-33px;}
.lits01-1 .slick-dots{ margin-top:20px;}
.lits01-1 .slick-prev{left:auto;right:41px;}
.lits01-1 .slick-next{right:7px; }
.lits01-2{ padding-top:22px;}
}
@media  screen and (max-width:767px){
.lits01 .ul .li{ width: 50%;}
}

.askinput{width: 100%; padding-top: 27px; }
.askinput .input{width: 100%; display: flex; align-items: center; justify-content: space-between; border-radius: 10px;overflow: hidden; background:#e3e3e3;}
.askinput .input input{width: 100%;height:49px; line-height:29px; padding:10px 16px; display: block;font-size: 14px;color: #333;}
.askinput .input input::placeholder{color:#999; opacity:1 !important;}
.askinput .input img{width:24px; min-width:24px;display: block; padding:3px; margin-right: 16px; cursor: pointer;}
@media  screen and (max-width:1024px){
.askinput{ padding-top: 25px; }
.askinput .input input{height:40px; line-height:24px; padding:8px 14px;}
.askinput .input img{ margin-right: 11px;}
}


.lits02{ display: block; width: 100%; padding: 10px 0 0.6rem 0;}
.lits02 .ul{display: block; width: 100%;}
.lits02 .ul .li{ display:flex; position: relative; flex-wrap: wrap; margin-top: 20px; width:100%; border-radius:10px; background: #fff; padding:0 0.32rem;}
.lits02 .ul .li .ico{display: block; position: absolute; right:0.32rem; top:0.19rem; z-index:6;color: #666666;font-size:14px; line-height: calc(22px + 0.14rem); padding-right: 21px; cursor: pointer;}
.lits02 .ul .li .ico::after{ display: block; content:''; position: absolute; right: 2px; top:50%; border-bottom: 2px solid #00ab5d; border-right: 2px solid #00ab5d; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); margin-top: -2px;}
.lits02 .ul .li .tit{ display: flex; position:relative; cursor:pointer; width:90%;color: #333;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.14rem); margin:0.19rem 0; padding:0 0 0 35px;}
.lits02 .ul .li .line{ display:none; width:75%; background: #00ab5d; height:1px; margin:2px 0 0.24rem 0;}
.lits02 .ul .li .donw{ display: none; position: relative; width:75%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem); padding:0 0 0.45rem 35px;}
.lits02 .ul .li .da{display: block; position: absolute; left:0; top:0; z-index:6;}
.lits02 .ul .li.on .ico{ color:#00ab5d;}
.lits02 .ul .li.on .ico::after{transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); margin-top: 2px;}
.lits02 .ul .li.on .tit{ color:#00ab5d;}
.lits02 .ul .li.on .line{display:flex;}

@media  screen and (max-width:1024px){
.lits02{ padding: 10px 0 30px 0;}	
.lits02 .ul .li{ margin-top:14px; padding:0 14px;}	
.lits02 .ul .li .tit{ width:100%; margin:14px 0; padding:0 60px 0 30px;}
.lits02 .ul .li .ico{ right:14px; top:14px; padding-right:19px;}
.lits02 .ul .li .ico::after{ width:8px; height: 8px;}
.lits02 .ul .li .line{ width:100%; margin:2px 0 20px 0; }
.lits02 .ul .li .donw{  width:100%; padding:0 0 25px 30px;}
}


.lits03{ display: block; width: 100%; padding:19px 0  0.47rem 0;}
.lits03 .ul{ cursor: pointer; display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.lits03 .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap; padding:0.1rem; width:33.33%;}
.lits03 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; height: 100%; position: relative; border-radius:8px; padding:0.2rem 0.2rem; align-content: flex-start; overflow: hidden; background: #fff;}
.lits03 .ul .li .tit{ width:100%;color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 0.08rem;}
.lits03 .ul .li .p{ width:100%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); height: calc(44px + 0.12rem); margin-top: 0.14rem;}
.lits03 .ul .li .cont{ width:100%;color: #333;font-size:14px; line-height:24px; margin-top: 0.25rem}
.lits03 .ul .li .ifno{ display:inline-flex; flex-wrap: wrap; width:100%;color: #666;font-size:14px; line-height:24px; margin-top: 0.12rem;}
.lits03 .ul .li .s{ width:44%; padding:1px 14px 1px 14px; position: relative; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.lits03 .ul .li .s::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #00ab5d; border-radius: 50%; margin-top: -2px;}
.lits03 .ul .li .s:hover{color: #00ab5d; text-decoration: underline;}
.lits03 .ul .li .line{display: block; width:100%; height:1px; background: #e2e2e2; position: relative; margin-top: 0.22rem; }
.lits03 .ul .li .line::after{display: block; position: absolute; left:0; bottom:0; z-index:1; content:''; height:1px;width:0; background:#00ab5d;}
.lits03 .ul .li .a:hover .line::after{width: 100%;}
.lits03 .ul .li ._img{ margin-top: 0.25rem; padding-bottom:59.15%; border-radius:8px;} 


@media  screen and (max-width:1440px){
.lits03 .ul .li .s{ width:50%; padding:1px 10px 1px 10px;}	
}	
@media  screen and (max-width:1024px){
.lits03 .ul{width:calc(100% + 14px); margin:0 -7px;}
.lits03 .ul .li{  padding:7px; }
.lits03 .ul .li .a{ padding:14px;}
.lits03 .ul .li .tit{ margin-top:4px;}
.lits03 .ul .li .p{ margin-top:6px;}
.lits03 .ul .li .line{ margin-top:14px;}
.lits03 .ul .li .cont{ margin-top:15px;}
.lits03 .ul .li ._img{ margin-top:15px;}
.lits03 .ul .li .s{ width:100%;}	
}
@media  screen and (max-width:767px){
.lits03 .ul .li{ width: 100%;}
.lits03 .ul .li .s{ width:50%;}	
}



.lits04{ display: block; width: 100%; padding:19px 0  0.47rem 0;}
.lits04 .u2{ display:block; width: 100%;}
.lits04 .u2 .li{ display:block; width: 100%; border-bottom: 1px solid #e7e7e7;}
.lits04 .u2 .a{ display:flex; align-items: flex-start; width: 100%; padding:0.5rem 0; position: relative;}
.lits04 .u2 .a::after{ display:block; content:''; position: absolute; bottom:-1px; left:0; height:1px; background:#00ab5d; width: 0;}
.lits04 .u2 .a .time{ width: 100%; color: #b0b0b0;font-size:14px; line-height: 22px; margin-top:0.14rem;}
.lits04 .u2 .a .tit{ width: 100%; color: #333;font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); margin-top: 0.06rem;}
.lits04 .u2 .a .p{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.1rem); height:calc(44px + 0.2rem); margin-top: 0.24rem; overflow: hidden;}
.lits04 .u2 .a .ico{ display:block; height:24px; background: url(img/_right-small-up.svg) left center no-repeat; background-size:auto 100% !important; width:24px; margin-left: -5px; margin-top: 0.26rem;}
.lits04 .u2 .a .pic{ display:block; width:4.58rem; min-width:4.58rem; overflow: hidden; border-radius: 10px; margin-right: 0.4rem;}
.lits04 .u2 .a ._img{ padding-bottom:67.68%;}
.lits04 .u2 .a .cont{width: 100%;}
.lits04 .u2 .a .btn{ display:inline-flex; align-items: center; color: #00ab5d; font-size:14px; line-height:1; height: 47px; border:2px solid #00ab5d; border-radius: 0 18px 0 18px; padding:0 15px 0 19px; margin-top: 0.72rem}
.lits04 .u2 .a .btn i{ display: block; width:24px; height:24px; margin-left:30px; background: url(img/_right-small-up2.svg) center no-repeat; background-size: 100% auto !important;}
.lits04 .u2 .a:hover .btn{ color: #fff; background: #00ab5d;}
.lits04 .u2 .a:hover .btn i{background: url(img/_right-small-up1.svg) center no-repeat;}
.lits04 .u2 .a:hover .ico{ background: url(img/_right-small-up2.svg) left center no-repeat;}
.lits04 .u2 .a:hover::after{ width: 100%;}

@media screen and (max-width:1600px) {
.lits04 .u2 .a .btn{ margin-top: 0.62rem}
}
@media screen and (max-width:1440px) {
.lits04 .u2 .a .p{ margin-top: 0.14rem}	
.lits04 .u2 .a .btn{ margin-top: 0.42rem}
}
@media screen and (max-width:1024px) {
.lits04{padding: 10px 0 30px 0;}	
.lits04 .u2 .a{padding:20px 0;}	
.lits04 .u2 .a .btn{height:36px;margin-right:14px; border-radius: 0 16px 0 16px; padding: 0 15px; font-size: 14px; margin-top:15px}
.lits04 .u2 .a .btn i{width: 18px; height:18px; margin-left:8px;}
.lits04 .u2 .a .tit{ margin-top: 6px;}
.lits04 .u2 .a .p{ font-size:14px; line-height:24px; height:48px; margin-top: 4px;}
.lits04 .u2 .a .pic{ width:260px; min-width:260px; margin-right:14px;}
}
@media screen and (max-width:767px) {
.lits04 .u2 .a{ flex-wrap: wrap;}
.lits04 .u2 .a .pic{ width:100%; min-width:100%; margin:0;}
.lits04 .u2 .a .time{ margin-top:15px;}
}



.bd_weixin_popup{ box-sizing:content-box;}

.history{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; margin-top: -5px; padding:0 0 1.1rem 0;}
.history .left{ display: block; width: 30%; position: sticky; top:70px;}
.history .right{ display: block; width: 60.6%; position: relative;}
.history .right::after{ display: block; content: ''; position: absolute; left: 7px; top:0; z-index: 1; width: 1px; height: 100%; border: 1px dashed #c5c5c5;}
.history .right::before{ display: block; content: ''; position: absolute; left: 0; top:0; z-index: 2; width:30px; height:50px;
  background: linear-gradient(to top, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 1) 50%);
}
.history .sect{ position: relative; z-index: 6; display: block; width: 100%; padding:51px 0 0 0;}
.history .sect .top{ display: block; width: 100%; position: relative; padding:0 0 0 128px;}
.history .sect .ico{ display: block; width:112px; height:1px; background: #00ab5d; position: absolute; left:16px; top:50%;}
.history .sect .ico::after{ display: block; content:''; width:8px; height:8px; background: #00ab5d; border-radius: 50%; position: absolute; right:100%; top:-4px; margin-right: 4px;}
.history .sect .ico::before{ display: block; content:''; width:16px; height:16px; border:1px dashed #00ab5d; border-radius: 50%; position: absolute; right:100%; top:-8px;}
.history .sect .nian{ display: inline-flex; border-radius:20px 20px 20px 0; color: #fff;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.1rem); padding:5px 0.3rem 5px 0.27rem; background:#00ab5d; }
.history .sect .down{ display: block; width: 100%; position: relative; padding:0 0 0 128px; margin-top:29px;}
.history .sect .cont{ background: #fff; display: block; width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); padding:0.19rem 0.49rem; position: relative; border-radius: 0 8px 8px 8px;}
.history .sect .cont::after{ display: block; content: ''; position: absolute; left: 0; bottom: 100%; width: 20px; height: 11px;background: url(img/ico7.png) left bottom no-repeat; background-size:auto 100%;}
.history .sect .p{ display: block; width: 100%; padding:0.15rem 0; }
.history .years{ display: block; width: 100%; padding:50px 0 70px 0; position: relative;}
.history .years::after,
.history .years::before{ display: block; content:''; position: absolute; left:0; width:1.09rem; height:70px; background-size:1.09rem 70px !important;}
.history .years::after{ top:0;background: url(img/ab1.1.png) left bottom no-repeat;
}
.history .years::before{ bottom:0;background: url(img/ab1.2.png) left top no-repeat;
}
.yearNav{display: block; width: 100%; position: relative;}
.yearNav::after,
.yearNav::before{ display: block; content:''; position: absolute; left:0; width:100%; height:50px; background-size:1.09rem 70px !important;}
.yearNav::after{background: url(img/ab1.png) left bottom no-repeat; top:0;}
.yearNav::before{background: url(img/ab1.png) left top no-repeat; bottom:0;}
.yearNav .u1{display: block; width: 100%;;}
.yearNav .l1{display: block; width: 100%; position: relative;}
.yearNav .l1 a{display: block; width: 100%; position: relative; color: #c0c0c0; font-size:30px; line-height:50px; padding:10px 0 10px 1.36rem;background: url(img/ab1.png) left center no-repeat; background-size:1.09rem 70px !important;}
.yearNav .l1 a.active{ color: #00ab5d;background: url(img/ab2.png) left center no-repeat;}


@media screen and (max-width:1024px) {
.history{ margin-top:0;padding:10px 0 40px 0;}	
.history .left{ z-index: 110;top:0; margin:0 -16px; width:calc(100% + 32px);background: #f5f5f5;}
.history .left.active{ z-index:14;}
.history .years{ padding: 0;}
.history .right{ width: 100%;}
.history .sect{padding:30px 0 0 0;}
.history .sect .down{padding: 0 0 0 32px;}
.history .sect .top{padding: 0 0 0 32px;}
.history .sect .nian{ padding:5px 16px 5px 16px;}
.history .sect .ico{ width:18px;}
.history .sect .cont{ padding: 20px 14px;}
.yearNav::after,
.yearNav::before{ display: none;}
.history .years::after,
.history .years::before{ display: none;}
.yearNav .u1{ display: flex;}
.yearNav .l1{ width:12.5%;}
.yearNav .l1 a{ text-align: center; font-size:15px; padding:5px 0 1.1rem 0;background: url(img/ab1.3.png) bottom center no-repeat; background-size:100% auto !important;}
.yearNav .l1 a.active{ color: #00ab5d;background: url(img/ab1.4.png) bottom center no-repeat;}

}



.Contact ._Title1{ padding-top:38px;}
.Contact .box{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between; margin-top:0.35rem;}
.Contact .addr{ display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; background:#fff; border-radius: 10px; width:49.18%; margin-top: 15px; padding:0.36rem 0.35rem;}
.Contact .addr .pic{ width:51.9%; display: block; line-height: 0;}
.Contact .addr ._img{ border-radius: 10px; overflow: hidden;}
.Contact .addr ._img{ padding-bottom: 115.24%;}
.Contact .addr .ico{ display: block; line-height: 0;}
.Contact .addr .ico img{ height:0.8rem;}
.Contact .addr .cont{ display: block; width:42.5%;}
.Contact .addr .tit{ width:100%; color: #333;font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.06rem); position: relative; padding:0.34rem 0 0.25rem 0;}
.Contact .addr .tit::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; background: #00ab5d; width:44px; height: 3px;}
.Contact .addr .info{ display:block; width: 100%; padding:0.26rem 0 0 0; }
.Contact .addr .p{ display:flex; width: 100%; margin-top:4px; color: #666; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); word-break: break-all;}
.Contact .addr .p .s{ white-space: nowrap;}

@media screen and (max-width:1440px) {
.Contact .addr{padding: 0.32rem 0.32rem;}	
.Contact .addr .cont{width: 43.5%;}
.Contact .addr .tit{font-size: calc(14px + 0.08rem); line-height: calc(22px + 0.04rem);padding: 0.3rem 0 0.2rem 0;}
.Contact .addr .p{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.Contact .addr{ width:100%;}
}
@media screen and (max-width:767px) {
.Contact .addr{padding:15px 15px;}	
.Contact .addr .pic{ width:100%;}
.Contact .addr .cont{ width:100%;padding:20px 0 10px 0; }
.Contact .addr .tit{padding:0 0 15px 0;}
.Contact .addr .info{ padding:15px 0 0 0; }
}



.Contact2{ position: relative; overflow: hidden;}
.Contact2 .box{ display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; width:100%;}
.Contact2 .box::after{ content:''; display: block; position: absolute; right:66.9%; top:0; width:2000px; height:100%; background: url(img/ico18.png) right top no-repeat; background-size:auto 94.9%;}
.Contact2 .box::before{ content:''; display: block; position: absolute; right:66.9%; top:0; width:2000px; height:100%; background:#00ab5d;}
.Contact2 .left{ display: block; width:33.1%; padding:0.85rem 0.6rem 0.85rem 0;}
.Contact2 .left .info{ display:block; color: #fff; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); margin-top:0.6rem; }
.Contact2 .left .p{ display:block; color: #fff;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.14rem); padding:0.27rem 0 0.4rem 0; background: url(img/ico19.png) right bottom no-repeat; background-size:0.39rem auto !important;}
.Contact2 .left .ico{ display:block; line-height:0; margin-top:0.63rem;}
.Contact2 .left .ico  img{ height:0.81rem;}
.Contact2 .left ._Title1{ color: #fff;}

@media screen and (max-width:1024px) {
.Contact2{ padding:0;}	
.Contact2 .box::after{ display:none;}	
.Contact2 .box::before{display:none;}
.Contact2 .left{ width:100%; background: url(img/ico18.png) right top no-repeat #00ab5d; background-size:auto 94.9%; padding:40px 15px;}
.Contact2 .left .info{ font-size:16px; line-height:26px; margin-top:25px; }
.Contact2 .left .p{font-size:14px; line-height:24px; padding:20px 0 30px 0;  background-size:20px auto !important;}
.Contact2 .left .ico{ margin-top:30px;}
.Contact2 .left .ico  img{ height:40px;}
}


._form3{ width:63.75%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:0.8rem 0 0.83rem 0;}
._form3 .lab{ width:48.5%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.29rem; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.02rem); padding-bottom:0.13rem;}
._form3 .name span{ color: #ff2525;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:56px; padding:20px 19px; border-radius: 3px;}
._form3 .text:focus{ background: #f5f5f5;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:151px; padding:15px 19px;border-radius: 3px;}
._form3 .textarea:focus{ background: #f5f5f5;}
._form3 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width: 136px;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:56px; padding-bottom: 1px; background: #00ab5d; border:1px solid #00ab5d; border-radius:3px;}
._form3 .submit:hover{ background: #fff; color: #00ab5d;}
._form3 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px; padding-top: 3px; }
._form3 .lab1 span{ color: #ff2525;}

._form3 input::placeholder{color:#bbb9b9; opacity:1 !important;}
._form3 textarea::placeholder{color:#bbb9b9; opacity:1 !important;}

@media screen and (max-width:1024px) {
._form3{ width:100%; padding:30px 15px 30px 15px;}
._form3 .lab{ margin-bottom: 14px;}
._form3 .name{  font-size:14px;padding-bottom: 6px;}
._form3 .text{ font-size:14px; height:40px; padding:7px 12px;}
._form3 .textarea{ font-size:14px; padding:7px 12px;}
._form3 .submit{ height:40px;}
}


.wenhua .box{ display: block; width: 100%; padding-top: 25px;}
.wenhua .ul{ display: flex; width: calc(100% + 0.2rem); margin:-0.1rem;}
.wenhua .ul .li{ display: flex; flex-wrap: wrap;width:26.8%; padding:0.1rem;}
.wenhua .ul .la{ display: flex; flex-wrap: wrap;width:100%; overflow: hidden; border-radius: 10px; background: #fff;}
.wenhua .ul .la .cont{ position: relative; z-index: 6; display:flex; align-content: center; flex-wrap: wrap; width:100%; height:1.34rem; padding:0.15rem 0.3rem; position: relative;}
.wenhua .ul .la .pic{ display:block;width:100%; height:5.04rem;}
.wenhua .ul .la .tit{ display:block;width:100%; color: #333; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); padding-right: 0.66rem; }
.wenhua .ul .la .p{ display:none; color: #666;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding-right: 0.66rem;}
.wenhua .ul .la .ico{ display:block; line-height:0; position: absolute; right:0.3rem; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.wenhua .ul .la .ico  img{ width:0.54rem; height:0.54rem;}
.wenhua .ul .la .ico  .img1{ display:block; }
.wenhua .ul .la .ico  .img2{ display:none; }
.wenhua .ul .on{width:46.4%;} 
.wenhua .ul .on .la{background: #00ab5d;} 
.wenhua .ul .on .la .tit{ color: #fff;} 
.wenhua .ul .on .la .p{ color: #fff; display: block; margin-top:0.06rem;} 
.wenhua .ul .on .la .ico  .img1{ display:none; }
.wenhua .ul .on .la .ico  .img2{ display:block; }

@media screen and (max-width:1024px) {
.wenhua .ul{ width: calc(100% + 14px); margin:-7px;}
.wenhua .ul .li{ padding:7px;}	
.wenhua .ul .la .cont{ height:80px; padding:10px 14px;}	
.wenhua .ul .la .tit{ font-size:16px; height:26px; padding-right:34px;}
.wenhua .ul .la .p{ font-size:14px; height:24px; padding-right:34px;}
.wenhua .ul .la .ico  img{ width:30px; height:30px;}
.wenhua .ul .la .ico{ right:14px;}
}
@media screen and (max-width:767px) {
.wenhua .ul{ flex-wrap: wrap;}	
.wenhua .ul .li{ width: 100%;}
.wenhua .ul .la .pic{ height: auto; padding-bottom: 68.06%;}
.wenhua .ul .la .p{ display:block; margin-top:3px;}
.wenhua .ul .la .cont{ height: auto; padding:14px 14px;}
.wenhua .ul .on{width:100%;} 
.wenhua .ul .on .la .p{ margin-top:3px;} 
}


.about1{ display: block; width: 100%; padding-top: 30px; }
.about1 .box{ display: flex; flex-wrap: wrap; width: 100%; overflow: hidden; border-radius: 10px; background: #fff; }
.about1 .right{ display: flex; flex-wrap: wrap; width: 50%;}
.about1 ._img{  padding-bottom:61.2%;}
.about1 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width: 50%; position: relative; padding:0.5rem 0.62rem 0.6rem 0.54rem;}
.about1 .left .ico{  display: block; position:absolute; bottom: 0.6rem; right:0.62rem; z-index: 6; line-height: 0; width:0.76rem;}
.about1 .left .line{ display:block;width:100%; height: 1px; background: #00ab5d; margin-top:0.26rem;}
.about1 .left .tit{ display:block;width:100%; color: #333; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.2rem);}
.about1 .left .info{ display:block;width:100%; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding-top:0.15rem; padding-right: 0.9rem; }
.about1 .left .p{ display:block; padding-left:17px; position: relative; margin-top: 0.14rem;}
.about1 .left .p::after{ display: block; content: ''; position: absolute; left: 0; top:calc(8px + 0.03rem); width: 6px; height: 6px; border-radius: 50%; border: 1px solid #00ab5d;}

@media screen and (max-width:1024px) {
.about1 .left{ width: 100%; padding:25px 15px 25px 15px;}
.about1 .right{ width: 100%;}
.about1 .left .info{ padding: 15px 40px 0 0;}
.about1 .left .p{ margin-top: 7px;}
.about1 .left .line{ margin-top: 14px;}
.about1 .left .ico{ bottom:25px; right:15px; width:46px;  }
}

.rongyu{ display: block; width: calc(100% + 0.3rem); margin:0 -0.15rem; position: relative; padding:0.5rem 0 0 0;}
.rongyu .ul{display: block; width: 100%;}
.rongyu .ul .li{ display: flex; flex-wrap: wrap;width:26.8%; padding:0 0.15rem;}
.rongyu .ul .la{ display: flex; flex-wrap: wrap; width:100%; overflow: hidden; border-radius: 10px; background: #f5f5f5; padding:0.2rem 0.2rem 0.36rem 0.2rem;}
.rongyu .ul .la ._img{ padding-bottom: 121.47%; object-fit: contain;}
.rongyu .ul .la .p{ display:block;width:100%; text-align: center; color: #484848; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top: 8px; }
.rongyu .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.rongyu .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.rongyu .swiper-prev,
.rongyu .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:0.15rem; bottom:100%; z-index: 10; background: url(img/ico5.2.png) center no-repeat; background-size:auto 100% !important; }
.rongyu .swiper-prev{ margin-right:0.5rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.rongyu .swiper-prev:hover,
.rongyu .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.rongyu .swiper-pagination{ cursor: pointer; line-height:0.4rem; display:block;position: absolute;right:1.25rem;bottom:100%; z-index: 10; color: #a8a8a8;font-size:19px; }
.rongyu .swiper-pagination-current{font-size: 24px; color: #00ab5d;}
.rongyu .swiper-pagination-total{font-size: 14px; color: #666666;}

@media screen and (max-width:1024px) {
.rongyu{ width: calc(100% + 14px); margin:0 -7px;}
.rongyu .ul .li{ padding:7px;}	
.rongyu .ul .la{ padding:20px 14px;}
.rongyu .swiper-prev,
.rongyu .swiper-next{ width:24px; height:24px; right: 7px;}
.rongyu .swiper-prev{ margin-right:34px;}
.rongyu .swiper-pagination{ right:80px; line-height:24px;font-size:16px; }
.rongyu .swiper-pagination-current{font-size:20px;}
.rongyu .swiper-pagination-total{font-size: 14px;}
}
@media screen and (max-width:767px) {
.rongyu .ul .li{ width: 50%;}


}


.rongyu1{ display: block; width: 100%; border-radius: 10px; background: #f5f5f5; margin:0.46rem 0 0 0;}
.rongyu1 .ul{display: block; width: calc(100% + 0.4rem); margin:0 -0.2rem;}
.rongyu1 .ul .li{ display: flex; flex-wrap: wrap;width:14.28%; padding:0 0.2rem;}
.rongyu1 .ul .la{ display: flex; flex-wrap: wrap; justify-content: center; width:100%;  padding:0.3rem 0 0.27rem 0;}
.rongyu1 .ul .la .cover{ display: block; line-height: 0;}
.rongyu1 .ul .la .cover img{ height:0.97rem;}
.rongyu1 .ul .la .p{ display:block;width:100%; text-align: center; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:15px; }


@media screen and (max-width:1024px) {
.rongyu1 .ul{ width:100%; margin:0;}
.rongyu1 .ul .li{ padding:0 7px;}	
.rongyu1 .ul .la{ padding:20px 0;} 
.rongyu1 .ul .la .cover img{ height:66px;}
.rongyu1 .ul .la .p{ margin-top:10px;}
.rongyu1 .slick-dots{ padding:0 0 20px 0;}
.rongyu1 .slick-dots li{ background: #fff;}
}
@media screen and (max-width:767px) {
.rongyu1 .ul .li{ width: 33.33%;}

}


.about3{ display: block; width: 100%; padding-top:0.5rem; }
.about3 .box{ display: flex; width: 100%; position: relative; }
.about3 .box::after{ display: block; content: ''; position: absolute; right:-0.3rem; bottom:-0.3rem; width:1.02rem; height: 1.02rem; border-radius:10px; background:#00ab5d;}
.about3 .right{ display: flex; flex-wrap: wrap; width: 65.9%; margin-bottom: 0.59rem;}
.about3 ._img{  padding-bottom:48.28%; border-radius: 10px;overflow: hidden;}
.about3 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width:53.8%; border-radius: 10px; position: relative; z-index: 6; padding:0.65rem 0.76rem 1.3rem 0.62rem; background: #f5f5f5;margin-top: 0.59rem; margin-left: -19.7%;}
.about3 .left .ico{  display: block; position:absolute; bottom: 0.66rem; right:0.76rem; z-index: 6; line-height: 0; width:0.54rem;}
.about3 .left .line{ display:block;width:53px; height: 5px; border-radius: 5px; background: #00ab5d; margin-top:0.28rem;}
.about3 .left .tit{ display:block;width:100%; color: #00ab5d; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.16rem);}
.about3 .left .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.27rem; }
.about3 .left .p{ display:block;width:100%; margin-top: 0.1rem;}


@media screen and (max-width:1024px) {
.about3{ padding-top: 30px;}		
.about3 .box{ flex-wrap: wrap;}	
.about3 .left{ width: 100%; margin:0; padding:25px 16px 50px 16px; border-radius:0 0 10px 10px;}
.about3 .right{ width: 100%; margin:0;}
.about3 ._img{ border-radius: 10px 10px 0 0;}
.about3 .left .line{margin-top: 12px;width:40px;
height:3px;}
.about3 .left .info{ padding:10px 0 0 0;}
.about3 .left .p{ margin-top: 6px;}
.about3 .left .ico{ bottom:20px; right: 15px; width:34px;}
.about3 .box::after{ left:-8px; bottom:-8px; width:50px; height:50px;}
}


.about4{ display: block; width: 100%; padding-top:0.5rem; }
.about4 .box{ display: flex; width: 100%; position: relative; flex-direction: row-reverse; }
.about4 .box::after{ display: block; content: ''; position: absolute; left:-0.3rem; bottom:-0.3rem; width:1.02rem; height: 1.02rem; border-radius:10px; background:#00ab5d;}
.about4 .right{ display: flex; flex-wrap: wrap; width: 65.9%; margin-bottom: 0.59rem;}
.about4 ._img{  padding-bottom:48.28%; border-radius: 10px;overflow: hidden;}
.about4 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width:53.8%; border-radius: 10px; position: relative; z-index: 6; padding:0.65rem 0.66rem 1.3rem 0.62rem; background: #fff;margin-top: 0.59rem; margin-right: -19.7%;}
.about4 .left .ico{  display: block; position:absolute; bottom: 0.66rem; right:0.76rem; z-index: 6; line-height: 0; width:0.54rem;}
.about4 .left .line{ display:block;width:53px; height: 5px; border-radius: 5px; background: #00ab5d; margin-top:0.28rem;}
.about4 .left .tit{ display:block;width:100%; color: #00ab5d; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.16rem);}
.about4 .left .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.27rem; }
.about4 .left .p{ display:block;width:100%; margin-top: 0.1rem;}


@media screen and (max-width:1024px) {
.about4{ padding-top: 30px;}	
.about4 .box{ flex-wrap: wrap;}	
.about4 .left{ width: 100%; margin:0; padding:25px 16px 50px 16px; border-radius:0 0 10px 10px;}
.about4 .right{ width: 100%; margin:0;}
.about4 ._img{ border-radius: 10px 10px 0 0;}
.about4 .left .line{margin-top: 12px;width:40px;
height:3px;}
.about4 .left .info{ padding:10px 0 0 0;}
.about4 .left .p{ margin-top: 6px;}
.about4 .left .ico{ bottom:20px; right: 15px; width:34px;}
.about4 .box::after{ left:-8px; bottom:-8px; width:50px; height:50px;}

}


.about5 .sect{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; padding-top: 56px;}
.about5 .left{ width: 38.43%;}
.about5 .right{ width: 58.25%; display: flex; flex-wrap: wrap; justify-content:space-between;}	
.about5 .box1{ width:100%; display:flex; flex-wrap: wrap; padding-top:0.2rem; }
.about5 .box1 .li{ display: flex; flex-wrap: wrap; flex-direction: column; padding-top:0.51rem; white-space: nowrap; min-width:40%;}
.about5 .box1 .num{ font-size:0.6rem; line-height:1; color: #00ab5d; font-weight: bold; margin-right:3px;}
.about5 .box1 .dw{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); color: #666;}
.about5 .box1 .txt1{ display: flex; align-items:flex-end;}
.about5 .box1 .txt2{color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem); margin-top: 1px;}
.about5 .cont{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.4rem;  }
.about5 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-top:0.2rem;  }
.about5 .p{ display:block; padding-left:16px; position: relative; margin-top: 0.1rem;}
.about5 .p::after{ display: block; content: ''; position: absolute; left: 0; top:calc(8px + 0.02rem); width: 6px; height: 6px; border-radius: 50%; border: 1px solid #00ab5d;}
.about5 .pic1{ display: block; width: 100%; line-height: 0; overflow: hidden; border-radius: 1.5rem 0 1.5rem 1.5rem;}
.about5 .pic2{ display: block; width: 100%; line-height: 0; overflow: hidden; border-radius:0 1.3rem 1.3rem 1.3rem;}
.about5 .l1{ display: block; width: 36.26%; }
.about5 .l2{ display: flex; flex-wrap: wrap; align-content: space-between; width: 59.54%; }
.about5 .tit{ display: inline-flex; position: relative; color: #333;font-size:0.36rem; line-height:0.46rem; margin-top: 0.1rem; padding: 0 8px;}
.about5 .tit::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.14rem; border-radius: 0.14rem; z-index: 1; background: #00ab5d;}
.about5 .tit .s{ display: inline-flex; position: relative; z-index: 6;}

@media screen and (max-width:1440px) {
.about5 .tit{ margin-top: 0;}	
.about5 .box1{ padding-top:0.1rem; }
.about5 .box1 .li{padding-top:0.31rem;}
.about5 .cont{ line-height:calc(22px + 0.04rem); padding-top:0.3rem;  }
}
@media screen and (max-width:1024px) {
.about5 .sect{ padding-top: 30px;}	
.about5 .left{ width: 100%;}
.about5 .right{ width: 100%; margin-top: 30px;}	
.about5 .box1{  width: 100%; flex-direction: row;  justify-content: space-between;}
.about5 .box1 .num{ font-size:24px;}
.about5 .info{ margin-top: 15px;}
.about5 .p{ margin-top: 5px;}
.about5 .tit{ font-size: 18px; line-height: 28px;}
.about5 .tit::after{ height: 7px; border-radius:7px;}
.about5 .cont{ padding-top: 20px; text-align: justify;}
.about5 .box1{ padding-top:10px; }
.about5 .box1 .li{padding-top:16px; min-width:auto;}
}
@media screen and (max-width:767px) {
.about5 .l1{ width: 41.26%;}
.about5 .l2{ width: 55.54%;}
.about5 .info{ font-size: 12px; line-height:20px; margin-top: 10px;}
.about5 .p{ margin-top:3px; padding-left: 14px;}
.about5 .p::after{ top:7px}
}



.yingy1{ display: block; width: 100%; padding-top:28px; }
.yingy1 .box{ display: flex; width: 100%; position: relative; align-items: flex-start; flex-direction: row-reverse; }
.yingy1 .right{ display: block; width: 50%; margin-top: 0.7rem; position: relative; z-index: 6; }
.yingy1 .right::after{ display: block; content: ''; position: absolute; right:-0.3rem; bottom:-0.3rem; width:1.02rem; height: 1.02rem; border-radius:10px; background:#00ab5d;}
.yingy1 .slick-list{ z-index: 6;}
.yingy1 .pic{ display: block; width: 100%; position: relative; background: #000; border-radius: 10px;overflow: hidden;}
.yingy1 .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.54rem; height: 0.54rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/paly1.png) center no-repeat; background-size:100% 100%  !important;}
.yingy1 ._img{  padding-bottom:64.5%; opacity: 0.79;}
.yingy1 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width:69.6%; border-radius: 10px;padding:0.63rem 24.75% 0.9rem 0.6rem; background: #fff;margin-bottom: 0.7rem; margin-right: -19.6%; position: relative; z-index: 2;}
.yingy1 .left .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.26rem;}
.yingy1 .left .p{ display:block; padding-left:19px; position: relative; margin-top: 0.16rem;}
.yingy1 .left .p::after{ display: block; content: ''; position: absolute; left: 0; top:calc(6px + 0.06rem); width:10px; height: 10px; border-radius: 50%; border:2px solid #00ab5d;}
.yingy1 ._Title1{ line-height:0.54rem;}
.yingy1 .slick-dots{ position: absolute; left: 0; bottom: 0.32rem; z-index: 6;}
.yingy1 .slick-dots li{ background: #fff;}

@media screen and (max-width:1440px) {
.yingy1 .left{ width:69.6%;padding:0.45rem 22% 0.4rem 0.5rem;margin-bottom: 0.45rem; margin-right: -19.6%;}
.yingy1 .left .info{line-height:calc(22px + 0.04rem); padding-top:0.16rem;}
.yingy1 .left .p::after{top:calc(6px + 0.02rem);}
.yingy1 .right{ margin-top: 0.45rem; }
}
@media screen and (max-width:1024px) {
.yingy1 .box{ flex-wrap: wrap;}	
.yingy1 .box::after{ display: block; content: ''; position: absolute; right:-8px; bottom:-8px; width:50px; height:50px; border-radius:10px; background:#00ab5d;}
.yingy1 .left{ width: 100%; margin:0; padding:25px 16px 30px 16px; border-radius:0 0 10px 10px;}
.yingy1 .right{ width: 100%; margin:0;}
.yingy1 .right::after{ display: none;}
.yingy1 ._img{ border-radius: 10px 10px 0 0;}
.yingy1 .pic{ border-radius: 10px 10px 0 0;}
.yingy1 .paly{ width:34px; height:34px;}
.yingy1 .left .info{ padding-top:5px;}
.yingy1 .left .p{ margin-top: 8px;}
.yingy1 ._Title1{ line-height:30px;}
.yingy1 .slick-dots{ bottom:15px;}
}


.yingy3{ display: block; width: 100%; padding-top:0.35rem;}
.yingy3 .ul{ cursor: pointer; display:block; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.yingy3 .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap; padding:0.15rem; width:33.33%;}
.yingy3 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; height: 100%; position: relative; border-radius:8px; overflow: hidden; background:#ffff;}
.yingy3 .ul .li .pic{ display: block; width: 100%; position: relative; background: #000; overflow: hidden;}
.yingy3 .ul .li .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.53rem; height: 0.53rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/paly1.png) center no-repeat; background-size:100% 100%  !important;}
.yingy3 .ul .li ._img{  padding-bottom:64.9%; opacity: 0.7;}
.yingy3 .ul .li .tit{ z-index: 6; position:relative; width:100%;color: #666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); height: calc(44px + 0.12rem); padding:0 0.6rem 0 0.3rem; margin: 0.18rem 0; display:flex; align-items: center;}
.yingy3 .ul .li .tit::after{display: block; content:''; position: absolute; right:0.25rem; top:0; z-index: 6;
  height: 100%;width: 24px;
  background: url(img/_right-small-up2.svg) left center no-repeat;
    background-size: auto;
  background-size:24px auto !important;}
.yingy3 .ul .li .a:hover{ background:#00ab5d;}
.yingy3 .ul .li .a:hover .paly{background: url(img/paly2.png) center no-repeat; }
.yingy3 .ul .li .a:hover .tit{ color: #fff;}
.yingy3 .ul .li .a:hover .tit::after{background: url(img/_right-small-up1.svg) left center no-repeat;}
.yingy3 .slick-dots{ margin-top:25px;}
.yingy3 .slick-arrow{ top:-0.6rem;background: url(img/ico5.2.png) center no-repeat;}
.yingy3 .slick-prev{left:auto;right:0.65rem;}
.yingy3 .slick-next{right:0.15rem; }

@media  screen and (max-width:1024px){
.yingy3{ padding-top:22px;}	
.yingy3 .ul{width:calc(100% + 14px); margin:0 -7px;}
.yingy3 .ul .li{  padding:7px; }
.yingy3 .ul .li .tit{ margin:10px 0; padding:0 30px 0 14px; }
.yingy3 .ul .li .tit::after{ right:9px;}
.yingy3 .ul .li .paly{ width:34px; height:34px;}
.yingy3 .slick-arrow{ top:-33px;}
.yingy3 .slick-dots{ margin-top:20px;}
.yingy3 .slick-prev{left:auto;right:41px;}
.yingy3 .slick-next{right:7px; }
}

.yingyB2 ._Title1 { padding-bottom: 5px;}
.yingy2{ display: block; width: 100%; padding-top:37px;}
.yingy2 .title{ display: block; width: 100%;color: #333;font-size:calc(14px + 0.14rem); line-height: calc(24px + 0.1rem); position: relative; padding-left: 15px;}
.yingy2 .title::after{ display: block; content: ''; width: 3px; height: 24px; background: #00ab5d; position: absolute; left: 0; top:0.05rem}
.yingy2 .box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top:10px;}
.yingy2 .box .li{ display: flex; width: 49%; background: #f5f5f5; overflow: hidden; border-radius: 10px; margin-top:15px;}
.yingy2 .box .left{ display: block; overflow: hidden; min-width: 2.96rem; width: 2.96rem; line-height: 0;}
.yingy2 .box .right{ display: block; width: 100%; padding:0.38rem 0.3rem 0.38rem 0.3rem; align-items:flex-start;}
.yingy2 .box .tit{ display: block; width: 100%;color: #00ab5d;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem);}
.yingy2 .box .info{ display: block; width: 100%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); margin-top: 0.14rem;}
.yingy2 .box ._img{  padding-bottom:96.62%; height: 100%;}

@media  screen and (max-width:1440px){
.yingy2 .box .info{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); margin-top: 0.1rem;}
}
@media  screen and (max-width:1024px){
.yingyB2 ._Title1 { padding-bottom: 0;}	
.yingy2{ padding-top:30px;}	
.yingy2 .box{ margin-top:5px;}
.yingy2 .box .li{flex-wrap: wrap;align-content: flex-start;}
.yingy2 .box .left{ min-width:100%; width:100%;}
.yingy2 .box .right{ width: 100%; padding:20px 15px;}
.yingy2 .box ._img{  padding-bottom:96.62%; height:auto;}
.yingy2 .box .info{ margin-top: 7px;}
}
@media  screen and (max-width:767px){
.yingy2 .box .li{ width:100%;}
}



.navR{ display: block; width:100%;}
.navR .title{ display: block; width:100%; background: #d6d5d5; padding:0.17rem 0.4rem; color: #333; line-height:calc(24px + 0.1rem); font-size:calc(14px + 0.08rem);}
.navR .slideR{ display: block; width:100%;}
.navR .slideR .wrap{ display: block; width:100%;}
.navR .slideR .u1{ display: block; width:100%; border:1px solid #dbdbdb; padding:0.26rem 0.4rem 0.59rem 0.4rem;}
.navR .slideR .u1 .l1{ display: block; width:100%;}
.navR .slideR .u1 .l1 a{ display: block; width:100%; color: #666; line-height:calc(24px + 0.1rem); font-size:calc(14px + 0.04rem); padding:0.15rem 20px 0.15rem 0; position: relative; border-bottom: 1px solid #dbdbdb;}
.navR .slideR .u1 .l1 a::after{ display: block; content:''; position: absolute; right: 2px; top:50%; border-top: 2px solid #cecece; border-right: 2px solid #cecece; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg);}
.navR .slideR .u1 .l1 a::before{ display: block; content:''; position: absolute; left:0; bottom:-1px; width: 0; height: 1px; background:#00ab5d;}
.navR .slideR .u1 .l1 a.active{color: #00ab5d; }
.navR .slideR .u1 .l1 a.active::after{ border-top: 2px solid #00ab5d; border-right: 2px solid #00ab5d;}
.navR .slideR .u1 .l1 a.active::before{ width: 100%;}

.newsbox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; margin-top: -5px; padding:30px 0 0.94rem 0; flex-direction: row-reverse;}
.newsbox .left{ display: block; width:27.3%; position: sticky; top:120px;}
.newsbox .right{ display: block; width:68.8%;}
.newsbox .sect{ display: block; width: 100%; padding-top:20px;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
.newsbox .sect0{ padding:0 0 10px 0;}
.newsbox .sect1{ padding:0;}
.newsbox .sect2{ padding:0.5rem 0 0 0;}
.newsbox .sect3{ padding:0.42rem 0 0 0;}
.newsbox .sect4{ padding:0.44rem 0 0 0;}
.newsbox .sect5{ padding:0.85rem 0 0 0;}
.newsbox .sect6{ padding:0.55rem 0 0 0;}
.newsbox .sect .title{ display: block; width: 100%; color: #231815;font-size:calc(14px + 0.16rem); line-height: calc(22px + 0.16rem);}
.newsbox .sect .title1{ display: block; width: 100%; color: #333;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); border-bottom: 1px solid #e9e9e9; padding-bottom:17px; position: relative;}
.newsbox .sect .title1::after{ display: block; content:''; width:102px; height: 3px; background: #00ab5d; position: absolute; left:0; bottom: -2px;}
.newsbox .sect .info{ display:flex; flex-wrap: wrap; width: 100%; color: #7a7a7a;font-size:14px; line-height: 24px; border-bottom: 1px solid #eaeaea; padding:26px 0;}
.newsbox .sect .s{ display: flex; align-items: center; margin-top: 8px;}
.newsbox .sect .s img{ width:24px; height:24px; margin-right:10px;}
.newsbox .sect .s:nth-child(1){ margin-right: 0.72rem;}
.newsbox .sect .s:nth-child(2){ margin-right: 0.56rem;}
.newsbox .sect .cont{ display: block; width: 100%; padding-top:20px;}
.newsbox .sect .mt20{ margin-top:20px;}
.newsbox .sect .p1{ display: block; width: 100%;margin-top:2px; position: relative; padding-left: 15px;}
.newsbox .sect .p1::after{ display: block; content:''; position: absolute; left: 0; top:calc(8px + 0.07rem); width: 4px; height: 4px; background: #00ab5d; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.newsbox .cont1{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding:54px 0 41px 0;}
.newsbox .zan{ display: flex;}
.newsbox .zan a{font-size:14px;line-height:50px;color: #666666; display: flex;align-items: center;justify-content: center; background:#e8e8e8; border-radius:35px; width:136px;}
.newsbox .zan a .i{ width:25px;height:25px;display:flex; background: url(img/good-two.png) center no-repeat; background-size:100% 100% !important; margin-right:11px;}
.newsbox .zan a.active{color:#00ab5d;}
.newsbox .zan a.active .i{background: url(img/good-two1.png) center no-repeat;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; align-items: center; padding:35px 0 0 0;border-top:1px solid #eaeaea;}
.newsbox ._page .la{ width: calc(100% - 140px);}
.newsbox ._page .la a{ width: 100%; color: #666; font-size:14px; line-height:28px; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsbox ._page .la a:hover{ color:#00ab5d;}
.newsbox .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 42px; border:1px solid #00ab5d;background: #00ab5d; border-radius:16px 0 16px 0; padding:0 18px; white-space: nowrap;}
.newsbox .btn i{ display: block; width:18px; height:18px; margin-right:10px; background: url(img/ico6.png) center no-repeat; background-size: 100% auto !important;}
.newsbox .btn:hover{ color: #00ab5d; background:none;}
.newsbox .btn:hover i{background: url(img/ico6.1.png) center no-repeat;}
.newsbox .bdshare{ display: flex; color: #666; font-size:calc(14px + 0.02rem); line-height: 35px;}
.newsbox .bdshare a{ width:35px !important; height: 35px !important; padding:0 !important; border: 1px solid #858585; border-radius: 50%; margin:0 0 0 0.2rem !important; background-size:100% auto !important;}
.newsbox .bdshare .bds_weixin{ margin:0 0 0 0.1rem !important;}
.newsbox .bdshare a:hover{ opacity: 1; border: 1px solid #00ab5d;}
.newsbox .left1{ display: block; width:22.8%; position: sticky; top:120px;}
.newsbox .right1{ display: block; width:73.3%;}
.newsbox .sect .cont38{ padding-top:28px;}
.newsbox .sect .cont40{ padding-top:30px;}
.newsbox .sect .cont23{ padding-top:23px;line-height: calc(22px + 0.08rem); display: flex;}
.newsbox .pic{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.newsbox .pic .l0{ display: block; width:48.3%; line-height: 0; margin-top: 22px;}
.newsbox1{ padding-bottom: 1.2rem;}
.newsbox ._Table{ margin-top: 24px;}


@media screen and (max-width:1024px) {
.newsbox{ margin-top: 0; padding:30px 0 40px 0;}	
.newsbox .left{ width: 100%; display:none;}
.newsbox .right{ width: 100%;}
.newsbox .btn{ font-size:14px; height:36px; border-radius:16px 0 16px 0; padding:0 15px;}
.newsbox .btn i{ width:16px; height:16px; margin-right:6px;}
.newsbox ._page{ padding:25px 0 0 0;}
.newsbox ._page .la{ width: calc(100% - 120px);}
.newsbox .cont1{ flex-direction: column; justify-content: center;padding:30px 0 30px 0;}
.newsbox .bdshare{ margin-top: 20px;}
.newsbox .bdshare a{ margin:0 0 0 10px !important;}
.newsbox .bdshare .bds_weixin{ margin:0 0 0 5px !important;}
.newsbox .sect2{ padding:25px 0 0 0;}
.newsbox .sect3{ padding:25px 0 0 0;}
.newsbox .sect4{ padding:25px 0 0 0;}
.newsbox .sect5{ padding:25px 0 0 0;}
.newsbox .sect6{ padding:25px 0 0 0;}
.newsbox .sect .title1{ padding-bottom: 13px;}
.newsbox .sect .info{padding:20px 0;}
.newsbox .left1{ width: 100%; display:none;}
.newsbox .right1{ width: 100%;}
.newsbox .sect .cont38{ padding-top:20px;}
.newsbox .sect .cont40{ padding-top:20px;}
}

@media screen and (max-width:767px) {
.newsbox .sect .s:nth-child(1){ width: 100%; margin-right: 0;}
.newsbox .sect .s:nth-child(2){ margin-right:20px;}
.newsbox .sect .s img{ width:20px; height:20px; margin-right:6px;}
.newsbox .sect .cont{overflow-y: auto;}

}



._form2{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:10px 0 0 0;}
._form2 .lab{ width:48.5%; position:relative; display: flex; overflow: hidden; background: #fff; border-radius:3px; margin-top: 30px; }
._form2 .w100{ width:100%;}
._form2 .text{ cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:58px; padding:16px 20px; border-radius:3px;}
._form2 .textarea{cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:130px; padding:16px 20px; border-radius:3px;}
._form2 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width: 106px;}
._form2 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.08rem); color: #fff; height:58px; padding-bottom: 1px;background:#00ab5d; border-radius:3px;}
._form2 .submit:hover{ background:none; color: #00ab5d;}


._form2 input::placeholder{color:#666; opacity:1 !important;}
._form2 textarea::placeholder{color:#666; opacity:1 !important;}

@media screen and (max-width:767px) {
._form2 .lab{ margin-top:15px; }
._form2 .text{ height:40px; padding:7px 12px;}
._form2 .textarea{ padding:7px 12px;}
._form2 .submit{ height:40px;}
}


.lits05{ display: block; width: 100%; padding-top: 10px;}
.lits05 .ul{ display: block;width: calc(100% + 0.38rem); margin:0 -0.19rem;}
.lits05 .ul .li{ display: block; width: 50%; padding:0.1rem 0.19rem;}
.lits05 .ul .li ._img{  padding-bottom:69.89%;}
.lits05 .slick-dots{ margin-top:20px;}

@media  screen and (max-width:1024px){
.lits05 .ul{width: calc(100% + 14px); margin:0 -7px;}
.lits05 .ul .li{ padding:7px 7px;}
.lits05 .slick-dots{ margin-top:15px;}
}




.lits06{ display: block; width: 100%; margin:8px 0 0 0;}
.lits06 .ul{display: flex; flex-wrap: wrap; width: calc(100% + 0.18rem); margin:0 -0.09rem;}
.lits06 .ul .li{ display: flex; flex-wrap: wrap; justify-content: center; width:12.5%; padding:0 0.09rem; margin-top:15px;}
.lits06 .ul .li .cover{ display: block; line-height: 0; border: 1px dashed #00ab5d; border-radius: 50%; width: 100%; padding: 5px;}
.lits06 .ul .li ._img{ padding-bottom: 100%; border-radius: 50%;}
.lits06 .ul .li .p{ display:block;width:100%; text-align: center; color: #666; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:12px; }


@media screen and (max-width:1024px) {
.lits06 .ul{  width: calc(100% + 14px); margin:0 -7px;}
.lits06 .ul .li{ padding:0 7px;}	
.lits06 .ul .li .p{ margin-top:10px;}

}
@media screen and (max-width:767px) {
.lits06 .ul .li{ width: 25%;}

}





/*
 00ab5d
calc(20px + 0.16rem); 

*/




.pagecon .newsbox .right{width:100%;}
.pagecon .newsbox .sect .cont{padding-top:0;}

.sitemap{ width:100%; overflow:hidden;}
.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:#00ab5d;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}

@media screen and (max-width:1024px) {
img {
  pointer-events: none;
}
img.yanzhengma{pointer-events:initial;}
}





@media screen and (max-width:767px) {
._form1 .lab.yzmbox{width:68%;}
._form1 .lab.yzmbtn{width:30%;}
._form1 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}

._form2 .lab.yzmbox{width:68%;}
._form2 .lab.yzmbtn{width:30%;}
._form2 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}

._form3 .lab.yzmbox{width:68%;}
._form3 .lab.yzmbtn{width:30%;}
._form3 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}

._form4 .lab.yzmbox{width:68%;}
._form4 .lab.yzmbtn{width:30%;}
._form4 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}
}


.my-puop1 .box .title .jia{display:none;}






