body{font-size: 16px;} 
.w90{ width: 90%; max-width: 1520px; margin: 0 auto;}
.banner .text{ background: rgba(0, 0, 0, .1);}
.banImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 360px;}
.banner .btn{ width: 100%; bottom: 50px; z-index: 10; position: absolute; left: 0;}
.swiperBtn{ width: 66px; height: 66px; } 
.banner  .swiperBtn{  border: 1px solid rgba(255, 255, 255, .4);}
.banner  .swiperBtn:hover{ background: rgba(255, 255, 255, .4);}
.banner  .pagination .swiper-pagination-bullet{ position: relative; width: 40px; height: 40px; border: 1px solid transparent;  opacity: .6; background-color: transparent;  margin: 0 15px 0 0 ;}
.banner  .pagination .swiper-pagination-bullet::after{ width: 26%; height: 26%; top: 37%; left: 37%; background-color: #fff; display: block; content: ''; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.banner  .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #fff; opacity: 1;}
.logoImg{ transition: all 0s;}

header{  color: #fff; padding: 0 4vw; width: 100%;  position: fixed; top: 0; left: 0; z-index: 100;}
header::after{ transition:all .36s ; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; content: ''; background: rgba(255, 255, 255, .15); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.oneNav{white-space: nowrap; padding: 0 1.7vw; font-size: 18px; display: flex; align-items: center; justify-content: center; line-height: 100px;}
.logoImg{ filter: drop-shadow(200px 0 0 var(--white)); transform: translateX(-200px); -webkit-filter: drop-shadow(200px 0 0 var(--white)); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); }
.searchBtn,.ewmBtn{ margin-left: 2vw; height: 100px;}

.oneNav span{ position: relative;}
.oneNav span::after{ width: 100%; height: 2px; background-color: #fff; transform: scale(0,1); position: absolute; left: 0; bottom: 0; display: block; content: ''; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
.on .oneNav span::after{ transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; }

.topsearchBox{ width:300px; position: absolute;   top: 110px;right: 0;  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.topsearchKey{ width: calc(100% - 60px); height: 60px; } 
.topsearchSubmit{background: url(../images/search-w.png) no-repeat center center #000 ;background-size: 30% auto; height:60px; width: 60px;}
.topsearchBox{ visibility:hidden; opacity:0; filter:alpha(opacity=0);  transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
.searchBtn:hover .topsearchBox{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }

.topEwmBox{ width:140px; position: absolute; text-align: center;   top: 110px; left: 50%; margin-left: -70px;  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.topEwmBox{ visibility:hidden; opacity:0; filter:alpha(opacity=0);  transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
.ewmBtn:hover .topEwmBox,.ewmShow:hover .topEwmBox{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
.ewmShow .topEwmBox{ top: auto; bottom: calc(100% + 15px);}

header.scroll{ color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header.scroll::after{ height: 100%; background: #fff;}
header.scroll .logoImg{ filter: none; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-filter: none; }
header.scroll .oneNav span::after{ background-color: #000;}


.h_nav{ height: 60px; width: 60px; background-color:#000; padding: 18px 8px ;    align-items: flex-end;   }
.h_nav.close{align-items: center; justify-content: center;}
.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); }

.idxTit .more{  border-bottom: 2px solid #000;}
.idxTit .more:hover .iconfont{ margin-left: 36px;}
.idxPro .swiper-container{ background: url(../images/roundBg.png) no-repeat center center; background-size: auto 100%; padding: 70px 0}
.idxPro .swiper-slide .img{ height: 470px;}
.idxPro .swiper-slide .img a{ display: flex; align-items: center; justify-content: center; width: 100%;    padding-top: 25%; height: 100%;}
.idxPro .swiper-slide .img img{ max-width: 100%; max-height: 100%;}
.idxPro .swiper-slide .desc{opacity: 0;}
.morebtn{ width: 240px; height: 55px;  }
.idxPro .swiper-slide .morebtn{   opacity: 0;}
.idxPro .swiper-slide.swiper-slide-active .f20{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.idxPro .swiper-slide.swiper-slide-active .desc,.idxPro .swiper-slide.swiper-slide-active .morebtn{opacity: 1;}
.idxPro .con{}
.idxPro .con::after{ width: 100%; height: 50%; background-color: #f5f5f5; position: absolute; bottom: 0; left: 0; display: block; content: '';}
 

.btn5{position:relative; border:1px solid rgba(255, 255, 255, .15);  }
.btn5:hover{ color:#fff; transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.btn5 > div{ position:absolute;border-style:solid;  border-width:0; width:0.6em; height:0.6em;transition:all 0.3s; -webkit-transition:all 0.3s; }
.btn5 .line_tl{ left:-1px; top:-1px; border-top-width:1px; border-left-width:1px;border-color:#fff;}
.btn5 .line_tr{ right:-1px; top:-1px; border-top-width:1px; border-right-width:1px;border-color:#fff;}
.btn5 .line_bl{ left:-1px; bottom:-1px; border-bottom-width:1px; border-left-width:1px;border-color:#fff;}
.btn5 .line_br{ right:-1px; bottom:-1px; border-bottom-width:1px; border-right-width:1px;border-color:#fff;}
.btn5 .line_all{ width:auto; height:auto; border-color:#fff; top:-1px; bottom:-1px; left:-1px; right:-1px; transition:border-width 0s; -webkit-transition:border-width 0s; }
.btn5:hover > div{ width:55%; height:55%;}
.btn5:hover .line_all{width:auto; height:auto; border-width:1px; transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.btn5 span{ position:relative; z-index:1; }

.idxPlan .more{ border-color: #fff; }
.idxPlan .swiper-container{ padding-left: 10vw;}
.idxPlan .swiper-slide .text{ position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, .8);}
.idxPlan .swiper-slide:hover .text{ width: 100%;}
.idxPlan .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) ; }

.caseBtn{ width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, .2);}
.caseBtn:hover{ background-color: rgba(255, 255, 255, .4);}
.idxPlan .swiper-pagination-bullet{ background: #fff; margin: 0 10px; width: 10px; height: 10px;}

.idxCase{ background: url(../images/logoBg.png) no-repeat bottom right; background-color: 78% auto; }
.idxCase .swiper-slide .right{ position: absolute; right: 5%; bottom: 15%; width: 80px; height: 50px; z-index: 2;}
.idxCase .swiper-slide .date{ position: absolute;  left: 0; bottom: 0; z-index: 2; }
.idxCase .swiper-slide:nth-child(2n - 1){ padding-top: 325px;}
.idxCase .idxTit{ position: absolute; top: 0; left: 0; z-index: 5;}
.idxCase .idxTit  .more{ display: inline-block;}
.idxCase .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) ; }
.idxCase .swiper-slide:hover .right,.idxCase .swiper-slide:hover .date{ color: #fff; background-color: #444;}
.idxCase .swiper-slide .text .posi div{ position: relative; z-index: 5;}
.idxCase .swiper-slide .text .posi::after{ width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: all .36s;display: block; content: ''; background-color: #444; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCase .swiper-slide:hover .text .posi::after{ width: 100%;}
.idxCase .swiper-slide:hover .text { color: #fff;}
.idxCase .swiper-slide:hover .color-666{ color: rgba(255, 255, 255, .75);}

.idxCase .button{ position: absolute; z-index: 5; bottom: 0; left: 52%;}
.idxCase .caseBtn{   border: 1px solid rgba(0, 0, 0, .2);}
.idxCase .caseBtn:hover{ background-color: rgba(0, 0, 0, .2); border-color: transparent;}
.idxCase .swiper-pagination-bullet{ background: #333; margin: 0 10px; width: 10px; height: 10px;}

.idxNews .swiper-slide:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.idxNews .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) ; }

footer{ background: #191919; color: rgba(255, 255, 255, .5);}
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, .1);}
.footPro{ width: 26%;}
footer a:hover{ color: #fff;}

.footEwm{ width: 130px;}

.caseBtn .swiper-button-disabled{ cursor: no-drop;}
 
.neiBanImg{ width: 100%; min-height: 260px; object-fit: cover;}
.neiBan .text{ background: rgba(0, 0, 0, .2);}

.proLeft{ width: 27%;}
.proRight{ width: 73%;}

 
.proLeft .title { padding-left: 5vw; height: 90px;}
.muneUl{}
.muneUl {line-height: 2.6;}
.muneUl .iconfont {height: 100%;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.muneUl>li {border-bottom: 1px solid #e5e5e5;padding: 10px 0; padding-left: 5vw;}
.muneUl>li a {max-width: calc(100% - 20px);}
.muneUl {}
.muneUl li>ul {padding-left: 10px;display: none;}
.muneUl li>ul>ul {padding-left: 20px;}
.muneUl li.active a.f24{ font-weight: bold;}
.muneUl li.active>ul{ display: block;}
.muneUl li.active>div>a{ color: var(--black);}
.muneUl li a.active{ color: var(--black);}
 
.muneUl .on .iconfont {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.there-muneUl .iconfont {display: none !important;}
.two-muneUl li {width: 100%;}
.there-muneUl li {width: 100%;}
.muneUl li.active>div,.muneUl li:hover>div>a {color: var(--black);}

  

.prolist li{  width: 31%; margin-bottom: 45px; margin-right: 3.5%;}
.prolist li .text{ margin-top: 15px;}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li::after{ width: 100%; height: 70%; background-color: rgba(0, 0, 0, .5); display: block; content: ''; position: absolute; top: 0; left: 0; 
    -webkit-clip-path: polygon(0 100%, 0% 0, 100% 0%);
}
.prolist li .img{ height: 300px;}
/* .prolist li .img img{ filter: drop-shadow(0 0 5px rgba(0,0,0,0.15));} */
.prolist li:hover .img img{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.prolist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
 
.menuItem{
    height: 50px;
    border-bottom: 1px solid #EBEBEB;
    padding-top: 15px;
    display: flex;
	position: relative;
}
.menuItem .topTitle{
    font-size: 15px;
    
    font-weight: 500;
    opacity: 1;
    width: 92%;
}
.menuItem .topTitle a{
    display: block; font-weight: bold;
}
.menuItem .topTitleActive{
    color:var(--black);
    border-bottom: 2px solid var(--black);
}
 
.menuItem .topBtn img{
    position: absolute;
    height: 40%;
}
.topBtnActive{
    margin-top: 0; 
}
.menuDetail{
    width:92%;
    /*margin: 0 auto;*/
    background:#f5f9fd;
    opacity:1;
    padding: 2% 4.7%;
    position: absolute;
	top: 100%;
	z-index: 99;
}
.menuDetail li{
    font-size: 14px;
    
    line-height:2.4;
    color:rgba(68,68,68,1);
    opacity:1;
}
.menuDetail li a{
    display: block;
    width: 100%;
}
.menuDetail li:hover{
    color: var(--black)!important;
}

.morebtn{ max-width: 100%;}
.prolist li .txt{ transform: translateX(-105%); position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .5); z-index: 20; -webkit-transform: translateX(-105%); -moz-transform: translateX(-105%); -ms-transform: translateX(-105%); -o-transform: translateX(-105%); }
.prolist li:hover .txt{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.prolist li .morebtn:hover{ background-color: #000;}

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


.proInfoBg{ background: url(../images/proInfoBg.jpg) no-repeat center top #f9fafc; background-size: 100% auto; padding-top: 100px;}
.proinfotext  .line{ height: 1px; background-color: #e5e5e5;}
.proinfotext  .line::before{ display: block; content: ''; background-color: var(--black); position: absolute; left: 0; top: -1px; height: 3px; width: 50px;}
.proinfotext .button a{ border-color: var(--black); height: 60px;}
.proinfoLine .title::after{ display: block; content: ''; background-color: var(--black); position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%;}

.border-blue{ border: 1px solid var(--black);}
.proinfoimg .swiperBtn:hover{ background-color: var(--black); color: #fff;}
.proinfoimg .swiper-slide{  height: 550px;}

.planList li{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.planList li:nth-child(2n){ margin-right: 0;}
.planList li .more{  border-bottom: 2px solid #000; white-space: nowrap;}
.planList li .more:hover .iconfont{ margin-left: 36px;}
.planList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.planList 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) ; }
.planList li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
 
.caselist li{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.caselist li:nth-child(2n){ margin-right: 0;}
.caselist li .right{ width: 80px; height: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.caselist li .text{ margin-top: -80px;}
.caselist li:hover .img{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.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  .right{ transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); }

.serviceOne .left{ background: url(../images/serviceBg1.jpg) no-repeat center center; background-size: cover;}
.serviceOne .right{ background: url(../images/serviceBg2.jpg) no-repeat center center; background-size: cover;}

.serviceList li .open{  white-space: nowrap;}
.serviceList li .close{ display: none;white-space: nowrap;}
.serviceList li .bottom{ display: none;}
.serviceList li.on .open{ display: none;}
.serviceList li.on .close{ display: flex;}

.newsBanbox{ background: url(../images/newBanbg.jpg) no-repeat center center; background-size: cover; margin-top: 100px;}
 
.newsTj .more{  border-bottom: 2px solid #000; white-space: nowrap; display: inline-flex;}
.newsTj .more:hover .iconfont{ margin-left: 36px;}
.newsBanbox .button{ position: absolute;right: 0; bottom: 0; z-index: 12;}
.newsBanbox .button .caseBtn{ border: 1px solid #dadada;}
.newsBanbox .button .caseBtn:hover{ background: #dadada;}
.newsTj:hover .img{box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.newsTj: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 .img{ width: 26%;}
.newslist li .txt{  width: 70%;}
.newslist li .more{  border-bottom: 2px solid #000; white-space: nowrap; display: inline-flex;}
.newslist li:hover  .more .iconfont{ margin-left: 36px;}
.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 .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
 
.newDatilBox{ max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 100px;}
.newspage .left{ width: 70%;}
.Profile .txt{ padding-left: 10vw;}
.ProfileBg{ margin-top: -40px;}
.culture .txt{padding-left: 5vw; padding-right: 10vw; background: url(../images/cultureBg.png) no-repeat top right;}

.honor .swiperBtn:hover{ background-color: #000; color: #fff;}
/* .honor .swiper-container .swiper-slide .img{ width: 100%; height: 300px;} */
.newinfoZW{ height: 100px;}

.searchTop{ background-color: #f8faff;}
.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}

.searchlist{   }
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--black); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--black); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.idxPlan .swiper-slide .img img{ height: 536px; width: 100%; object-fit: cover;}
.idxCase .swiper-slide .img img{ height: 405px; width: 100%; object-fit: cover;}
.idxNews .swiper-slide .img img{ height: 325px; width: 100%; object-fit: cover;}
.planList li .img img{ height:  473px; width: 100%; object-fit: cover;}
.caselist li .img img{ height:  455px; width: 100%; object-fit: cover;}
.newsTj .img img{ height:  450px; width: 100%; object-fit: cover;}
.newslist li .img img{ height: 260px; width: 100%; object-fit: cover;}
 
.w20{ width: 20%;}
 
.clear15{height:15px;overflow:hidden;clear:both;}


.mapBtn{ width:10vw; max-width:160px;min-width:130px; border-radius: 25px; border-color: rgba(0, 0, 0, .2); height: 48px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }