body{font-size: 16px;} 
.w90{ width: 92%;max-width: 1978px; margin: 0 auto; } 
.w80{ width: 80%; margin: 0 auto; max-width: 1480px;}
.banImg{ width: 100%; height: 100vh; object-fit: cover;}
.zw{ padding-top: 100px; margin-top: -100px;}
.zwDiv{ height: 100px;}
header{ width: 100%; position: fixed; top: 0;top: 0; z-index: 100; color: #fff;}
header::after{ transition:all .36s ; width: 100%; height: 1px; display: block; content: ''; background: rgba(255, 255, 255, .38); position: absolute; left: 0; bottom: 0; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
header .con{ padding: 0 3.6vw;}
.headerLogo{ font-size: 24px;}
.logoIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
.oneNav{ line-height: 100px; display: block; font-size: 18px; padding: 0 1.8vw; white-space: nowrap;}
.oneNav span{ position: relative; display: inline-block;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; transform: scale(0,1); background: #fff; position: absolute; left: 0; bottom: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
nav li.on .oneNav span::after,nav li:hover .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); }
nav:hover > li:not(:hover) .oneNav span::after{ transform: scale(0,1); }
.searchtopBtn{ padding-left: 3.6vw; border-left: 1px solid rgba(255, 255, 255, .38); height: 100px;}
/* nav li{ position: relative;} */


nav li dl{ position: absolute; color: #333;pointer-events: none; 
    padding-left: 3.6vw; padding-right: 3.6vw;
    left: 50%; width: 100vw; margin-left: -50vw; top: 100px; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, .15); text-align: center; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
/* nav li dl dd a{ line-height: 50px; font-size: 14px; height: 50px; border-top: 1px solid #e5e5e5; display: block; color: #333;}
nav li dl dd a:hover{ color: var(--white); background-color: var(--blue);} */
nav li dl{  visibility:hidden; opacity:0; transform: translateY(20px); }
nav li:hover dl{pointer-events: auto; visibility:visible; opacity:1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.downNav .iconfont{ font-size: 14px;}
.downNav dd:hover{ color: var(--blue);}
.downnavline{ height: 2px; width: 40px;}

header.scroll::after{ height: 100%; background: #fff;}
header.scroll{ color: #333; box-shadow: 0 0 15px rgba(0,0,0,.15);}
header.scroll li.on .oneNav{ color: var(--blue);}
header.scroll .oneNav span::after{ background: var(--blue);}
header.scroll li:hover { color: var(--blue);}
header.scroll .logoIcon{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
header.scroll .searchtopBtn{ border-color: rgba(0,0,0,.1);}

.searchBox{ background :  var(--green); z-index: 15; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }

.h_nav{ height: 60px; width: 60px; background-color:var(--blue); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.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); }
.h_nav.close{align-items: center; justify-content: center;}
.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;}
.nav{  overflow-y: scroll;  padding-bottom: 63px; }
.nav::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/border-radius: 3px; background: #000; width: 1px; }
.nav::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/border-radius: 3px; background: rgba(0,0,0,.1); width: 1px; }


.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; }



.banner::after{ display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 1; background-image: linear-gradient(to bottom,rgba(0,0,0,.4),transparent);
width: 100%; height: 50%;}
.banner .button{ position: absolute; right: 3.6vw; bottom: 70px; z-index: 10;}
.banner .next,.banner .prev{ width: 60px; height: 60px; border: 1px solid rgba(255, 255, 255, .38);}
.banner .next:hover,.banner .prev:hover{ background: var(--blue); color: #fff; border-color: var(--blue);}
.banner .swiper-pagination{ display: none;}


.idxAbout{ background: url(../images/idxPorBg.jpg) no-repeat center bottom; background-size: 100% auto;}
.idxProUl li{ width: calc(100% / 3);}
.idxProUl li .round{ width: 66px; height: 66px;}
.idxProUl li:last-child{ border-right: none;}
.idxProUl li  .img{ height: 470px;}
.maximg img{max-width: 100%; max-height: 100%;  }
.hoverxf{  position: absolute; width: calc(100vw / 3); left: 0;height: 100%;opacity: 0;background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.idxProUl:hover .hoverxf{ opacity: 1;}

@media screen and (min-width:750px) {

.idxProUl li:hover { color: #fff;}
.idxProUl li:hover{ color: var(--white); border-color: transparent;}
.idxProUl li:hover .round{ background-color: var(--white);border-color: var(--white) ; box-shadow: 0 0 10px rgba(255, 255, 255, .25); color: var(--blue); transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
.idxProUl li:hover  .img img{ transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
 
	 
}


.indexProTit li .proClassIcon{ filter: grayscale(100%); opacity: .8; -webkit-filter: grayscale(100%); }
.proClassIcon{ height: 36px;}
.indexProTit li.on .proClassIcon{ filter: grayscale(0%); opacity: 1; -webkit-filter: grayscale(0%); }
.indexProTit li.on { color: var(--blue);}

.idxMoreTel .left{ width: 282px; height: 65px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.idxMoreTel{ border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

.idxmore{ height: 60px; border-radius: 30px; width: 200px; background-image: linear-gradient(to right,#568de8,#093e96); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.idxmore::after{ display: block; content: ''; width: 60px; height: 60px; border-radius: 30px; transition: all .36s; background: var(--blue); position: absolute; right: 0; top: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxmore .Icon{ width: 60px; height: 60px; position: absolute; right: 0; top:0 ; z-index: 2;}
.idxmore:hover { box-shadow: 0 0 15px rgba(9,62,150, 0.8);}
/* .idxmore:hover i{ right:   calc(100% - 60px); transform:  rotate(720deg); -webkit-transform:  rotate(720deg); -moz-transform:  rotate(720deg); -ms-transform:  rotate(720deg); -o-transform:  rotate(720deg); } */
.idxmore  .tips{  position: relative; z-index: 5;}
.idxmore:hover::after{ width: 100%;}

.aboutPlay{ width: 140px; height: 140px; margin-left: -70px; margin-top: -70px; position: absolute; left: 50%; top: 50%; z-index: 2; }
.aboutPlay img{ animation: rotate 10s linear infinite; transition: ease 1s; -webkit-animation: rotate 10s linear infinite; }
/* 
.idxAbout .pic::after{ width: 16px; height: 265px; background: var(--blue); display: block; content: ''; position: absolute; top: -16px; left: -16px;
    -webkit-clip-path: polygon(100% 0,100% 100%, 0% 95%, 0 0);clip-path: polygon(100% 0,100% 100%, 0% 95%, 0 0);}
.idxAbout .pic::before{ height: 16px; width: 265px; background: var(--blue); display: block; content: ''; position: absolute; top: -16px; left: -16px;
    -webkit-clip-path: polygon(95% 0,100% 100%, 0% 100%, 0 0); clip-path: polygon(95% 0,100% 100%, 0% 100%, 0 0); } */
.numIcon{ position: absolute; top: 0; right:-50px; filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }

.numUl .line{ width: 1px; height: 90px; background: rgba(255, 255, 255, .1); display: block;}

.idxAboutLine span{ width: 30px; height: 4px; display: block; content: ''; background: var(--blue);}
.idxAboutLine span:first-child{ width: 60px;}
.idxPartners { background: #f8f8f8;}
.idxPartners .left{ width: 18.5%;writing-mode:vertical-rl; letter-spacing: 3px; background: url(../images/idxPartnersBg.png) no-repeat center bottom var(--blue); background-size: 100% auto;}
/* .idxPartners .right{ width:81.5%; padding-right: calc((100vw - 1480px)/2);}
.idxPartners .right .con::after{ background: #f8f8f8; position: absolute; right: -50%; width: 100%; height: 100%; top: 0; display: block; content: '';} */
.idxPartnersUl li{
  width: calc((100% - 80px)/6);
  margin-right: 16px;
  margin-top: 26px;
  height: 104px;
 
}
.idxPartnersUl li img{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  opacity: .5;}
.idxPartnersUl li:nth-child(6n){ margin-right: 0;}
.idxPartnersUl li:hover{   transform: scale(0.95); border-color: #fff; box-shadow: 0 0 15px rgba(9,62,150, 0.25); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95);  
}
.idxPartnersUl li:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; }

.idxWhy{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}


.idxProblem{ background: url(../images/problemBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed} 
.idxProblem::after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to right,rgba(9,62,150, 0.8), rgba(0,0,0,.6));}
.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(--blue);}
 
.whyUl li{ width:  calc((100% - 100px)/3); margin-right: 50px;  position: relative;  overflow: hidden;}
.whyUl li:nth-child(3n){ margin-right: 0;}
.whyIcon{ max-width: 60px; max-height: 60px;}
.whyUl li .img img{ transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; }
.whyUl li .line{ height: 2px; width: 15%;}
.whyUl li:hover{ background: url(../images/bg1.png) no-repeat center center; background-size: cover;  box-shadow: 0 0 20px rgba(0, 0, 0, .15); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
/* .whyUl li:hover .img img{ filter: drop-shadow(70px 0 0 #666); transform: translateX(-70px); -webkit-filter: drop-shadow(70px 0 0 #fff); -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); -ms-transform: translateX(-70px); -o-transform: translateX(-70px); } */
/* .whyUl li:hover  .line{ background: rgba(255, 255, 255, .8);} */

.whyUl li div{ position: relative; z-index: 10;}
.whyUl li::before{ width: 100%;  height: 100%; display: block; content: ''; background-image: linear-gradient(to top,#fff,rgba(255, 255, 255, .3));  position: absolute; top: 0; left: 0; right: 0;  bottom: 0; z-index: 1; }
.whyUl li:nth-child(1):hover{ background: url(../images/idxWhy01.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(2):hover{ background: url(../images/idxWhy02.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(3):hover{ background: url(../images/idxWhy03.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(4):hover{ background: url(../images/idxWhy04.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(5):hover{ background: url(../images/idxWhy05.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(6):hover{ background: url(../images/idxWhy07.jpg) no-repeat center center; background-size: cover;}




.idxNews{  }
.newsItem .txt{    perspective: 300px;-webkit-perspective: 300px;}
.newsItem .txt:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;transform: rotateX(-60deg);-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);background: -webkit-linear-gradient(130deg, #568de8, #093e96);background: -o-linear-gradient(130deg, #568de8, #093e96);background: -moz-linear-gradient(130deg, #568de8, #093e96);background: linear-gradient(130deg, #568de8, #093e96);}
.newsItem:hover .txt:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.newsItem:hover div{ color: #fff !important;}

.newsItem: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) ; } 

.idxBottom{ background: url(../images/idxBottomBg.png) no-repeat right center var(--blue);background-size: auto 100%; background-attachment: fixed }
.idxBottom .w25{ margin-top: -50px;}
.idxBottom .more{ border: 2px solid #fff; height: 50px; border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.idxBottom .more:hover{ background-color: var(--blue); box-shadow: 0 0 15px rgba(255, 255, 255, .38); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }


/* footer{ background: #1b1b1b;}
.waves {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;filter: grayscale(100%) brightness(500%); opacity: .6;}
.footMessage{  width: 18vw; }
.footMessage input{ border-color: rgba(255, 255, 255, .3);}
.footNav{ width: 13vw; margin-left: 5vw;}
.footNav a{line-height: 4.4;}.footNav a:nth-child(2n){ text-align: right;}footer a:hover{ opacity: 0.7;}

.outLInk a{ width: 46px; height: 46px; opacity: 0.5; }.outLInk a .iconfont{ font-size: 24px;}.outLInk a:hover{ opacity: 1;}
.outLInk a .img{ width: 100px; padding: 5px; position: absolute; left: 50%; margin-left: -50px; bottom: 110%; display: none; animation: rightTop .3s; -webkit-animation: rightTop .3s; }
.outLInk a:hover .img{ display: block;}
footer .bottom a:hover{color: #fff;}
.friendlink { height: 125px;padding-top: 25px; }
.select-txt option{ padding: 0 15px; display: block; color:#333} */

.popCode{ width: 50px; height: 50px; color: #fff !important;}
.popCode .iconfont{ font-size: 24px;}
.popCode .img{width: 120px;position: absolute;left: 50%;top:calc(100% + 15px);z-index: 5;background: #fff;transform: translateX(-50%);display: none;box-shadow: 0 0 8px rgba(0,0,0,.15);padding: 2px;border-radius: 5px}
.popCode .img:before{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);}
.popCode:hover .img{display: block;}
 
.f14{ font-size: 14px;}
footer a:hover{ color: var(--blue);}
footer .top {     border-bottom: 1px solid #eee;}
footer .center dl dt:after{content: '';display: block;width: 14px;height: 2px;background: var(--blue);margin-top: 8px; margin-bottom: 8px;}
footer .center dl dd{ color: #757575; padding: 3px 0;}
footer .bottom{ background: #f6f8fa;}
.homeg .row{padding: 5px 5px 5px 10px; border: 1px solid rgba(255,255,255,.3);background: rgba(255,255,255,.1); line-height: 40px; border-radius: 5px;}
.homeg .inputbOX{ width: 16.6%;}
.homeg .inputBtn{ width: 16.6%; padding:5px; border-color: #fff;  background: #fff;}
.homeg .teaxtBox{ width: 44%; }


.homeg{ background: url(../images/container06_bg.jpg) no-repeat center center; background-size: cover;}


.newsItem .img img{ width: 100%;}

.neiBan .txt{ background: rgba(0, 0, 0, .15);}
.subNav a{ flex: 1; height: 90px;}
.subNav a.on{ background: var(--blue); color: #fff;}
.subNav a:hover{ color: var(--blue);} 
.subNav a.on:hover{ color: #fff;}

.prolist li{ width: calc(100% / 3);}
.prolist li{ width: calc(100% / 3);}
.prolist li .round{ width: 66px; height: 66px;}
.prolist li:last-child{ border-right: none;}
.prolist li  .img{ height: 470px;} 
.prolist li:hover { color: #fff; background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.prolist li:hover{ color: var(--white); border-color: transparent;}
.prolist li:hover .round{ background-color: var(--white);border-color: var(--white) ; box-shadow: 0 0 10px rgba(255, 255, 255, .25); color: var(--blue); transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
.prolist li:hover  .img img{ transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }

.neiBanImg{ width: 100%; object-fit: cover; min-height: 250px;} 
.proInfoBg{ background: url(../images/proInfoBg.jpg) no-repeat center top #f8f8f8; background-size: 100% auto;}
.proinforBack{ border: 1px solid #fff;}
.proinforBack:hover{ border-color: var(--blue); box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); background: var(--blue); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.proinfoImg .next,.proinfoImg .prev{ width: 66px; height: 66px;}
.proinfoImg .next:hover,.proinfoImg .prev:hover{ background-color: var(--green); color: #fff;  }
.proinfoTxt .line{ background-color: #cdcdcd; height: 1px;}
.proinfoTxt .line::after{ width: 10%; position: absolute; left: 0; top: -1px; height: 3px; background-color: var(--blue); display: block; content: '';}
.proinfoImg  .swiper-slide{ height: 400px;}

.proInfoLeft{ width: 67.5%;}
.proInfotTit .tit{ border-left: 6px solid var(--blue);}
.proInfotRight{ width: 30%; }
.proInfotRight a.block .img{ height: 250px; margin-top: 25px;}
.proInfotRight a:last-child{ border-bottom: none;}
.proInfotRight a:hover{ color: var(--blue);}.proInfotRight a: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) ; }
.newspages a:last-child{ border-right: none;}
.newspages a:hover{ background: var(--blue); color: #fff; transform: scale(1.05); z-index: 5; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.newspages a:hover .font14{ color: rgba(255, 255, 255, .38);}
.caselistTIt{background-image: linear-gradient(to left,#00aefc,#093e96);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}

.params-container {display: table;  }
.param-item {display: table-row;}
.param-cell {display: table-cell;padding: 1em; border-right: 1px solid #f1f1f1;}
.params-container .param-item:nth-child(2n){ background-color: #fff;}

.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 40px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li:hover{ box-shadow: 0 0 25px rgba(9,62,150, 0.25);}

.newsleft{ width: 66%;}
.newsright{ width: 34%;}
.tjNewsUl a .left{ width: calc(100% - 120px);}
.tjNewsUl a .img img{ width: 100px; height: 70px; object-fit: cover;}


.joblist li{ margin-bottom: 25px;}
.joblist li  .top span{ flex: 1; line-height: 95px;}
.joblist li .bottom{ display: none;}
.jobBtn{ border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }


.popup{ position: fixed; top: 0; left: 0; z-index: 99999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);width: 90%; max-width: 1100px; margin:auto; padding: 0; position: relative; display: inline-block; border-radius: 10px;}
.popup-container .map{border-radius: 15px; overflow: hidden; max-width: 100%;}
.popup-container .map .con{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 6; background: #fff; color: #333; padding: 15px 20px; text-align: left;}
.popup-container .map .con .h3{font-size: 20px; font-weight: bold;}
.popup-container .map .con .p{font-size: 16px;}
.popup .closed{ position: absolute;top: -30px; right: -30px; cursor: pointer; background: #000; border-radius: 100%; padding: 10px;}
.popup .closed:before{ content: "脳"; font-family: "瀹嬩綋"; font-size: 30px; color: #fff; line-height: 30px; }
@media (max-width:640px) {
    .popup .closed{ right: 0;}
}

.inputbox{ position:relative; line-height:44px;}
.inputbox label{ position:absolute; left:0; padding: 0 10px; color:#bfbfbf; z-index: 0; font-size: 16px;}
.inputbox .text{ width:100%;  line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none; position: relative; z-index: 2; font-size: 16px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.inputbox .text:focus{ border-color:var(--blue);}

.jobpopup .popup-container{background:none;box-shadow:none; max-width: 720px;}
.jobpopup .popup-con{border-radius: 10px; overflow: inherit; background: #fff;padding-bottom: 62px;}
.jobpopup .closed{top: 2%; right: 8%; background: none;  z-index: 205;}
.jobpopup .closed:before{color: #333;}
.jobformbox{ display: none;}
.jobform .form-tit{ border-bottom: 1px solid #eee; color: #333; font-size: 24px; text-align: left; padding: 18px 10%;}
.jobform form{padding: 3% 10% 0% 10%;}
.jobform .item{text-align: left; margin-bottom: 15px;}
.jobform .item2 .selectbox{width: 48%;float: left;}
.jobform .item2 .selectbox:last-child{float: right;}
.jobform .selectbox select{display: block; background: #f9f9f9; height: 55px; padding: 10px; line-height: 30px; width: 100%; border: none; color: #999; font-size: 16px;}
.jobform .name{color: #333; font-size: 18px;}
.jobform .inputbox { position: relative; cursor: text; width: 100%; height: 50px; padding: 10px; line-height: 30px; font-size: 16px; background: #f9f9f9;}
.jobform .inputbox span.tit { position: absolute; color: #999; top: 10px; left: 10px;}
.jobform .inputbox input.text ,.jobform .inputbox select.text{ border: none; background: none; display: block; width: 100%; height: 30px; line-height: 30px; font-size: 16px;padding:0;}
.jobform .file-filestyle{ line-height: 30px; font-size: 16px; }
.jobform .file-filestyle input.text { border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;}
.jobform .file-filestyle span.tit { color: #333; display:block; margin-bottom:15px; }
.jobform .file-filestyle .filebtn{position:relative; width: 85px; height: 80px; border:2px solid #ededed; display:inline-block; font-size:0; text-align: center; line-height: 50px; cursor: pointer;}
.jobform .file-filestyle .filebtn::before,
.jobform .file-filestyle .filebtn::after{ position:absolute; content:''; background:#ededed;}
.jobform .file-filestyle .filebtn::before{ left:20%; width:60%; height:3px; top:50%; margin-top:-1px;}
.jobform .file-filestyle .filebtn::after{ left:50%; margin-left:-1px; width:3px; top:20%; height:60%;}
.jobform .btns{padding-top: 0; text-align: center;position: absolute;bottom: -45px;left: 50%;margin-left: -85px;margin-left: -50px;}
.jobform .btn{display: inline-block; background: var(--blue); font-size: 16px; color: #fff; width: 170px; height: 50px; text-align: center; line-height: 50px; border-radius: 55px; border: none; cursor: pointer;}
@media (max-width:640px) {
    .jobform .form-tit{font-size: 20px;}
    .jobform .name,.jobform .inputbox,.jobform .file-filestyle{font-size: 14px;}
    .jobform .inputbox input.text{font-size: 14px;}
    .jobform .inputbox span.tit,.jobform .file-filestyle span.tit{top: 5px;}
    .jobform .inputbox{padding: 5px 10px; line-height: 20px; height: 42px;line-height: 32px;}
    .jobform .file-filestyle{padding: 0 10px; line-height: 20px; height: 30px;}
    .jobform .file-filestyle .filebtn{line-height: 90px;width: 50px;height: 50px;}
    .jobform .btn{font-size:14px; width: 110px;height: 34px;line-height: 34px;border-radius: 30px;}
	.jobform .btns {
	    padding-top: 0;
	    text-align: center;
	    position: absolute;
	    bottom: -45px;
	    left: 50%;
	    margin-left: -50px;
	}
}

.jobform{
	position: relative;
}
 
.profile{ background: url(../images/profilebg.png) no-repeat bottom right;}
.aboutline{ width: 80px; height: 3px;}
.profileIcon{ width: 40px;}
.style{ background: url(../images/stylebg.jpg)  no-repeat center center; background-size:cover;}
.aboutBtn{ width: 70px; height: 70px ;}
.aboutBtn:hover{ background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .15);}


.Honor .swiper-container .swiper-slide .img{height:460px;}
/*  background: url(../images/Honorbg.png) no-repeat center top -50%; background-size: 80% auto; 
.contactStyle{ background: url(../images/contactStyleBg.png) no-repeat bottom center #f8f9fb; background-size: 100% auto;}
.contactStyle::before{ width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0; background: url(../images/contactStyleTop.png) no-repeat center top; background-size: 100% auto; }
.contactStyle .right .font60{ border-bottom: 3px solid #fff;}
.contactStyleImg{ width: 114px; height: 114px; object-fit: cover; border: 2px solid #fff;}
.contactEwm .img{ border: 2px solid var(--blue);}
.contactEwm img{ width: 156px;} */

.photolist li{ width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px;}
.photolist li:nth-child(3n){ margin-right: 0;}
.photolist 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) ; }
.photolist li:hover{ box-shadow: 0 0 20px rgba(9,62,150, 0.25); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.newsItem .img img{ width: 100%; height: 285px; object-fit: cover;}
.photolist li .img img{ width: 100%; height: 300px; object-fit: cover;}

table,tr,td,th {border: 1px solid #f1f1f1;padding: 0;border-collapse: collapse;text-align:center;}             
.caseInfo table{ background: #f8f8f8; line-height: 3;}
.caseInfo td{  padding: 1em; border-right: 1px solid #f1f1f1;}
.caseInfo table tr:first-child{ background: var(--blue) ; color: #fff; font-size: 22px;}
.caseInfo table tr:first-child td{ color: #fff;}
.caseInfo table tr:nth-child(2n){ background-color: #fff;}
.caseInfo table tr,.caseInfo table td{ text-align: center;}

.footSidebar { position: fixed; right: 0; bottom: 10vh; z-index: 105;   font-size: 14px;  filter: drop-shadow( 0 0 10px rgba(0, 0, 0, .15));   } 
.footSidebar li{ width: 70px; min-height: 80px; border-bottom: 1px solid #e5e5e5;}
.footSidebar li.topJump{ border-bottom: none; transform: translateX(105%);}
.footSidebar li.topJump.show{transform: translateX(0);}
.footSidebar  .kefu{ padding-top: 10px; border-bottom: 1px solid #e5e5e5;border-radius: 40px 40px 0 0;}
.footSidebar .pic{ width: 50px; height: 50px; border-radius: 50%;}
.footSidebar .pic img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.footSidebar .pic::after,.footSidebar .pic::before{ display: block; content: ''; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%;border: 1px solid var(--blue);animation: ani-data-v-789143c6 1.4s ease-out infinite;}
.footSidebar .pic::before{animation-delay: .6s;}
.footSidebar .iconfont{ font-size: 22px;}
.footSidebarLeft{animation: rightFloat .3s; padding: 5px; position: absolute; box-shadow: 0 0 10px rgba(0, 0, 0, .15); right: calc(100% + 10px); top: 50%;  display: none;}
.sidebarEwm{width: 120px; height: 120px; margin-top: -50px;}
.footSidebar li:hover .footSidebarLeft{ display: block;}
.sidebarTel{  height: 50px; margin-top: -25px;  line-height: 50px; padding: 0 15px;}
.footSidebar li:hover .iconfont{ color: var(--blue);}
.footSidebar li:hover .icon-zhiding { color: #fff}


.drop-txt{ border: 1px solid rgba(255, 255, 255, .25); width: 180px; height: 48px; }
.drop-txt::after{ display: block;   content: "\eb6d";  transition: all .36s; font-family: "iconfont" !important; position: absolute; right: 20px;}
.drop-downs ul{ position: absolute; bottom: 48px; left:0;  min-width: 100%; background: #fff; z-index: 10; color: #333; white-space: nowrap; display: none;  }
.drop-downs ul li + li{ border-top: 1px solid #e5e5e5;}
.drop-downs ul a{ font-size: 14px; padding: 5px 10px;   display: block; line-height: 2.4;}
.drop-downs ul a:hover{ background: var(--blue) ; color: #fff;}
.drop-downs:hover ul{ display: block;}
.drop-downs:hover .drop-txt::after{transform: rotate(180deg);}



.indexProUl li{  width: calc(100% / 3);}
/*
.indexProUl li:last-child{ border-right: none;}
.indexProUllist li{ flex: 33.3%;} 
 */
.indexProUl li:nth-child(3n){ border-right: none;}
.indexProItem::after{ width: 0; transition: all .36s; height: 1px; display: block; content: ''; background: var(--blue); position: absolute; left: 0; bottom: 0; }
.indexProItemImg{height: 360px; border-right: 1px solid #fff; }
.indexProItemImg .pic{ width: 100%; background: url(../images/bg3.jpg) no-repeat center center; background-size: cover;}
.indexProItemImg .pic img{max-width: 100%; max-height: 100%;}
.indexProItemImg .mengban{ opacity: 0; transform: scale(1.5);   -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.indexProUl li:hover{box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);}

.indexProUl li:hover .indexProItem::after{ width: 100%;}
.indexProItemImg .pic{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg);}
/* .indexProItemImg:hover  .pic{ opacity: 0; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }
.indexProItemImg:hover .mengban{opacity:1; transform: scale(1);}  */
/* .indexProUl li:hover .indexProItemImg .pic{ opacity: 0; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); } */


.indexProUl li:hover .indexProItemImg .mengban{opacity:1; transform: scale(1);} 
.inter-inner {
width: 90%;
height: 90%;
position: absolute;
left: 5%;
top: 5%;
}

.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.inter-inner .line1 { border-top: 3px solid var(--blue); border-bottom: 3px solid var(--blue); -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 3px solid var(--blue); border-left: 3px solid var(--blue); -webkit-transform: scale(1,0); transform: scale(1,0); }
.indexProItemImg:hover .line1, .indexProItemImg:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.indexProUl li:hover .indexProItemImg .line1, .indexProUl li:hover .indexProItemImg .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }



.morebtn{ width: 240px; height: 55px;  }
.btn5{position:relative; border:2px solid rgba(24,90 ,178, .15)  }
.btn5:hover{ color:var(--blue); 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:-2px; top:-2px; border-top-width:2px; border-left-width:2px;border-color:var(--blue);}
.btn5 .line_tr{ right:-2px; top:-2px; border-top-width:2px; border-right-width:2px;border-color:var(--blue);}
.btn5 .line_bl{ left:-2px; bottom:-2px; border-bottom-width:2px; border-left-width:2px;border-color:var(--blue);}
.btn5 .line_br{ right:-2px; bottom:-2px; border-bottom-width:2px; border-right-width:2px;border-color:var(--blue);}
.btn5 .line_all{ width:auto; height:auto; border-color:var(--blue); top:-2px; bottom:-2px; left:-2px; right:-2px; 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:2px; transition-delay:0.3s; -webkit-transition-delay:0.3s;}  
.btn5 span{ position:relative; z-index:1; }

@-webkit-keyframes animate-cloud {
    from {
      background-position: 1920px 100%;
    }
    to {
      background-position: 0 100%;
    }
  }
  @keyframes animate-cloud {
    from {
      background-position: 1920px 100%;
    }
    to {
      background-position: 0 100%;
    }
  }

.befar{ background: url(../images/befarBg.jpg) no-repeat center center; background-size: cover;  background-attachment: fixed; position: relative;}
.befar li{ width: calc(100%/6); border-right: 1px solid rgba(255, 255, 255, .15); }
.befar li .big{ text-stroke:1px #fff; -webkit-text-stroke: 1px rgba(255, 255, 255, .4);color: transparent; font-size: 150px;}
.befar li:hover .big{animation: jello 1.2s;}
.befar li .desc{  color: rgba(255, 255, 255, .6);} 
.befar li .img { margin-bottom: 8px;}
.befar .img img{height: 60px;}
.befar li:hover .img img{animation: jello 1.2s;}

.history{ background: url(../images/historyBg.jpg) no-repeat center bottom; background-size:cover;   background-attachment: fixed; position: relative;  overflow:hidden; height:auto;}
.history::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; content: ''; background-image: linear-gradient(to top,rgba(24,90 ,178, 0.8),transparent); }
.clound {width: 100%;height: 590px;z-index: 2; position: absolute;left: 0;bottom: 0;background: url(../images/cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}
  
 
/* .history-top .years{ font-size: 250px;
 
   text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; 
}  */
.history-thumbs .yuan{ width: 40px; height: 40px;}
.history-thumbs .yuan i{ display: block; width:20%  ; height: 20%;}
.history-thumbs .yuan::after{ width: 100%; transform: scale(0); transition: all .36s; height: 100%; position: absolute; left: 0%; top: 0%; background-color: rgba(255,255 ,255, 0.3); display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.history-thumbs  .swiper-slide-thumb-active .yuan::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.historyBot::after{ width: 100%; height: 1px; position: absolute; left: 0; top: 20px; background: rgba(255, 255, 255, 0.25); z-index: 1; display: block; content: '';}

.history-thumbs  .swiper-slide-thumb-active .yuan i{ background-color: var(--blue);}
/* .history  .next,.history .prev{ border: 1px solid rgba(255, 255, 255, .4); position: absolute; z-index: 20; top: 50%; width: 60px; height: 60px; margin-top: -30px;}
.history .prev{ left: 0;}
.history  .next{ right: 0;}
.history  .next:hover,.history .prev:hover{ background-color: #00696c;}
.history .next.swiper-button-disabled,.history .prev.swiper-button-disabled{ display: none ;} */

.fanZhan .prev,.fanZhan .next{box-shadow: 0 0 10px rgba(0, 0, 0, .15) ; width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.fanZhan .prev{left: -100px;}
.fanZhan .next{ right: -100px;}
.fanZhan .prev:hover,.fanZhan .next:hover{ background-color: var(--blue); color: #fff;}


/* .culture{ background: url(../images/cultureBg.jpg) no-repeat center bottom; background-size: 100% auto;}
.culture{ padding: 120px 0;}
.culture .text li{position: absolute; line-height: 2; }
.culture .text li:nth-child(1){ left: 50%;bottom:100%;transform: translateX(-50%); text-align: center; }
.culture .text li:nth-child(2){right: 110%; top: 80px;   }
.culture .text li:nth-child(3){right: 110%; top: 270px;   }
.culture .text li:nth-child(4){left: 110%; top: 80px;   }
.culture .text li:nth-child(5){left: 110%; top: 270px;   }
.culture .text li:nth-child(6){top: 101%;transform: translateX(-50%); left: 50%; text-align: center;  }
.culture .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} */

.CultureUl{ padding-top: 1px;}
.CultureUl li{ width: 32.5%;}
.CultureUl li .txt{ padding: 0 20px; background-color: rgba(0, 0, 0, .5); bottom: 0; left: 0; width: 100%; position: absolute; z-index: 5; transform: translateY(60%); -webkit-transform: translateY(60%); -moz-transform: translateY(60%); -ms-transform: translateY(60%); -o-transform: translateY(60%); }
.CultureUl li .txt .font14{opacity: 0;}
.CultureUl li:hover .txt{ transform:translateY(0) ; background-color: rgba(23, 60, 131, .8); -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
.CultureUl li: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) ; }
.CultureUl li:hover .txt .font14{opacity: 1;}


/* .proinfoyy .img img{ width: 100%; height: 100%; object-fit: cover;}
.proinfoyyLogo{display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
.proinfoyyLogo li{ height: 92px; padding: 8px;}
.proinfoyyLogo li:hover{ transform: scale(0.95); border-color: #fff; box-shadow: 0 0 15px rgba(9,62,150, 0.25); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
 */

 .proinfoyy .ico{ width: 80px; height: 80px; color: var(--blue);}
 .proinfoyy li { transition:all .36s ; box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); border-radius: 150px  ; width: 215px; position: relative; overflow: hidden; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
 .proinfoyy li::after{ width: 100% ; height: 100%; position: absolute; left: 0; top: 0; background: var(--blue); display: block; content: ''; transform: translateY(-105%); transition: all .36s;}
 .proinfoyy li:hover::after{ transform: none;}
 .proinfoyy li:hover{ 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); }
 .proinfoyy li:hover .ico{ background: #fff; color: var(--blue);}


.cxylist li{ width: calc((100% - 100px)/3); margin-right: 50px;}
.cxylist li:nth-child(3n){ margin-right: 0;}
.cxylist li:hover .img img{transform: scale(1.1);}

 

/* .idxPlan{  background: url(../images/bg1.png) no-repeat center center; background-size: cover; }  */
.idxPlan .more{ border-color: #fff; }
.idxPlan .swiper-container{ padding-left: 10vw;}
.idxPlan .swiper-slide .text{ position: absolute; left: 0; bottom: 0; background: rgba(9, 62, 150, .8); color: #fff;}
.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(9, 62, 150, .2);}
.caseBtn:hover{ background-color: rgba(9, 62, 150,1);color: #fff; }
.idxPlan .swiper-pagination-bullet{ background: var(--blue); margin: 0 10px; width: 10px; height: 10px;}


.idxCase{  }
.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: 280px;}
.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{   background-color:rgba(24,90 ,178, 0.05);} */
.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: rgba(24,90 ,178, 0.05); -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: var(--blue); color: #fff; border-color: transparent;}
.idxCase .swiper-pagination-bullet{ background: var(--blue); margin: 0 10px; width: 10px; height: 10px;}

.idxNpro::after{ width: 60%; height: 100%; background: rgba(24,90 ,178, 0.05); position: absolute; top: 0; left: 0; display: block; content: '';  }
.idxNproUl li{ background: #fff; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.idxNproUl li::after{ width: 0; transition: all .36s; height: 100%; background: rgba(24,90 ,178, 1); position: absolute; top: 0; left: 0; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNproUl li:hover::after,.idxNproUl li.on::after{ width: 100%;}
.idxNproUl li:hover,.idxNproUl li.on{ color: #fff;}
.idxNproUl li:hover .iconfont,.idxNproUl li.on .iconfont{ color: #fff;}
.idxNpro .swiper-pagination-bullet{ background-color: #fff;}

.idxNprobot{ position: absolute; bottom: 0; left: 0; opacity: .05;}
/* #093e96 */

.business{ background: url(../images/businessbg.png) no-repeat top right;}
.businessUl li .txt{  }
.businessUl li .img{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.businessUl li .yinIcon{ width: 3vw; display: block; position: absolute; left: 0; top: 0;}
.businessUl li:nth-child(2n){flex-direction: row-reverse;}
/* .businessUl li:nth-child(2n) .txt{ padding-left: 0; padding-right: calc((100vw - 1520px)/2);} */
.businessUl li:nth-child(2n) .yinIcon{ transform: rotate(180deg); position: absolute; left: auto; top: auto; bottom: 0; right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
/* .businessUl li:nth-child(2n) .img{ border-radius:  0 20px 20px 0  ; -webkit-border-radius:  0 20px 20px 0  ; -moz-border-radius:  0 20px 20px 0  ; -ms-border-radius:  0 20px 20px 0  ; -o-border-radius:  0 20px 20px 0  ; } */

.bg-f3{ background: #f3f7fb;}

.w31{ width: 31%;}
.contactSyle .left{ width: 150px;}
.contactEwm{ background: url(../images/contabg.png) no-repeat center bottom #fff; background-size: 100% auto;}

.ewmUl li img{ border: 1px solid #e5e5e5; width: 140px;}
.gbookBox .submit{ width: 190px;}

.mapBox{ min-height: 600px;}