body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font-family: 'Noto Sans SC', sans-serif;color:#070f2a; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"Source Han Sans SC",arial;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 69.8vw; margin: 0 auto; }
.wrap{ width: 100%; padding: 0 11vw; box-sizing: border-box; }
.head{ position: absolute; width: 100%; top: 0; left: 0; z-index: 999 }
h1{ float: left; padding-top: 60px; }

.head_right{ float: right; padding-top: 60px; }
.navul{ float: left; }
.shearch{ float: left; margin: 7px 0 0 62px; }
.navul li{ float: left; margin-left: 58px; }
.navul li a{ display: block; font-size: 20px; color: #fff; height: 53px; line-height: 53px; transition: all 0.5s ease 0s; }
.navul li a:hover{ color: #3abd3f; transition: all 0.5s ease 0s; }
.shearform{ border: 1px solid rgb(255,255,255,.2); width: 98px; height: 38px; border-radius: 15px;}
.search_txt{ float: left; height: 38px; line-height: 38px; color: #fff; font-size: 16px; border: none; background: none; width: 65px; text-align: center; }
.search_sub{ cursor: pointer; width: 30px; float: right; height: 38px; background: url(../search.png) left center no-repeat; border: none; }

.foot_top{ padding-top: 35px;border-bottom: 1px solid rgb(255,255,255,.08); }
.foot{background: url(../footbj.jpg) center top no-repeat; height: 521px; overflow: hidden; clear: both; }
.foot_logo{ line-height: 145px; float: left; }
.footcall{ float: right; padding-top: 40px; width:28%; }
.calldl dt{ float: left; margin:5px 16px 0 0 ; border: 1px solid rgb(58,189,63,.2); width: 48px; height: 48px; vertical-align: middle;
 border-radius: 10px; text-align: center; line-height: 38px;display: flex;align-items: center; justify-content: center; }
.calldl dd{ float: left; }
.callname{  display: block; font-size: 16px; color: #fff; height: 26px; line-height: 26px; overflow: hidden; }
.name_num{  display: block; font-size: 34px; color: #3abd3f; font-weight: bold; height: 34px; line-height: 34px; overflow: hidden; }
.foot_center{border-bottom: 1px solid rgb(255,255,255,.08); padding: 26px 0 30px 0; margin-bottom: 20px; }
.foot_bottom{height: 70px;}
.add_left{ float: left; line-height: 70px; color: #fff; font-size: 14px; }
.add_right{ float: right; }
.add_right a{ line-height: 70px; color: #fff; font-size: 14px; display: block;}
.navdiv{ float: left;  width: 58%}
.footul{ float: left; width: 20% }
.footem{ display: block; height:78px;  font-weight: bold;line-height: 78px; color: #fff; font-size: 22px;  }
.footul a{ display: block; height: 36px; line-height: 36px; font-size: 17px; color: rgb(255,255,255,.5);  transition: all 0.5s ease 0s; }
.footul a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.what{ float: left; width:136px;  }
.whattit{ font-size: 14px;text-align: center; color: #fff; height: 50px; line-height: 50px; }
.wahtdiv{border: 1px solid rgb(255,255,255,.08); background:rgb(255,255,255,.3); border-radius: 5px; text-align: center; height: 132px; line-height: 132px; }
.email{ float: right; width:28%;  }
.emaild dt{ float: left; width: 48px; margin-right:16px; height: 48px; margin-top: 4px; border-radius: 5px;border-radius: 10px; text-align: center;  line-height: 48px;border: 1px solid rgb(58,189,63,.2); display: flex;align-items: center; justify-content: center;}
.emaild dd{ float: left; }
.ematit{ display: block; height: 28px; line-height: 28px; color: rgb(255,255,255,.6); font-size: 16px; overflow: hidden; }
.emadiv{line-height: 28px; color:#fff; font-size: 16px;}
.divi{ display: block; }
.emaild:nth-child(1){ margin-bottom: 26px; }

.bannerdiv{ height: 620px; position: relative; }
.banner_inner{ position: absolute; left: 0; width: 100%; bottom: 30px; }
.site{background:url(../home.png) left center no-repeat; padding-left: 20px; }
.site a{ display: block;transition: all 0.5s ease 0s;  float: left; font-size: 14px;background:url(../home1.png) right center no-repeat; color: #fff; height: 33px; line-height: 33px; padding: 0 12px 0 6px; }
.site a:nth-last-child(1){ background: none; }
.site a:hover{ color: #3abd3f; transition: all 0.5s ease 0s; }
.bodyback{background:url(../bodybj.jpg) center top no-repeat; padding: 86px 0; }
.news_ul{ margin-left: -2%; }
.news_ul li{ float: left; width: 33.3%; margin-bottom: 50px; padding-left: 2%; box-sizing: border-box; }
.newsimg img{ width: 100%; height: auto; max-height:248px; border-radius:15px; }
.newstitme{ height: 70px; line-height: 70px; font-size: 16px; padding-left: 50px; overflow: hidden;background:url(../time1.png) 20px center no-repeat; }
.newstit{ margin:0 20px; transition: all 0.5s ease 0s; font-size: 26px; font-weight: bold; height: 80px; line-height: 40px; overflow: hidden;}
.news_ul li:hover .newstit{  color: #3abd3f; transition: all 0.5s ease 0s;}


.rel_tit{ font-size:32px; height: 52px; line-height: 52px; overflow: hidden; text-align: center;  font-weight: bold; }
.rel_div{ font-size: 16px; height:72px; line-height: 72px; text-align: center; color: #999999; overflow: hidden; }
.rel{ border-bottom: 1px solid #eaeff2; margin-bottom: 30px; }
.news_info{ border-bottom: 1px solid #eaeff2; padding-bottom:50px;  }
.pages{ padding:60px 0 70px 0;  }
.page{ height:90px; background: #f0f4f6; padding: 0 3.125vw; border-radius: 10px; }
.page_l{ float: left; width: 33.3%; padding-left: 30px; box-sizing: border-box; font-size: 20px;background: url(../page_left.png) left center no-repeat; height: 90px; line-height: 90px; }
.page_c{float: left; width: 33.3%; padding-left: 30px; box-sizing: border-box; text-align: center; font-size: 20px;background: url(../end.png) 150px center no-repeat; height: 90px; line-height: 90px; }
.page_r{ float: right; width: 33.3%; padding-right: 30px; text-align: right; box-sizing: border-box; font-size: 20px;background: url(../page_right.png) right center no-repeat; height: 90px; line-height: 90px; }


.contback{background:url(../contimg1.jpg) center top no-repeat; position:relative;  padding: 1px 0 140px 0;}
.contdiv{ width: 460px;    position: relative;
    z-index: 99; float: right; margin-top: 140px; background: rgb(255,255,255,.9); border-radius: 10px; padding: 35px 40px 64px; box-sizing: border-box; }

.contname{ font-size: 28px; height:82px; line-height: 82px; overflow: hidden; font-weight: bold;  }
.cont_dl{ margin-bottom:10px  }
.cont_dl dt{ border-bottom: 1px solid #e0e6eb; }
.conttit{ float: left;height: 45px; line-height: 45px; color: #999999; font-size: 20px; overflow: hidden;   }
.contimg{ float: right;height: 45px; line-height: 45px; }
.contn{ font-size: 20px; height: 50px; line-height: 50px; overflow: hidden; }
.cont_dl:nth-child(2) .contn{ font-size: 26px; font-weight: bold; }
.cont_dl:nth-child(3) .contn,.cont_dl:nth-child(4) .contn{ font-size: 20px; font-weight: bold; height: auto; line-height:32px; padding-top: 10px;  }
.contwhat{ padding-top: 26px; }
.contwhat img{ width: 110px; height: 110px; overflow: hidden; }

.case .swiper {
      width: 100%;
      height: 100%;
    }

.case  .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }


.case  .mySwiper2 {
      height: 80%;
      width: 100%;
    }

.case  .mySwiper {
      height:114px ;
      box-sizing: border-box;
      margin: 35px auto 0;
      width: 94%;
      padding-top: 10px;

    }
.infor_ul { margin-bottom:30px;}
.infor_ul li{ float: left; margin-right:40px;  }
.infor_ul li a{ display: block;transition: all 0.5s ease 0s; padding: 0 6px; font-size: 20px;height: 79px; line-height: 79px; position: relative; }
.infor_ul li.on a{ color: #3abd3f;transition: all 0.5s ease 0s; }
.infor_ul li a:after{ bottom: 0; left: 0; width: 0; height: 2px;transition: all 0.5s ease 0s; background: #3abd3f; position: absolute; content: '' }
.infor_ul li.on a:after{ width: 100%; transition: all 0.5s ease 0s;}
.infoword{ display:none}
.case  .mySwiper .swiper-slide {
      width: 20%;
      height: auto;
       border: 3px solid #fff;
       border-radius: 16px;
       box-sizing: border-box;
       display: flex;
       position: relative;
    }
.case  .mySwiper .swiper-slide-thumb-active:after{background:url(../jiao.png) center top no-repeat; width: 26px; height: 10px; position: absolute; left: 50%; margin-left: -13px; top: -10px; content: ''}  

.case  .mySwiper .swiper-slide-thumb-active {
      border: 3px solid #3bc13e;
    }
.case  .mySwiper .swiper-slide img{border-radius: 13px; width: 100%}

.casediv{ position: relative; }
.caseinner{ position: absolute; left: 0; bottom: 12px; width: 100%; padding: 0 60px; box-sizing: border-box; }
.casetit{ height: 72px; line-height: 72px; overflow: hidden; color: #fff; font-size: 34px;  font-weight: bold;}
.caseword{ color: #fff; height:76px; line-height: 38px; overflow: hidden; font-size:20px;   }
.case  .swiper-button-next{background:url(../case_left.png) center center no-repeat!important; top: inherit!important;bottom:25px!important;  left:0!important; right: inherit!important; width: 30px!important; height: 48px!important; border: 1px solid #69748c!important; border-radius: 10px!important; }
.case{ position: relative; }
.swiper-button-next:after, .swiper-button-prev:after{ display: none!important; }
.case .swiper-button-prev{background:url(../case_right.png) center center no-repeat!important;top: inherit!important;bottom:25px!important; left:inherit!important; right: 0!important; width: 30px!important; height: 48px!important; border: 1px solid #69748c!important; border-radius: 10px!important; }
.case .swiper-button-prev:hover{background:#3bc13e url(../case_right1.png) center center no-repeat!important;border: 1px solid #3bc13e!important; }
.case .swiper-button-next:hover{background:#3bc13e url(../case_left1.png) center center no-repeat!important;border: 1px solid #3bc13e!important; }

.bus_b{ box-shadow: 0px 10px 20px -7px #f1f6f1;  overflow: hidden; border-radius: 22px; margin-bottom: 94px; }
.bus_b img{ width: auto; height: auto; max-width: 100%;transition: all 1s ease 0s; }
.bus_b:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.bus_l{  padding-left: 28px; }
.bus_l:after{ content: '';width:4px; height: 80px; background: #3bc13e; left: 0; top:50%; margin-top: -40px;  position: absolute; visibility: visible; }
.bus_l{ float: left;position: relative; }
.bustit{ height: 56px; line-height: 56px;  font-weight: bold;overflow: hidden; font-size:38px;  }
.busfa{ height:38px; line-height: 38px; font-size: 20px; overflow: hidden; }
.bus_r{ margin-top: 7px;  float: right}
.bus_r a{ display: block; border-radius: 10px;transition: all 0.5s ease 0s; box-shadow: 0 15px 17px #b1e6b2; line-height: 110px; font-size: 16px; text-align: center; color: #fff; background: #3bc13e   url(../bussee.png) center 19px no-repeat; width: 80px; height: 80px;}
.bus_t{ margin-bottom: 30px; }
.bus_r a:hover{ transition: all 0.5s ease 0s; transform: scale(1.1); }
.busbj{background:url(../busbj.jpg) center top no-repeat; padding-top: 74px; }
.intro_tit{ font-size: 38px; text-align: center; height:74px; line-height: 74px; margin-bottom: 50px; font-weight: bold; }
.locate_tit{ font-size: 34px; font-weight: bold; height:52px; line-height: 52px; overflow: hidden; position: relative;padding-left: 20px;  margin-bottom: 20px;   }
.locate_tit:after{ position: absolute; left: 0; top: 50%; width:4px; height: 30px; content: ''; background: #3abd3f; margin-top: -15px; }
.intinner{ font-size: 18px; line-height: 38px; width: 58%; margin-bottom: 73px; }
.goodull{ margin-left: -2% }
.goodull li{ float: left;transition: all 0.5s ease 0s; width: 25%; padding-left: 2%;  box-sizing: border-box;  }
.goodidv{ padding:0 40px 30px; box-shadow: 0 10px 10px #f8f8fa; width: 100%; box-sizing: border-box; background: rgb(255,255,255,.95); border-radius: 8px; }
.goodimg{ text-align: center; height:134px; line-height: 134px;  }
.goodimg img{transition: all 0.5s ease 0s;}
.goodull li:hover .goodimg img{ transition: all 0.5s ease 0s; transform: translateY(-10px); }
.goodull li:hover { transition: all 0.5s ease 0s; transform: translateY(-5px); }
.goodtit{ height:42px; font-weight: bold; line-height: 42px; text-align: center; font-size: 24px; overflow: hidden;  margin-bottom: 14px; }
.goodinner{ height: 270px; line-height:26px; font-size: 16px; overflow: hidden; text-align: center; }
.busgood{ margin-bottom: 72px; }
.solveinner{   }
.sov{background:url(../sol.jpg) center top no-repeat; height: 600px; }
.sov_left{ float: left; width:40%;  box-sizing: border-box; }
.sov_ul li{ }
.sov_ul li a{ display: block;  font-weight: bold;height: 100px; position: relative; line-height: 100px;border-right:1px solid  rgb(255,255,255,.3); transition: all 0.5s ease 0s;border-bottom:1px solid  rgb(255,255,255,.3);width: 80% ;  font-size:24px; color: #fff; text-indent: 60px; box-sizing: border-box;   }
.sov_ul li.on a{ background: #3abd3f; border-radius: 5px 5px 5px 0;  width: 100%; border: none; transition: all 0.5s ease 0s;}
.sov_ul li a:after{background:url(../sol.png) center top no-repeat; position: absolute; content: ''; top: 50%; right:34px; width: 0px; height: 14px; margin-top: -7px; }
.sov_ul li.on a:after{ width: 14px; }
.sov_right{ float: left; width: 40%; margin-left: 70px; position: relative; height: 100% }
.sovhe{ position: absolute; width: 100%; left: 0; bottom: 44px; display: none; }
.sovtit{ height: 44px; line-height: 44px; color: #fff; font-size:26px; overflow: hidden; margin-bottom: 18px;  }
.sov_word{ line-height: 38px; font-size:18px; color: #fff;  }
.solve{ margin-bottom: 90px; }
.solve .intro_tit{ margin-bottom: 20px; }
.product .intro_tit{ margin-bottom: 40px; }

.duct_ul{background:url(../sol.png) center 50px no-repeat; margin-bottom: 52px; }
.duct_ul li{ float: left; width: 25%; }
.duct_ul li.on .ductimg{ border: 1px solid #3abd3f; box-shadow: 0 10px 10px #e0f2e5; background: #fff; transition: all 0.5s ease 0s; }

.ductimg{ text-align: center; width:98px; height: 98px;transition: all 0.5s ease 0s; line-height: 98px; border-radius: 5px; border: 1px solid #f9faff;  margin:0 auto 16px; }
.product{ background: #f9faff; padding: 70px 0 86px 0; }
.ducttit{ text-align: center;  font-weight: bold;height:38px; line-height: 38px; overflow: hidden; font-size:24px;   }
.ductrk{ text-align: center; height:32px; line-height: 32px; font-size:18px; color: #575965; overflow: hidden;   }
.upp_left{ float: left; width: 48% }
.upp_left img{ width: auto; height: auto; max-width: 100% }
.upp_right{ float: right; width: 50%; padding-top: 30px; }
.ser{ padding: 80px 0 120px 0; }
.serul{ margin-left: -2% }
.serul li{ width: 50%; padding-left: 2%; box-sizing: border-box; margin-bottom: 40px;  float: left}
.serdiv{ background:#f9faff url(../serbj.jpg) right bottom no-repeat; border-radius: 8px; padding: 0 22px 62px;  }
.sertit{ height:88px; font-weight: bold; display: block; line-height: 88px; font-size:26px; position: relative;   }
.sertit:after{ position: absolute; left:-22px; top: 50%; height: 20px; width: 3px; margin-top: -10px; content: ''; background: #3abd3f; }
.serbox{ font-size:16px; height: 120px; line-height: 30px; overflow: hidden;  }
.uppinner{ display: none; }


.research{background:url(../expbj1.jpg) center top no-repeat; }
.res_tit{ height: 56px; line-height: 56px;  font-weight: bold;text-align: center; font-size: 38px; overflow: hidden;  padding: 80px 0 30px 0;}
.fanga{ font-size: 34px; font-weight: bold; height:110px; line-height: 110px; padding-left: 22px; position: relative;  }
.fanga:after{ position: absolute; left:0px; top: 50%; height: 20px; width: 3px; margin-top: -10px; content: ''; background: #3abd3f; }
.fangul{ margin:0 0 40px -2%; }
.fangul li{ float:left; width: 33.3%; padding-left: 2%;  box-sizing: border-box;  }
.fangdiv{ background: #fff; border-radius: 8px; padding:0 40px; position: relative; height: 280px; box-shadow: 0 10px 10px #f5f5f7 }
.fangnum{ padding-top: 40px; text-align: center;}
.fanginner{ position: absolute; left: 0; width: 100%; top: 66px; padding:0 40px 38px; box-sizing: border-box; }
.fangtit{ height: 72px; font-weight: bold; line-height: 72px; font-size: 24px; text-align: center; overflow: hidden; }
.fangword{ height:104px; line-height: 26px; overflow: hidden; text-align: center; font-size:16px;  }
.sce_dl{ margin-bottom:40px; box-shadow: 0 10px 10px #f5f5f7 }
.sce_dl dt{ float: left; width: 48%; }
.sce_dl dt img{width: auto; height: auto; max-width: 100%}
.sce_dl dd{ float: right; width: 48%;padding-top: 30px;  padding-right: 40px; box-sizing: border-box;  }
.scetit{ font-size:20px; height:40px; font-weight: bold; line-height: 40px; overflow: hidden; position: relative;  padding-left: 16px; margin-bottom: 10px; }
.scetit:after{ content: ''; background: #3abd3f; width:3px; height: 20px; left: 0; top: 50%; margin-top: -10px; position: absolute; }
.sceword{ line-height: 30px; height: 180px; overflow-y:auto; }
.sce_dl:nth-child(even) dt{ float: right; }

.implement{background:url(../expbj2.jpg) center top no-repeat; height: 1040px; }
.impgj{ margin-bottom: 46px; height:144px; overflow: hidden;  }
.impdiv{ background: rgb(255,255,255,.7); box-shadow: 0 10px 10px #f0f3f5; border-radius: 10px; padding: 77px 20px 50px; margin-top: -20px; position: relative;z-index: 99 }
.impul li{ width: 20%; float: left; padding: 0 20px; box-sizing: border-box; }
.imptit{ text-align: center; height:70px; font-weight: bold; line-height: 70px; font-size: 18px; overflow: hidden;  }
.impword{ text-align: center; height:78px; line-height: 26px; font-size:16px; overflow: hidden;  }
.impimg{ text-align: center; height:67px; line-height: 67px;  }
.dis_ul{ margin-left: -2% }
.dis_ul li{ float: left; width: 33.3%; padding-left: 2%; box-sizing: border-box; }
.disli{background:url(../sce2.png) center top no-repeat; height: 140px; padding: 0 46px; box-sizing: border-box; width: 100%}
.distit{ color: #fff; font-size: 24px; font-weight: bold; height: 68px; display: block; line-height: 68px; text-align: center; overflow: hidden; }
.disinner{ text-align: center; color: #fff; height:52px; line-height: 26px; font-size: 14px; overflow: hidden;  }
.dis_ul li:nth-child(2) .disli{background:url(../sce1.png) center top no-repeat; height: 180px;}
.post{ padding-bottom: 146px; }
.posttit{ font-size: 20px; color: #fff; font-weight: bold; position: absolute; bottom: 30px; left: 0; width: 100%; height:40px; line-height: 40px; padding: 0 40px; box-sizing: border-box; }
.post_l{ position: relative; width:48%; float: left;  }
.postimg{ width: 100%; }
.postimg img{ width: 100%; height: auto; }
.post_r{ width: 48%; float: right; padding-top: 15px; }
.settit{ height: 56px; line-height: 56px; font-size: 38px; overflow: hidden; font-weight: bold; }
.setz{ line-height: 40px; font-size:20px; margin-bottom: 50px; }
.plan{background:url(../equ1.jpg) center top no-repeat; height:360px; background-size:cover; margin-bottom: 92px;}
.plan_ul li{ float: left; width: 16%; float: left; height: 360px; box-sizing: border-box; position: relative; border-right: 1px solid rgb(255,255,255,.2);}
.planli{  position: absolute; left: 0; bottom: 0; padding:0 40px; box-sizing: border-box; }
.plan_ul li:nth-last-child(1) .planli{ border: none; }
.plantit{ line-height: 22px; font-size:18px; color: #fff;  position: relative; }
.planimg{ line-height: 60px; }
.planimg img{ width: 16% }
.planword{ height: 0px; line-height:20px; overflow: hidden;transition: all 0.5s ease 0s; color: #fff; font-size:14px; margin-top: 16px; }
.plan_ul li.on .planword{ height: 100px; transition: all 0.5s ease 0s; margin-bottom: 50px; }
.plan_ul li.on .planimg img{width: auto;transition: all 0.5s ease 0s; }
.plan_ul li.on{ width: 36%;}
.plan_ul li.on .plantit{ font-size: 26px; }
.plan_ul li.on .planimg{ margin-bottom: 10px; }
.plan_ul li.on .plantit:after{ position: absolute; left: 0; bottom: -5px; width:60%; height: 10px; background: #3abd3f; content: ''  }
.plan_i{ position: relative; display: block; z-index: 99; font-weight: bold; }
.column{ border-bottom: 1px solid #e6e7e9; margin-bottom: 60px; }
.colul{ border-bottom: 1px solid #e4e5e8; margin-left: -30px; }
.colul li{ float: left; margin-left:30px; margin-bottom: 30px;  }
.colul li a{ display: block; width: 220px; font-weight: bold; height: 60px; transition: all 0.5s ease 0s;  font-size: 22px;line-height: 60px; background: #eeeeee; text-align: center; border-radius: 8px; }
.colul li a:hover,.colul li a.on{ transition: all 0.5s ease 0s; background: #3abd3f; color: #fff; }
.sheb{ padding: 20px 0 50px 0 }
.sheb li{ float: left; }
.sheb li a{ display: block;transition: all 0.5s ease 0s; padding: 0 30px; height:40px; line-height: 40px; font-size: 20px;background:url(../equ2.jpg) right center no-repeat;   }
.sheb li:nth-last-child(1) a{ background: none; }
.sheb li a.up,.sheb li a:hover{ color: #3abd3f; transition: all 0.5s ease 0s;}
.pro_ul{ margin-left: -2% }
.pro_ul li{ float: left; width: 33.3%; padding-left: 2%; box-sizing: border-box; margin-bottom: 60px; }
.ment{ background: rgb(255,255,255,.6); transition: all 0.5s ease 0s; border: 1px solid rgb(255,255,255,.6); border-radius: 10px; box-shadow: 0 10px 10px #ecefed; padding: 0 30px; box-sizing: border-box; }
.ment_img{ text-align: center; height:398px; line-height: 398px;padding-bottom: 10px; border-bottom: 1px solid #e5e5e5 }
.ment_img img{ width:auto; max-width:100%; max-height:100%}
.menttit{ height: 118px; font-weight: bold; float: left; transition: all 0.5s ease 0s; line-height: 118px; overflow: hidden; font-size:26px; width: 80%;  }
.mentsee{ float: right; width:48px; transition: all 0.5s ease 0s; height: 48px; margin-top: 28px; border: 1px solid #cbcbcb;background:url(../page_right.png) center center no-repeat; border-radius: 5px;    }
.pro_ul li:hover .ment{ border: 1px solid #3abd3f; transition: all 0.5s ease 0s; }
.pro_ul li:hover .menttit{ color: #3abd3f; transition: all 0.5s ease 0s; }
.pro_ul li:hover .mentsee{border: 1px solid #3abd3f;background:#3abd3f url(../sol.png) center center no-repeat; transition: all 0.5s ease 0s;}
.sig_l{ float: left; width: 45%; text-align: center; background: #fff; height: 360px; line-height: 360px; overflow: hidden; }
.sig_l img{ width: auto; height: auto; max-width: 100%;max-height:100% }
.sig_r{ float: right; width: 52%; height: 340px; padding-top: 20px;}
.pro_info{ margin-bottom: 40px; }
.infotit{ font-size: 20px; height: 50px; line-height: 50px;border-bottom: 1px solid #cbcbcb; margin-bottom: 30px; }
.infoword{ min-height: 500px; }


.flex-control-nav { text-align: left;  position: absolute; left: 11vw; bottom:77px; z-index: 99;  }
.flex-control-nav li{ display: inline-block; margin:0 10px;  }
.flex-control-nav li a{ display: block; cursor: pointer; z-index: 9999; font-size: 0; background:url(../tab.png) center center no-repeat; width: 16px; height: 12px; font-size: 0;}
.flex-control-nav li a.flex-active{background:url(../tab1.png) left center no-repeat;}
.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-direction-nav{ position: absolute; right: 11vw; bottom: 60px; z-index: 999 }
.flex-prev{ display: block; width:44px; height: 44px; border-radius: 10px;transition: all 0.5s ease 0s; font-size:0; border: 1px solid rgb(255,255,255,.3) ; background:url(../banner_left.png) center center no-repeat;}
.flex-next{ display: block; width:44px; height: 44px; border-radius: 10px; transition: all 0.5s ease 0s; font-size:0;border: 1px solid rgb(255,255,255,.3) ; background:url(../banner_right.png) center center no-repeat;}
.flex-direction-nav li{ float: left; margin-left: 20px; }
.flex-prev:hover{background:#3bc13e url(../banner_left.png) center center no-repeat; transition: all 0.5s ease 0s; border: 1px solid #3bc13e}
.flex-next:hover{background:#3bc13e url(../banner_right.png) center center no-repeat; transition: all 0.5s ease 0s; border: 1px solid #3bc13e}

.tit_cn{ font-size: 54px; height:72px; line-height: 72px; overflow: hidden;  }
.tit_en{ height: 34px; line-height: 34px; font-size: 16px;text-transform: uppercase; color: #b8bbbe; padding-left: 38px; background:url(../indextit1.png) left center no-repeat;}

.core{ position: relative; }
.coreimg{ display: none; }
.coreimg img{ width: 100%; height: auto; }
.corebox{ position: absolute; left: 0;  top:106px; z-index:999;  }
.corehe{ position: absolute; left: 0; bottom: 120px; width: 100%; z-index:999; }
.core_ul{ margin-left: -2%; }
.core_ul li{ float: left; width: 33.3%; padding-left: 2%; box-sizing: border-box; }

.move{ background: rgb(0,0,0,.3);transition: all 0.5s ease 0s; height: 120px; border-radius: 10px;  padding: 0 40px; width: 100%; box-sizing: border-box; position: absolute;left: 0; bottom: 0;}
.movel{ float: left; width: 70%; font-size: 30px; font-weight: bold; color: #fff; line-height: 120px; }
.mover{ float: right; line-height: 120px; }
.coreli{ position: relative; height: 421px; overflow: hidden; }
.plate{ position: absolute; left: 0;transition: all 0.5s ease 0s; bottom: -400px; width: 100%; background: rgb(255,255,255.9); padding: 0 40px; border-radius: 10px; box-sizing: border-box; height: 0;  }
.plateimg{ height:94px; line-height: 94px; overflow: hidden;  }
.plateimg img{width: auto; height: auto; max-height: 100%}
.plate_tit{ font-size: 30px;  font-weight: bold;height:58px; line-height: 58px; overflow: hidden;  }
.plateword{ height: 48px; line-height: 24px; overflow: hidden; font-size: 16px; color: #828388; margin-bottom: 24px; }
.ptsjdiv{ float: left; margin-right:20px; width: 98px; height: 98px; border-radius: 8px; border: 1px solid #3bc13e; text-align: center;  }
.ptstit{ height: 28px; line-height: 28px; text-align: center; overflow: hidden; font-size: 14px; }
.ptsimg{ height: 60px; line-height: 60px; text-align: center; }
.platesee{ color: #fff; display: block;transition: all 1s ease 0s; position: absolute; right:40px; top: -20px; width: 90px; height: 90px; text-align: center; line-height: 120px; border-radius: 10px; box-shadow: 0 15px 10px #a7e1a9; font-size: 18px; background:#3bc13e url(../banner_right.png) center 22px no-repeat;}
.core_ul li:hover .plate,.core_ul li.on .plate{padding: 26px 40px 48px; height: auto; bottom: 0; transition: all 0.5s ease 0s;}
.core_ul li:hover  .move,.core_ul li.on  .move{bottom: -120px;transition: all 0.5s ease 0s;}
.ptsimg img{ transition: all 0.5s ease 0s; }
.ptsjdiv:hover .ptsimg img{ transform: translateY(-10px); transition: all 0.5s ease 0s; }
.platesee:hover{transition: all 1s ease 0s; transform: scale(1.1); }
.upda{background:#f4f7fc url(../indexbj1.jpg) center top no-repeat; padding-bottom: 84px; }
.indextitle .tit_cn{ color: #020317; }
.indextitle .tit_en{ color: #b8bbbe; }
.title_l{ float: left; }
.title_r{ float: right; padding-top: 38px; }
.titlesee{ display: block;transition: all 0.5s ease 0s;  position: relative; border: 1px solid #020317; height: 52px; line-height: 52px; border-radius: 8px; text-indent:18px; width: 198px; font-size: 16px;  }
.titlesee:after{ content: ''; width:38px; height: 38px; position: absolute; top: 7px; right: 7px; box-shadow: 0 10px 10px #b3e2bc; border-radius: 8px; background: #3bc13e url(../banner_right.png) center center no-repeat; }

.titlesee:hover{transition: all 0.5s ease 0s;  border: 1px solid #3abd3f; color: #3abd3f;}
.indextitle{ padding: 109px 0 50px 0; }
.us{background: url(../indexbj2.jpg) center top no-repeat; height: 940px; }
.usl{ float: left; width:50%;  }
.ustit{  font-size: 30px; height:48px; font-weight: bold; line-height: 48px; overflow: hidden; margin-bottom:12px;   }
.usword{ line-height:30px; font-size: 18px; color: #50545f  }
.us .indextitle{ padding-top:30px;  }
.usr{ float: right; width: 48% }
.usul{ margin-left: -2% }
.usul li{ float: left; width: 33.3%; padding-left: 2%; box-sizing: border-box; }
.usli{background: url(../usline.png) right top no-repeat; padding-left: 10%;}
.usul li:nth-last-child(1) .usli{ background: none;}
.usimg{ height:59px; margin-bottom:28px;    }
.counter{  color: #3bc13e; font-weight: bold; display: inline-block;  font-size:60px; height: 64px; font-family: arial; line-height: 64px; }
.usyear sub{ font-size:18px; margin-left:12px; color: #333333   }
.ustitel{  height: 40px; line-height: 40px; font-size:18px; color: #68696d  }
.testt{ text-align: center; height: 166px; line-height: 166px;}
.test{ height: 360px;}
.testul{ margin-left: -2% }
.testul li{ width: 25%; padding-left: 2%; box-sizing: border-box; float: left; }
.tesbox{ background: rgb(255,255,255,.2);transition: all 0.5s ease 0s; height: 70px; line-height: 70px; border-radius: 10px; text-align: center; }
.testdiv{ display: inline-block; }
.test_l{ float: left; width: 38px; height: 70px; line-height: 70px; position: relative; overflow: hidden; margin-right: 20px; }
.testb{ position: absolute; left: 0; bottom: -70px;transition: all 0.5s ease 0s; }
.testop{position: absolute; left: 0; top: 0;transition: all 0.5s ease 0s; }
.test_r{ float: left; font-size:24px; color: #fff; font-weight: bold; height: 70px; line-height: 70px; }
.testul li:hover .tesbox{ background: #3abd3f; transition: all 0.5s ease 0s; }
.testul li:hover .testb{ bottom: 0; transition: all 0.5s ease 0s; }
.testul li:hover .testop{ top: -70px; transition: all 0.5s ease 0s;}
.indexfoot .foot{ background:none; margin-top: -82px; }

.about{ position: relative; }
.aboutinner{ position: absolute; left: 0; top: 207px; width: 100% }
.aboutcn{ height:44px; display: block; line-height: 44px; font-size:32px; overflow: hidden;  font-weight: bold;  }
.abouten{height:28px; display: block; line-height: 28px; color: #a9b0ba; font-size:16px; font-weight: bold; overflow: hidden;  }
.aboutimg img{ width: 100%; height: auto; }
.abouthe{ float: right; width: 50% }
.abouttit{ padding-bottom:36px;background: url(../aboutline.png) left bottom no-repeat;  margin-bottom: 24px;  }
.aboutword{ font-size: 16px; line-height:30px;  margin-bottom: 50px; height:172px; overflow: hidden;  }
.shimtit{ font-size: 42px; height: 66px; line-height: 66px; overflow: hidden; font-weight: bold; }
.shiy{ font-size: 18px; height:44px; line-height: 44px; overflow: hidden;  margin-bottom: 44px; }
.mission{ margin-left: -2% }
.mission li{ padding-left: 2%; float: left; width: 50%; box-sizing: border-box; }
.missondiv{ position: relative;height: 100% }
.missimg img{ width: 100%; height: auto; }
.missinner{ width: 100%; position: absolute; left: 0; bottom: 32px; padding: 0 40px; box-sizing: border-box; }
.misstit{ height: 70px; font-weight: bold; line-height: 70px; overflow: hidden; font-size:30px; color: #fff;  }
.missword{ height: 64px; line-height: 32px; overflow: hidden; color: #fff; font-size:18px;  }
.missondiv:after{ content: ''; width:14px;height: 14px; border-radius: 14px; background: #3abe3d; position: absolute; left:38px; top: 40px;   }

.jourt{ padding:0 20px;  }
.jourdiv{ background: #fff; border-radius: 10px; }
.jourtime{ height: 85px; line-height: 85px; font-size:18px; overflow: hidden; padding-left: 28px; background: url(../time2.png) left center no-repeat;  }
.jourtit{ height: 80px;transition: all 0.5s ease 0s; font-weight: bold; line-height: 40px; overflow: hidden; font-size:22px;  margin-bottom: 54px; }
.jourimg img{ height: 190px; width: 100%;  transition: all 1s ease 0s; border-radius: 10px;overflow: hidden; }
.jourdiv:hover .jourimg img{ height: auto; transition: all 1s ease 0s; }
.jourimg{ height: 200px;position: relative;overflow: hidden;  }
.joupic{ position: absolute; left: 0; bottom: 0; width: 100%}
.jour,.upda .swiper{  }
.upda .swiper-pagination{  top: inherit!important; bottom: -43px!important; width: 90%!important; height: 2px!important; background: #dde1e3!important }
.jourdiv:hover .jourtit{ color: #3bc13e; transition: all 0.5s ease 0s; }

.upda .swiper-button-next{background:url(../case_left.png) center center no-repeat!important; top: inherit!important;bottom:-60px!important;  left:inherit!important; right: 60px!important; width: 38px!important; height: 38px!important; border: 1px solid #69748c!important; border-radius: 10px!important; }
.upda .swiper-button-prev{background:url(../case_right.png) center center no-repeat!important;top: inherit!important;bottom:-60px!important; left:inherit!important; right: 0!important; width: 38px!important; height: 38px!important; border: 1px solid #69748c!important; border-radius: 10px!important; }
.upda .swiper-button-prev:hover{background:#3bc13e url(../case_right1.png) center center no-repeat!important;border: 1px solid #3bc13e!important; }
.upda .swiper-button-next:hover{background:#3bc13e url(../case_left1.png) center center no-repeat!important;border: 1px solid #3bc13e!important; }
.jour{ position: relative; }
.upda .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #3abe3d!important; top: -2px!important; height: 6px!important; }
.updabox{ padding-bottom: 50px; }

.succdiv .mySwiper2 img{ width: 100%; height: auto; }
.succdiv { position: relative; overflow: hidden; }
.succdiv .mySwiper{ position: absolute; right: 11vw; top: 30px; width: 246px;height: 670px; padding-top: 10px; }
.succdiv .mySwiper .swiper-slide{ height: 115px!important; position: relative; border: 3px solid rgb(255,255,255,.6)!important; overflow: hidden; box-sizing: border-box!important; border-radius: 14px!important; }
.succdiv .mySwiper .swiper-slide.swiper-slide-thumb-active{border: 3px solid #3bc13e!important; width: 240px; box-sizing: border-box!important;}
.succdiv .mySwiper .swiper-slide.swiper-slide-thumb-active:after{content: ''; width:15px;height: 37px;  background: url(../jiao1.png) left center no-repeat;  position: absolute; left:-15px; top: 50%; margin-top: -18.5px; }
.succdiv .mySwiper .swiper-slide img{ border-radius: 14px; width: 240px; height: auto; }
.succdiv .swiper-button-prev{ top: inherit!important; bottom: 60px!important; left:11vw!important;  width: 38px!important;background: url(../banner_left.png) center center no-repeat!important; height: 38px!important; border: 1px solid rgb(255,255,255,.6)!important }
.swiper-button-prev:after,.swiper-button-next:after{ display: none!important; }
.succdiv .swiper-button-next{top: inherit!important; bottom: 60px!important; left:14vw!important;  width: 38px!important;background: url(../banner_right.png) center center no-repeat!important; height: 38px!important; border: 1px solid rgb(255,255,255,.6)!important }
.succdiv .swiper-button-prev:hover{background:#3bc13e url(../banner_left.png) center center no-repeat!important;border: 1px solid #3bc13e!important}
.succdiv .swiper-button-next:hover{background:#3bc13e url(../banner_right.png) center center no-repeat!important;border: 1px solid #3bc13e!important}

.succpic img{ width: 100%; height: auto; }
.succname{ position: relative; }
.succnc{ position: absolute; left:11vw; bottom: 120px; width: 100%; }
.succtit{ font-size: 34px; height:52px; line-height: 52px;overflow: hidden; color: #fff;  font-weight: bold; }
.succjz{ height:40px; line-height: 40px; color: #fff; font-size: 20px; overflow: hidden;  }

.testback{background:#05153b url(../testbj.jpg) center top no-repeat;}
.corediv{ position:relative}
.corehover{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 32%;
background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
pointer-events: none; }
.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}


.indexbanner img{ width: 100%; height: auto; }
.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #fff
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }

.news_info img{ width: auto; height: auto; max-width: 100% }

.pagination-block{ text-align:center; padding:30px 0}
.pagination{ display:inline-block}
.pagination  li{ float:left; margin:0 15px;}
.pagination  li a,.pagination  li span{ display:block; width:58px; height:58px; border-radius:5px; line-height:58px; border:1px solid #cbcbcb; text-align:center; color:#070f2a; font-size:20px;}
.pagination  li a:hover,.pagination  li.active a,.pagination  li span:hover{ color:#fff; background:#3abd3f;border:1px solid #3abd3f;}


.des_see {
    font-size: 18px;
    text-align: center;
    color: #fff;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    background: #3abd3f;
    width: 50%;
    display: block;
    
}

.sigdiv{ height:293px; overflow:hidden}

.checkdiv{ float:left}
.mess_div{ border-bottom: 1px solid #dfdfdf; }
.mess_tit{ float: left; height:40px; line-height: 40px; overflow: hidden; font-size:16px; width: 77px;   }
.sign{ color: #f30b0b}
.mess_txt{ width:455px; padding-right: 10px; box-sizing: border-box; float: left; border: none; background: none; font-size: 16px; height:40px; line-height: 40px; overflow: hidden; }
.mess_area{width:510px; padding-right: 10px; resize: none; box-sizing: border-box; float: right; border: none; background: none; font-size: 16px; height:80px; line-height: 30px; overflow: hidden;}
.code_l{ float: left; width: 301px; }
.code{  width:299px; height: 40px; border: 1px solid #cfd8dc; border-radius: 5px;  }
.codetxt{ height: 38px; line-height: 38px; overflow: hidden; background: none; border: none; float: left; width: 166px; padding: 0 10px; box-sizing: border-box; }
.form-captcha{ height: 38px; line-height: 38px; overflow: hidden; background: none; border: none; float: left; width: 166px; padding: 0 10px; box-sizing: border-box; }
.codepic{ float: right; height: 38px; line-height: 38px; width: 100px; border-left: 1px solid #cfd8dc; box-sizing: border-box; }
.code_l .mess_tit{ float: none; }
.code_r{ float: right; padding-top: 46px; }
.code_sub{ width:168px; height: 38px; line-height: 38px;transition: all 0.5s ease 0s; font-size: 16px; color: #575757;border-radius: 58px;  text-align: left; border: 1px solid #575757; text-indent: 20px; background: url(../close1.png) 130px center no-repeat; }
.code_sub:hover{color: #fc6b16; background: url(../close11.png) 130px center no-repeat; transition: all 0.5s ease 0s; border: 1px solid  #fc6b16; }
.tit_t{ font-size:28px; height:44px; line-height: 44px; overflow: hidden; margin-bottom: 10px;   }
.tit_b{line-height: 24px; height: 48px; font-size:16px; color: #666666; margin-bottom: 10px;  }

.mess{ padding: 0px 0 120px 0; }
.messtit{ font-size: 26px; color: #fc6b16; height: 44px; line-height: 44px; overflow: hidden; margin-bottom: 12px; }
.messradio{ margin-right:10px;}

.ball{ background: rgb(0,0,0,.3); width: 100%; height: 100%; z-index: 999; position: fixed; left: 0; top: 0; display:none; }
.ballform{ background: #fff; display:none; z-index: 9999; border-radius: 10px; width:700px; padding: 1px 30px; box-sizing: border-box; position: fixed; left: 50%; top: 50%; height: 640px; margin-left: -350px; margin-top: -320px;  }
.ballclose{ display: block; background: url(../close.png) left top no-repeat; width:22px; height: 22px; position: absolute; top:26px ; right: 26px;  }
.balltit{ font-size: 28px; height:60px; line-height: 60px; margin-top: 20px; overflow: hidden; }
.ballwo{ font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; margin-bottom: 8px; }
.ballbox{ height: 486px; overflow-y:auto; padding-right:30px; }
.messcheck{ height:40px; line-height:40px;}