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(/skin/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(/skin/images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(/skin/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,.2),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(/skin/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(/skin/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(/skin/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)/4);
  margin-right: 16px;
  margin-top: 26px; 
}
.idxPartnersUl li img{  filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; }
.idxPartnersUl li:nth-child(4n){ 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(100%); -webkit-filter: grayscale(100%);  opacity: .5;}

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


.idxProblem{ background: url(/skin/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(/skin/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(/skin/images/idxwhy01.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(2):hover{ background: url(/skin/images/idxwhy02.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(3):hover{ background: url(/skin/images/idxwhy03.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(4):hover{ background: url(/skin/images/idxwhy04.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(5):hover{ background: url(/skin/images/idxwhy05.jpg) no-repeat center center; background-size: cover;}
.whyUl li:nth-child(6):hover{ background: url(/skin/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(/skin/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(/skin/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(/skin/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(/skin/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(/skin/images/profilebg.png) no-repeat bottom right;}
.aboutline{ width: 80px; height: 3px;}
.profileIcon{ width: 40px;}
.style{ background: url(/skin/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{}

.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(/skin/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(/skin/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(/skin/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(/skin/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(/skin/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(/skin/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(/skin/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(/skin/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: 350px;}

.pro-page1{ padding: 65px 0;}
.pro-page1 .w80{ display: flex; justify-content: space-between;}
.pro-left{ width: 23%;}
.pro-right{ width: 75%;}
.pro-left-box{ background: url(/skin/images/pro-left-box-bg.jpg) no-repeat right bottom #0569b3; padding: 10px 30px 30px 30px; color: #fff;}
.pro-left-box h1{ font-size: 24px; font-weight: 500; margin-top: 20px;}
.pro-left ul{ border: 2px solid rgb(255, 255, 255,0.1); margin: 34px 0;}
.pro-left ul li{ border-bottom: 2px solid rgb(255, 255, 255,0.1); height: 58px; line-height: 58px;}
.pro-left ul li:last-child{ border: none;}
.pro-left ul li a{  color: #fff; font-size: 16px; padding: 0 15px;   display: inline-block;white-space: nowrap;  width: calc(100% - 5px);  overflow: hidden;text-overflow:ellipsis; opacity: 0.6; background: url(/skin/images/pro-left-jiantou.png) no-repeat center right 15px; transition: all .3s;}
.pro-left ul li:hover a, .pro-left ul li a.on{ opacity: 1;  } 
.pro-left dl{ font-size: 15px;  }
.pro-left dl dt{ width: 50px; float: left;}
.pro-left dl dd{ float: left;  width: calc(100% - 50px);}

.prolist-ul{display: grid; grid-gap: 25px; grid-template-columns: repeat(3,1fr);}
.prolist-ul li{border: 1px solid #e5e5e5; padding: 35px; position: relative;}
.prolist-ul li .prolist-img{ overflow: hidden;}
.prolist-ul li .prolist-img img{ max-width: 100%;}
.prolist-ul li .prolist-txt{ text-align: center; margin: 10px 0;}
.prolist-ul li .prolist-txt h1{ font-size: 18px; font-weight: normal; line-height: 1.6;}
.prolist-ul li .prolist-txt h2{ font-size: 16px; color: #666; font-weight: normal;   margin-top: 20px;}
.prolist-ul li  .prolist-more{ background: #f3f7fc; color: #333; height: 50px; line-height: 50px; text-align:  center; font-size: 16px; display: block;}

.prolist-ul li  .prolist-on{ transform: scaleX(0); transition: all .5s; width: calc(100% - 48px); height: 100%; padding: 0 24px; position: absolute; top: 0; left: 0; color: #fff  ; background: rgb(4 ,105, 179,0.9);display: flex;  align-items: center;  justify-content: center; }
.prolist-ul li:hover  .prolist-on{transform:scaleX(1)}
.prolist-txt2{ text-align: left;}
.prolist-txt2 h1{ font-size: 26px; line-height: 1.6; font-weight: normal;} 
.prolist-txt2 h2{ font-size: 16px;font-weight: normal;;}
.prolist-tel{ background: url(/skin/images/prolist-tel.png) no-repeat center left; padding-left: 40px; font-size: 18px;display: flex;  align-items: center;  margin: 60px auto; }
.prolist-tel span{font-family:'applefont'; font-size: 24px;}

.prolist-more2{  height: 50px; line-height: 50px; display: block; text-align: center; border: 2px solid #fff; border-radius: 8px;position: relative;overflow: hidden;transition: all 0.5s;}
.prolist-more2 span{    position: relative;    z-index: 1;font-size: 16px;  color: #fff;}
.prolist-more2 .btnbg-x{  position: absolute;background: #00589f;left: 50%;    width: 0;    top: 0px;bottom: 0px;    transition: all 0.5s;}
.prolist-more2:hover .btnbg-x{ width:100%; left:0px; }

.w1240{ width: 1240px; margin: 0px auto; position: relative;}

.proinfo-page1{ height: 80px; }
.proinfo-page1 .w1240{ display: flex; justify-content: space-between;}
.proinfo-page2{   background: #f4f6fb;}

.keylink{  line-height: 80px; }


.pt-50{ padding-top: 50px;}
.pb-50{ padding-bottom: 50px;}

.search-pro { height: 80px; position: absolute; right: 350px; width: 385px;display: flex;  align-items: center;  }
.search-pro form{display: flex;  align-items: center;  justify-content: center; }
.search-pro input[type=text]{ width: 325px; height: 38px; line-height: 38px;  padding: 0 0 0 15px; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.search-pro input[type=submit]{  height: 40px; width: 40px; padding: 0; background: url(/skin/images/search-pro-btn.png) no-repeat center center  #0569b3;}
.proinfot-tel{font-family:'applefont'; width: 260px; height: 80px;display: flex;  align-items: center;  justify-content: center; background-image: linear-gradient(to left,  #0569b3,#14b6f9); font-size: 26px; color: #fff; }

.proinfo-page2 .w1240{ display: flex; justify-content: space-between;}
.proinfo-page2-left{ width: 50%;}
.proinfo-page2-right{ width: 50%; background: #fff;position: relative;}
.proinfo-page2-right .info { margin: 38px;   }
.proinfo-page2-right .info h1{ font-size: 30px;}
.proinfo-page2-right .info .line{ width: 20px; height: 3px; background: #172f69;  margin: 60px 0 40px 0;}
.proinfo-page2-right .info p{ line-height: 3.5; font-size: 16px;}
.proinfo-page2-right .info p span{ font-family:'applefont';color: #0569b3; font-size: 22px;}
.proinfo-page2-right .info  a{ position: absolute; bottom:38px;  left: 38px; right: 38px; text-align: center; transition: all .3s; color: #fff; background:#0569b3 ; font-size: 16px; height: 50px; line-height: 50px;  border-radius: 5px;}
.proinfo-page2-right .info  a:hover{ bottom: 50px; box-shadow: 0 0 10px rgb(0 ,0, 0,0.3);}

.proinfo-page3{ }
.pro-detail-page1{ background: url(/skin/images/healing-4.jpg) top center; display: flex; flex-direction: column;  align-items: center;  justify-content: center; padding: 30px 0; }
.pro-detail-page1-tit{ text-align: center; position: relative; padding: 10px 30px;}
.pro-detail-page1-tit::before,.pro-detail-page1-tit::after{content: ''; display: block; width: 34px; height: 34px; position: absolute;}
.pro-detail-page1-tit::before{  top: 0; left: 0; background: url(/skin/images/bg-2.png) center center no-repeat;}
.pro-detail-page1-tit::after{ bottom: 0; right:  0; background: url(/skin/images/bg-3.png) center center no-repeat;}
.pro-detail-page1-tit h1{ font-family: '宋体'; font-size: 50px;}
.pro-detail-page1-tit h1 span{font-family:'applefont'; color: #0569b3;}
.pro-detail-page1-tit h2{ font-size: 26px; font-weight: normal;;}

.pro-detail-page2{  }
.pro-detail-page3{ }

.pro-more{background-image: linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);    background-size: 200% auto; color: #fff; font-size: 20px;display: inline-flex;  align-items: center;  justify-content: center; 
width: 160px; height: 50px; border-radius: 25px; transition: all .4s;
}
.pro-more:hover{background-position: right center;color: #fff;}

.dis-flex{ display: flex; justify-content: space-between; align-items: center;}

.pro-attributes-tit{ border-bottom: 1px solid #e5e5e5; margin-bottom: 50px; margin-top: 50px;  }
.pro-attributes-tit span{font-size: 40px; padding-bottom: 22px;position: relative; display: inline-block; }
.pro-attributes-tit span::before{ width: 100%; position: absolute; left: 0; bottom: -1px; height: 2px; background: #0569b3; content: ''; display: block;}

.pro-attributes-tit em{ color: #2b64cd;font-style:normal; font-size: 22px; margin-left: 20px; }

.pro-attributes-info{ padding:  0; font-size: 16px; line-height: 2.1;}
.pro-attributes-info table tbody tr:nth-child(2n-1) {
  background: #f5f7f9;
}

.pro-adv{ display: grid; grid-gap: 86px; grid-template-columns: repeat(4,1fr);}
.pro-adv li{box-shadow: 0 0 10px rgb(4 ,105, 179,0.2); padding: 30px 0;display: flex;  align-items: center;  justify-content: center; flex-direction: column; font-size: 24px; border-radius: 8px; transition: all .3s; }
.pro-adv li img{ margin-bottom: 28px; transition: all .3s;  }
.pro-adv li:hover{ margin-top: -10px; background: #00589f; color: #fff;}
.pro-adv li:hover img{filter: grayscale(100%) brightness(500%); }
.pro-adv-more{ transition: all .4s; width: 300px; height: 50px; 
  
  background-image: linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);
  background-image: -webkit-linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);
  background-image: -ms-linear-gradient(to right, #10b6fb 0%, #0569b3 50%, #10b6fb 100%);

  background-size: 200% auto;
  color: #fff; display: flex;  align-items: center;  justify-content: center;  margin: 50px auto 0; border-radius: 30px; font-size: 20px;}
.pro-adv-more:hover{background-position: right center;color: #fff; width: 350px;}

.pro-detail-page4{  background: #f4f6fb;}
.pro-detail-tit{ text-align:  center; font-size: 24px;}
.pro-detail-tit h1{ font-size: 40px;}
.pro-detail-tit p{}

.pro-problem{display: grid; grid-gap: 40px; grid-template-columns: repeat(4,1fr); padding: 50px 0;}
.pro-problem li{ position: relative;}
.pro-problem li img{ border-radius:8px;}
.pro-problem li  span{ transition: all .6s; background: #0569b3; font-size:20px ; color: #fff; width: 140px; height: 44px; position: absolute;display: flex;  align-items: center;  justify-content: center;  border-radius: 22px;top: -22px; left: 50%; margin-left: -70px; }
.pro-problem li:hover span{   top: 50%; margin-top: -22px;}


.pro-problem2{display: grid; grid-gap: 40px; grid-template-columns: repeat(4,1fr);padding: 50px 0 0;}
.pro-problem2 li{ text-align: center; padding: 32px 24px; background: #0569b3; color: #fff;  flex-direction: column; border-radius: 8px;}
.pro-problem2 li h2{ font-size: 26px; font-weight: normal; margin: 15px 0;}
.pro-problem2 li  p{ color: rgb(255, 255, 255,0.8); font-size: 16px;}
.pro-problem2 li img{ transition: all .3s;}
.pro-problem2 li:hover img{transform: rotateY(180deg);}

.pro-detail-page5{ background: url(/skin/images/why-bg.jpg) center top; color: #fff; padding: 50px 0 1px;}

.idxSeries{ background: url(/skin/images/idxseriesbg.jpg) no-repeat left center; background-size: cover;}
.idxSeriesUl .iconfont{ position: absolute; left: 0; bottom: 0; z-index: 5;}
.idxSeriesUl li:hover .iconfont{ transform: translateX(25px); -webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); }
.idxSeriesUl li:hover { box-shadow: 0 0 20px rgba(13, 49, 145, .15);}
.idxSeriesUl li .img{ height: 80%; width: 50%; position: absolute; right: 0; bottom: 5%;}
.idxSeriesUl 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); }



/* .idxDomainSwiper .text{ width: 26%; position: absolute; right: 0; bottom: 0; height: 100%; z-index: 10;} */

.solutionconUl{ border-top: 1px solid #e5e5e5;}
.solutionconUl li{ width: 50%; border-right: 1px solid #e5e5e5; }
.solutionconUl li:last-child{ border-right: none;}
.solutionconUl li .ico{ width: 80px; height: 80px;  border-radius: 50%; position: relative; background: #f5f5f5; transition: all .36s; }
.solutionconUl li:nth-child(1) .ico{ background: url(/skin/images/solutionicon1.png) no-repeat center center #f5f5f5;}
.solutionconUl li:nth-child(2) .ico{ background: url(/skin/images/solutionicon2.png) no-repeat center center #f5f5f5;}
.solutionconUl li .ico i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #0260b3; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}


.solutionconUl li:hover{ color: #0260b3;}
.solutionconUl li:hover .img img{transform: scale(1.1);}
.jumpUrl{ cursor: pointer;}