body{font-size: 16px;} 
header .top{height: 80px;}
header .top,header .bot{padding-left: 5vw; padding-right: 5vw;}
header .bot{ z-index: 100; box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
 .logoImg{ width: 200px;}
.logo .line{ width: 1px; background-color: #e6e6e6; min-height: 66px;}
.oneNav{ font-size: 18px; line-height:70px;}
.orient{ padding-top: 70px; margin-top: -70px;}
nav{ width: 65vw;}
nav li.on .oneNav{ color: var(--green);}
nav li:hover .oneNav{ color: var(--green);}
nav li{ position: relative;}
nav li dl{ position: absolute; left: 50%; width: 180px; top: 70px; margin-left: -90px; background-color: #fff; z-index: 10; text-align: center; box-shadow: 0 5px 5px rgba(0, 0, 0, .15);}
nav li dd a{ line-height: 50px; border-bottom: 1px solid #eee; display: block;}
nav li dd a:hover{ background-color: var(--green); color: #fff;}

nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px); transition:all .53s }
nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }
nav  li>a:hover:after{top:0}
nav  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}


.topBtn{ width: auto; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }

.banImg{ width: 100%; height: calc(100vh - 150px);  object-fit: cover;}
.business{ background: url(../images/businessBg.jpg) no-repeat center center; background-size: cover;}
.business .con{padding-left: 5vw; padding-right: 5vw;}
.business .swiper-container .swiper-slide{ padding-bottom: 60px;  }
.businessIcon{ height: 40px; filter: grayscale(100%) brightness(500%);}
.business .swiper-container .swiper-slide:nth-child(2n){ padding-bottom: 0;padding-top: 60px;}
.business .swiper-container .swiper-slide .txt{ position: absolute; z-index: 5; left: 0;  bottom: 0;  background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.business .swiper-container .swiper-slide .txt .tip{ width: 2.2em;}
/* background-image: linear-gradient(to bottom,transparent,rgba(111,185,44,.6)); */
.business .swiper-container .swiper-slide:hover .txt{ color: var(--green);}
.business .swiper-container .swiper-slide:hover  .img>img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.business .swiper-container .swiper-slide:hover .businessIcon{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
.line-height1-2{ line-height: 1.2;}
.w80{ width: 80%; margin: 0 auto; max-width: 1500px;}

.caseimgTop{ width: 100%; height: 565px;   object-fit: cover;}
.caseimgBot{ width: 100%; height: 180px; object-fit: cover;}
.Cases .bottom{ position: absolute; right: 0; bottom: 40px; width: 60%;}
.case-thumbs .swiper-slide{ border: 3px solid #fff;}
.case-thumbs  .swiper-slide-thumb-active{ border-color: var(--green);}
.Cases .next,.Cases .prev{ z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,.15); width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.Cases .next{ right: -100px;}
.Cases .prev{ left: -100px;}
.Cases .next:hover,.Cases .prev:hover{ background-color: var(--green); color: #fff;}
.Cases .swiper-button-disabled{ cursor: no-drop; opacity: .5;}

.samll{ background: url(../images/smallBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
.samllUl{ background: url(../images/line.png) no-repeat center bottom; background-size: 100% auto; width: 54%;}
.samllLine,.samllIcon{filter: grayscale(100%) brightness(500%); transition: all 0s;}
.samllLine{ opacity: .25;}
.samllIcon{ height: 40px;}
.samllUl li.on,.samllUl li:hover{ color: var(--green);}
.samllUl li.on .samllLine,.samllUl li:hover .samllLine{filter: grayscale(0%) brightness(100%); opacity: 1;}
.samllUl li.on .samllIcon,.samllUl li:hover .samllIcon{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }

.Partners{ background: url(../images/Partnersbg.png) no-repeat center bottom 30%;  }

/* .PartnersUl li{ width: calc(100% / 7);opacity: .64; height: 130px;}
.PartnersUl li:hover{ opacity: 1;}
.PartnersUl li img{max-width: 100%; max-height: 100%;} */

.Partners .swiper-container{ height: 886px;}
.Partners .swiper-slide {  height: calc(100%  / 6);opacity: .64;}
.Partners .swiper-slide:hover{ opacity: 1;}
.Partners .swiper-slide img{max-width: 100%; max-height: 100%;} 


.proItem .logo-div{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;}
.proItem .logo-topdiv{ position: absolute; top: 0; height: 0; bottom: 50%; background: rgba(0, 0, 0, .15); right: 0; left: 0; transition: all 1s; opacity: 0.8;}
.proItem .logo-bottomdiv{ position: absolute;  height: 0; bottom: 0; background:rgba(0, 0, 0, .15); right: 0; left: 0; transition: all 1s; opacity: 0.8;}
.proItem .logo-div img{ display: block; margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; z-index: 33; transition: all 0.6s; 
opacity: 0; width:60% !important; height: auto !important;}
.proItem .line{
 position: absolute;
 width: calc(100% - 50px);
 height: calc(100% - 50px);
 border: 1px solid rgba(255, 255, 255, .2);
 top: 25px;
 left: 25px;
 z-index: 10;
 transition: all 1s;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -ms-transition: all 1s;
 -o-transition: all 1s;
 transform: scale(2);
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -ms-transform: scale(2);
 -o-transform: scale(2);
}

.proItem:hover .logo-topdiv,.proItem:hover .logo-bottomdiv{ height: 50% ;}
.proItem:hover .logo-div img{ opacity: 1; transition-delay: 0.4s;}
.proItem:hover .img>img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.proItem:hover .text{ background-color: var(--green); color: #fff;}
.proItem:hover .line{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.problem{ background: url(../images/problemBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed} 
.problemUl { width: 75%;}
.problemUl li{ width: 24%;}
.problemUl li .round{  width: 60px; height: 60px; margin-bottom: -30px; }
.problemUl li .con{ height: 7em;}
.problemUl li:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.problemUl li:hover .con{box-shadow: 0 5px 10px rgba(255, 255, 255, .3);}

.linka a:hover{ color: var(--green);}
.news .left .img .text{ width: 100% ; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .45); z-index: 5;}
.news .left .img:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news .left .line-clamp{ width: 70%;}
.news .right li .img{ width: 28%;}
.news .right li .img img{ width: 100% ; height: 140px; object-fit: cover;}
.news .right li .txt{ width: 68%;}

.footlogo{ width: 14.8vw;}
.footNav{ width: 60%;}
footer .border-bottom{border-color: rgba(255, 255, 255, .1);}
footer .round{ width: 50px; height: 50px; border-color: rgba(255, 255, 255, .2);}
.ewyUl{ width: 130px;}
.ewyUl .border{ border-color: rgba(255, 255, 255, .2);}
footer .border-top{border-color: rgba(255, 255, 255, .1);}


.h_nav{ height: 60px; width: 60px; background-color:var(--green); padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }


.neiBan .txt{ background-image: linear-gradient( to right,rgba(0,0,0,.5),transparent);}
.neiBanImg{ min-height: 180px; object-fit: cover;}
.subnavUl{ width: auto; min-width:50%;}
.subnavUl li a{white-space: nowrap;}
.subnavUl li.on>a{ border-bottom: 2px solid #fff;}
.subnavUl  dl{ width: 50vw; position: absolute; left: 0;   top: 100%; transform: translateY(20px); line-height: 2;   opacity: 0;  visibility:hidden; z-index: 5; }
.subnavUl li:hover dl  {opacity: 1;transform: translateY(0%); visibility:visible;  }
.subnavUl li  dl a{ display: inline-block; transition: all .36s;  border: 1px solid #fff; color: #fff;  text-align: center; border-radius: 20px; padding: 5px 20px;  }
.subnavUl li  dl a:hover{color: #fff;  background-color: var(--green);}

.submenu{ height: auto;}
.submenu a{ border: 1px solid #fff; white-space: nowrap; height: auto; display: inline-block; margin-bottom: 10px; padding: 5px 15px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }

.introduce{ background: url(../images/introduceBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.introduceNum::after{ width: 50% ; height: 100%; position: absolute; right: 0; top: 0; background-color: var(--green); display: block; content: '';}
.introduceNum ul li{  width: 25%;}
.introduceNum ul li:nth-child(2n){ background-color: #63a429;}
.introduceImg{ width: 100%; height: 100%; object-fit: cover;}

.history{ background: url(../images/historyBg.jpg) no-repeat top center; background-size: cover;  }
.history .years{ font-size: 126px;}
.history .history-top .swiper-slide{  }

.historyBot{ background: url(../images/bg7.png) no-repeat center bottom; background-size: 100% 67%; height: 200px;}
#historyBotSwiper .yuan{ width: 34px; height: 34px; border-radius: 50%;  }
#historyBotSwiper .yuan span{ background-color: #fff; width: 14px; height: 14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#historyBotSwiper .swiper-slide{ height: 200px; position: relative; display: flex; justify-content: center;}
#historyBotSwiper .swiper-slide  .yuan{ margin-top: 26%;}
#historyBotSwiper .swiper-slide-thumb-active .yuan{ background-color: #fff;  margin-top: 16%; }
#historyBotSwiper .swiper-slide-thumb-active .yuan span{ background-color: var(--green);}
#historyBotSwiper .swiper-slide-prev .yuan{ margin-top: 26%;}
#historyBotSwiper .swiper-slide-next .yuan{ margin-top: 26%;}

.historyBot .prev,.historyBot .next{ z-index: 50; cursor: pointer; color: #333;   width: 70px; position: absolute; bottom: 62px; height: 70px; border-radius: 50%; background-color: #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .prev{left: 6vw;}
.historyBot .next{ right: 6vw;}
.historyBot .prev:hover,.historyBot .next:hover{ background-color: var(--green); color: #fff;}


#honorSwiper .swiper-slide{ opacity: 0.6;}
#honorSwiper .swiper-slide .img{ width: 100%; height:500px; display: flex; align-items: center; justify-content: center; cursor: pointer !important;}
#honorSwiper .swiper-slide img{ border: 6px solid #f5f5f5; max-width: 100%; max-height: 100%;}
#honorSwiper .swiper-slide.swiper-slide-active{ opacity: 1;}
#honorSwiper .swiper-slide .f20{   opacity: 0;}
#honorSwiper .swiper-slide.swiper-slide-active .f20{  opacity: 1;}

.businessMap{ max-height: 80%; max-width: 80%; position: absolute; top: 50%; right: 5vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.imgmaxbox{ width: 100%; height: 100%; object-fit: cover;}
.businessOne .tit::after,.businessTwo .tit::after{ width: 2em; height: 3px; background-color: var(--green); display: block; content: ''; position: absolute; left: 0; bottom: -1px;}
.businessOne .btn a.zxzx:hover{ color: var(--green); border-color: var(--green);}
.businessOne .btn a:hover{ transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }

.service{ background: url(../images/serviceBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.service::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-image: linear-gradient(to right,rgba(111,185,44,.8),transparent); display: block;content: '';}


.contactStyleLine{  height: 3px; width: 5%;}
.contactStyle .iconfont{ font-size: 30px;  }
.yamImg{ max-height: 90%; top: 50%; width: auto; transform: translateY(-50%); right: 2px; z-index: 10;cursor: pointer; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.prolist li{ width: calc((100% - 60px)/3); margin-right: 30px; }
.prolist li:nth-child(3n){ margin-right: 0;}

.caselist li .img img{max-height: 500px; width: 100%;}
.caselist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.caselist li:hover{ box-shadow: 0 0 0 5px var(--green); transform:scale(.95) ; -webkit-transform:scale(.95) ; -moz-transform:scale(.95) ; -ms-transform:scale(.95) ; -o-transform:scale(.95) ; }

.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px; }
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .round{ width: 26px; height: 26px; border-color: #aaa;}
.newslist li .round .iconfont{ position: absolute; right: 30%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newslist li::after{ width: 0%; height: 2px; background: var(--green); position: absolute; left: 0; bottom: -1px; z-index: 2; display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newslist li:hover::after{ width: 100%;}
.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newslist li:hover .color-aaa{ color: var(--green);}
.newslist li:hover .round {border-color: var(--green);} 
.newslist li .img img{ width: 100%; height: 288px; object-fit: cover;}
.newinfoline{ width: 80%; background-color: #e5e5e5; height: 1px;}
.newpage a{ width: calc((100% - 160px) / 2);}
.newpage a.listOn{ width: 130px; border-radius: 25px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.newpage a:hover{ color: var(--green);}.newpage a.listOn:hover{ color: #fff;}
.newpage .iconfont{ font-size: 30px;}


.winlist figure{ padding: 1em; border-right: 1px solid #f5f5f5; border-bottom:1px solid #f5f5f5 ;}
.winTop figure{ border-color: rgba(255, 255, 255, .2); display: flex; align-items: center;}
.winlist li figure:nth-child(1){ width: 8%;}
.winlist li figure:nth-child(2){ width: 40%;}
.winlist li figure:nth-child(3){ width: 52%;}
.winlist li:nth-child(2n-1){ background-color: #f9f9f9;}
.winTop{ background-color: var(--green) !important;}

.contactType .round{  width: 70px; height: 70px;}
.map{ width: 100%; height: 500px;}
.message  input{ width: 24%;}