body{font-size: 16px;} 
.w90{ width:1500px;  margin: 0 auto;  }
.maxW90{ width: 90%; max-width:1700px;  margin: 0 auto;}
.zw{ padding-top: 100px; margin-top: -100px;}
.zwHeader{ height: 100px;}

header{  width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 100; color: #fff; }
header .con{ padding-left: 3.7vw;}
header::after{ display: block; transition: all .36s; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .15); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.logoImg{ filter: drop-shadow(500px 0 0 #fff); transform: translateX(-500px); transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -ms-transform: translateX(-500px); -o-transform: translateX(-500px); -webkit-filter: drop-shadow(500px 0 0 #fff); }
nav li{ padding-right: 3vw;  position: relative;}
nav li:last-child{ margin-right: 0;}
nav li .oneNav>span::after{ width:0; height: 3px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.oneNav{ white-space: nowrap;  font-size: 18px;   line-height: 100px; display: flex; align-items: center; justify-content: center; } 
nav li:hover .oneNav>span::after{ width: 100%;}
nav li dl{ position: absolute; left: 0; top: 100%; height: 0; transform: scale(1,.5); opacity: 0; transition: all .5s; -webkit-transform-origin: top center; pointer-events: none;     box-shadow: 2px 23px 25px rgb(0 0 0 / 10%);}
nav li dl dd{ background: rgba(255, 255, 255, .85);line-height: 50px; padding: 0 10px; color: #333; font-size: 16px; display: flex;align-items: center;  min-width: 180px;}
nav li  dd a{ transition: all .36s;  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
nav li  dl dd:hover{  background: #fff;  }
nav li  dl dd:hover a{ color: var(--blue); transform:translateX(8px); -webkit-transform:translateX(8px); -moz-transform:translateX(8px); -ms-transform:translateX(8px); -o-transform:translateX(8px); }
nav li:hover dl{ height: auto; transform: scale(1); opacity: 1; pointer-events: unset; }

.headerLanguage{ height: 100px;}
.headerLanguage dl{ position: absolute; left: 0;  top: 100%; width: 100%;}
.headerLanguage dl dd a:hover{ background: var(--blue) ; color: #fff;}
.headerLanguage dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px);   transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.headerLanguage:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform: translateY(0) ;   }


header .topright{margin-right: 100px;}
.headerTel{ border-left: 1px solid rgba(255, 255, 255, .15); border-right: 1px solid rgba(255, 255, 255, .15); height: 100px; }
.headerTel .round{ width: 40px; height: 40px;}

.h_nav{ height: 100px; width: 100px;   padding: 35px  20px ;    align-items: flex-end; display: flex; position: absolute; right: 0; top: 0; z-index: 60;}
.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; background: var(--blue);}



.in-nav { width: 100%; background: #eee; height: 100vh; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 50; -webkit-clip-path: circle(0% at 100% 0px); clip-path: circle(0% at 100% 0px); transition: -webkit-clip-path 1.5s; transition: clip-path 1.5s; transition: clip-path 1.5s, -webkit-clip-path 1.5s; -webkit-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -moz-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -ms-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -o-transition: clip-path 1.5s, -webkit-clip-path 1.5s;  color: #fff;}
.in-nav.show {-webkit-clip-path: circle(150% at 100% 0px);clip-path: circle(150% at 100% 0px)}
.in-nav .left{ height: 100vh;}
.navImg{   width: 100%; height: 100%; object-fit: cover; } 
.in-nav .right{ padding-left: 9vw;}
.linka a:hover{ color: var(--blue);}
.navUl li{ margin-bottom: 30px;}
.navUl dl{ line-height: 2; color: #666; font-size: 14px;}
.navEwm{ width: 120px;}
.navEwmUl li + li{ margin-left: 15px; }

header.bg{  color: #333;box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.bg::after { height: 100%; background: #fff;}
header.bg nav li.on .oneNav{ color: var(--blue);}
header.bg .logoImg{ filter: none; transform: none; -webkit-filter: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
header.bg .h_nav{ background: var(--blue);}
header.bg .headerTel .round{ background: var(--blue); color: #fff; font-weight: normal;}



.banImg{ width: 100%; height: 100vh; object-fit: cover;}
.idxBan .text{ background-image: linear-gradient(to right,rgba(0,60,153,.3),rgba(0,60,153,.9));}
.idxBan .text .banRound{ width: 38%; position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50% ,-50%); -moz-transform: translate(-50% ,-50%); -ms-transform: translate(-50% ,-50%); -o-transform: translate(-50% ,-50%); }
.scollBtn{ width: 3vw; position: absolute; z-index: 15; animation: mousemove 2.6s linear infinite; bottom: 25px; left: 50% ; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; -webkit-animation: mousemove 2.6s linear infinite; }

.idxBan .swiper-slide.swiper-slide-active .banImg{ animation: mysacle 4s ease both; -webkit-animation: mysacle 4s ease both; }
.idxBan .pagination{ position: absolute; z-index: 15; right: 2vw; top: 50% ; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.idxBan .paginationline{ margin: 10px 0;  width: 1px; position: relative; top:  auto; right: auto; bottom: auto ; left: auto; height:40vh ; background: rgba(255, 255, 255, .2);  }
.idxBan .swiper-pagination-progressbar-fill{ background: #fff; transition: all .5s !important; -webkit-transition: all .5s !important; -moz-transition: all .5s !important; -ms-transition: all .5s !important; -o-transition: all .5s !important; }

.commonBtn {width: auto;  white-space: nowrap;line-height:56px;text-align: center; display: inline-block;perspective: 500;-webkit-perspective: 500;    }    
.commonBtn .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d; transform-style: preserve-3d;pointer-events: none;    }    
.commonBtn .t {position: absolute; width: 100%;height: 100%;left: 0; top: -56px;-webkit-transform-origin: center bottom;	-ms-transform-origin: center bottom;		transform-origin: center bottom;-webkit-transform: rotateX(90deg);		transform: rotateX(90deg);-webkit-backface-visibility: hidden;		backface-visibility: hidden;    }
.commonBtn:hover .w { transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(28px) translateZ(-28px) rotate3d(1, 0, 0, -90deg); }
.commonBtn:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}

.idxAbout{ background: url(../images/idxAboutBg.png) no-repeat center center; background-size: 90% auto;background-attachment: fixed;}
.numUl li { padding: 100px 0;}
.numUl li:hover{ color: var(--blue);}

.idxPro{ background: #eff1f5;}
.line-height1-2{ line-height: 1.2;}

.idxProUl a{ width: 17%; height: 584px;  margin-right: 2%;  }
.idxProUl a:last-child{ margin-right: 0;}



.idxProUl a .idxProImg{   height: 100%; position: absolute; top: 0; object-fit: cover; z-index: 1; }
.idxProUl a::before{ z-index: 2; width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0; background-image: linear-gradient(to top,rgba(0,60,153,1),rgba(0,60,153,.1));}
/* .idxProIcon{ position: absolute; left: 20px; bottom: 20px; z-index: 3;} */
.idxProIcon{ filter: grayscale(100%) brightness(500%); max-width: 60px; max-height: 60px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.idxProUl a .text{ position: absolute; left: 0; top: 0; z-index: 3; bottom: 0;right: 0;}
.idxProUl a .desc{ display: none; animation: topFloat 1s; -webkit-animation: topFloat 1s; }
.idxProUl a .top{ padding-top: 150px; padding-right: 2vw;}
@media screen and (min-width:750px) { 

    .idxProUl a.on{ width: 45%; }
.idxProUl a.on .top{ padding-top: 0;}
.idxProUl a.on .title{font-size: clamp(1rem, 0.675rem + 1.63vw, 2.625rem);}
.idxProUl a.on .desc{ display: block;}

}

.idxServices .con{ padding-left: calc((100% - 1500px)/2);}
.idxServicesSwiper .img img{ width: 100%; height: 100%; object-fit: cover;}
.idxServicesSwiper .swiper-slide{ opacity: .4;}
.idxServicesSwiper .swiper-slide.swiper-slide-active{ opacity: 1;}
.idxServicesSwiper .swiper-slide.swiper-slide-active .text{ background: var(--blue); color: #fff;}
.idxServicesSwiper .swiper-slide.swiper-slide-active  .commonBtn  .f{  background: #073190; color: #fff; }
.idxServicesSwiper .swiper-slide .num{ position: absolute; right: 0; bottom: -.7em; z-index: 2; color: rgba(255, 255, 255, .1); }

.idxServices .button{  left:740px; width: 74px; height: 74px; z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
/* .idxServices .button .w50:hover{ background: var(--blue);} */
.idxServices .button .w50:hover .iconfont {   opacity: 1;}

.idxNetwork{ background: url(../images/idxNetworkBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxNewsSwiper  .swiper-slide{ height: auto;}
.newsItem .tit{ height: 2.8em; }
.newsItem .img img{ width: 100%; height: 280px;}
.idxNetwork .newsItem:hover{ box-shadow: 0 0 15px 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); }
.idxNetwork .newsItem:hover .text{ padding-left: 25px; padding-right: 25px;}
.newsItem:hover .date,.newsItem:hover .tit{ color: var(--blue);}
.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); }

.idxNews .scrollbarNews{ height: 7px; background: #efefef;opacity: 1 !important;}
.idxNews .scrollbarNews .swiper-scrollbar-drag{ background: var(--blue); }
.idxNews .next,.idxNews .prev{ width: 50px; }
.idxNews .next:hover .iconfont,.idxNews .prev:hover .iconfont{ color: var(--blue);}

.idxBottom{ background: url(../images/idxBottomBg.jpg) no-repeat center center; background-size: cover;  }
.idxBottomBtn{ box-shadow: 0 10px 10px #073190;}
.idxBottomBtn:hover{ box-shadow: none; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
.idxBottom .top{ border-bottom: 1px solid rgba(255, 255, 255, .15);}
.friendlink a{ margin-left: 1vw;}
.friendlink a:hover,footer a:hover{ color: #fff;}

.line-height2-6{ line-height: 2.6;}
footer{ background: #232530; color: rgba(255, 255, 255, .3);}
 
footer dd{ line-height: 2.6;}

.footEwmUl li + li{ margin-left: 15px;}
.footEwmUl li img{ width: 100px;}
.idxNetwork .title{ position: absolute;  left: 0; top: 0; z-index: 5;  }

.idxNetworkUl li{ position: absolute; }
.idxNetworkUl li .dot{ width: 12px; height: 12px;  background: rgba(255, 255, 255, .4); }
.dot::before {width:24px;height:24px;background:transparent;background:rgba(255, 255, 255,0.1);margin-top:-12px;margin-left:-12px;-webkit-animation:warn 2s linear 0.4s infinite;-moz-animation:warn 2s linear 0.4s infinite;animation:warn 2s linear 0.4s infinite;opacity:0;}
.dot:after,.dot:before{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;}
.dot::after {width:44px; height:44px;background:transparent; /*background:#7e9ec3;*/ background:rgba(255, 255, 255,0.2); margin-left:-22px; margin-top:-22px; 
        -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
.idxNetworkUl li .dot .img img{ max-width: none; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.idxNetworkUl li .dot .img{cursor: pointer; position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); z-index: 5; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxNetworkUl li .text{ display: none; animation: maprightFloat .3s; width: 400px; position: absolute; top: 50%; left: calc(100% + 30px); transform: translateY(-50%); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-animation: maprightFloat .3s; }
.idxNetworkUl li:hover .text{ display: block;}
.idxNetworkUl li:nth-child(1){ right: 9%; top: 22%;}
.idxNetworkUl li:nth-child(2){ right: 23.2%; top: 34.6%;}
/* .idxNetworkUl li:nth-child(3){ right: 14.6%; top:50.5%;} */
.idxNetworkUl li:nth-child(3){ right:28%; top:73%;;} 
.idxNetworkUl li:nth-child(4){ right:13.65%; top:54.8%;}
.idxNetworkUl li:nth-child(5){ right:13.5%; top:59.7%;}
.idxNetworkUl li:nth-child(6){ right:25%; top:73.3%;}
.idxNetworkUl li:nth-child(7){ right:38%; top:47.6%;}
.idxNetworkUl li:hover{ z-index: 20;}
.idxNetworkUl li:nth-child(4) .dot .img img,.idxNetworkUl li:nth-child(5) .dot .img img{ filter: drop-shadow(100px 0 0 red); transform: translateX(-100px); -webkit-filter: drop-shadow(100px 0 0 red); }
.idxNetworkUl li:nth-child(4) .text{ display: block; left: calc(100% + 90px);}
.idxNetworkUl li:hover .dot .img img{ filter: drop-shadow(100px 0 0 red); transform: translateX(-100px); -webkit-filter: drop-shadow(100px 0 0 red); }
.idxNetworkUl:hover li:not(:hover) .text{ display: none; }
.idxNetworkUl:hover li:not(:hover) .dot .img img{ filter: none; transform:none; -webkit-filter: none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }

.neiBan .text{  
    background-image: linear-gradient(to right,rgba(0,60,153,.3),rgba(0,60,153,.9));
}
.neibanImg{ width: 100%; max-height: calc(100vh - 100px); object-fit: cover;}
.subnav{ box-shadow: 0 0 10px rgba(0,0,0,.15);}
.subnav a{ white-space: nowrap; height: 90px;  position: relative; margin-right: 4vw; display: flex; align-items: center; justify-content: center;  }
.subnav a::after{ width: 100%; transition: all .36s; transform: scale(0,1); height: 3px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background: var(--blue); -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); }
.subnav a.on  ,.subnav a:hover  { color: var(--blue);  font-weight: bold;  }  
.subnav:hover a:not(:hover)  { color:#666;  font-weight: normal; }

.newsList li{ width: calc((100% - 50px)/3); margin-right: 25px; }

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

    .newsList li:nth-child(-n + 3){ margin-top: 0;}
    .newsList li:nth-child(3n){ margin-right: 0;}
}


.newsList li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgb(0 0 0 / 20%); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.location .icon-youjiantou1{ transform: scale(0.6); color: #999999; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); }
.location a:hover{ color: var(--blue);}
.backButton:hover{ letter-spacing: 2px; }

.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: 6px; background: var(--blue); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.newsRightUl a .img{ width: 185px; height: 115px;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 204px);}
.newsRightUl a: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); }

.contactStyle .right{ position: absolute; left: 50%; top: 0;}

.contactIcon{ width: 70px;}
.mapBox{  height: 60vh;}
.messageBox .input{ width: 24%;}
.messageBox .submit{ width: 22%;}
.messageBox .reset{ width:  22%;}

.serviceOne .img::before{ z-index: 2; width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0; background-image: linear-gradient(to top,rgba(0,60,153,.9),rgba(0,60,153,.1));}
.serviceOne .text .line{ width: 100%; height: 1px; background: #ddd;}
.serviceOne .text .line::after{ width: 5%; height: 4px; background: var(--blue); position: absolute; left: 0; top: -1px; display: block; content: '';}
.serviceOne .text .round{ width: 94px; height: 94px;}
.serviceOne .text .round img{ max-width: 50%; filter: drop-shadow(200px 0 0 #333); transform: translateX(-200px); -webkit-filter: drop-shadow(200px 0 0 #333); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); }

.serviceItems{ background: url(../images/serviceItemsBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
.serviceItemsUl{ display: grid; grid-gap: 45px; grid-template-columns: repeat(5,1fr);}
.serviceItemsUl li{ min-width:0}
.serviceItemsUl li:hover{ background: var(--blue); 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); }

.productAdvantagesUl li{ height: 77vh; padding-top: 25vh;}
.productAdvantagesUl li .round{ width: 80px; height: 80px; background: rgba(255, 255, 255, .4);} 
.productAdvantagesUl li .round::after{ display: block; border-radius:50% ; content: ''; transition: all .36s; width: 100%; height: 100%; background: var(--blue); position: absolute; top: 0; left: 0; transform: scale(0); -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; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.productAdvantagesUl li::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0, 0, 0, .35);}
.productAdvantagesUl li::before{ display: block; transition: all .36s; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-image: linear-gradient(to top,rgba(0,60,153,.9),rgba(0,60,153,.1)); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.productAdvantagesUl li:hover .round::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.productAdvantagesUl li:hover::before{ height: 100%;}

.programmeAdvantage{ background: url(../images/programmeAdvantageBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;} 
.programmeAdvantage::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,60,153,.8);}
.programmeAdvantageUl li{ width: calc((100% - 60px) / 4); margin-right: 20px;}
.programmeAdvantageUl li:nth-child(4n){ margin-right: 0;}
.programmeAdvantageUl 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); }

.application{ background: url(../images/applicationBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.application::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(255,255,255,.8);}
.applicationUl li{ width: 48.5%; margin-right: 3%; box-shadow: 0 0 15px rgba(0,60,153,.1);perspective: 600px; -webkit-perspective: 600px;}
.applicationUl li:nth-child(2n){ margin-right: 0;}
.applicationUl .round{ width: 176px; height: 176px; background-color: rgba(0,60,153,.1) ; flex-shrink: 0;}
.applicationUl .round::after{ display: block; content: ''; position: absolute; top:10%; left:10%; width: 80%; height: 80%; background: var(--blue); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.applicationUl li: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: linear-gradient(130deg, rgba(0,60,153,.6),var(--blue));}
.applicationUl li:hover{ color: #fff;}
.applicationUl li:hover .color-aaa{ color: rgba(255, 255, 255, .6);}
.applicationUl li:hover:before{opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff ; }
.applicationUl li:hover .round{ background: rgba(255, 255, 255, .6); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.applicationIcon{ max-width: 50px; height: 50px;}


.cooperate{ background: url(../images/cooperateBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.cooperate::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%;background: linear-gradient(130deg, var(--blue),transparent);}

.contactBottom .center{ width: 18%;}
.yanma{ max-height: calc(100% - 2px) ; top: 50%; transform:translateY(-50%) ; right: 1px; position: absolute; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.contactBottom .left .tilte::after{ display: block;  content: ''; position: absolute; left: 0; bottom: 0;  width: 1em; height: 3px; background: var(--blue);}

.caselist li:first-child{ margin-top: 0;}
.caselist li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
.caselist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.jobModel{ background: url(../images/jobModelBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.jobModel::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(255,255,255,.8);}

 
.jobModelUl li{ width: calc((100% - 80px)/3); margin-right: 40px;  }
.jobModelUl li:nth-child(3n) { margin-right: 0; }

.jobModelUl li::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,60,153,.3)}
.jobModelUl li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.jobModelUl 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) ; }
.jobModelUl li:hover::after{ background: rgba(0,60,153,.1);}

.jobDevelop{ background: url(../images/jobDevelopBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.jobDevelop::after{ display: block;  content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,60,153,.8);}

 
 
.jobDevelopUl li { width: calc((100% - 72px )/3); margin-right: 36px;  background: rgba(255, 255, 255, .4);}
.jobDevelopUl li:nth-child(3n){ margin-right: 0;}
.jobList{ border-bottom: 1px dashed #e5e5e5; }
.jobList li{ border-top: 1px dashed #e5e5e5;}
/* border-bottom: 1px dashed #e5e5e5; */
.jobList li .top .btn{ width: 150px; height: 50px;}
.jobList li .bottom { line-height:40px; display: none;}
.jobList li .close{ display: none;}
.jobList li.on .icon-arrow-down-bold{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.jobList li.on .btn{ background-color: var(--orange);}
.jobList li.on .close{ display: block;}
.jobList li.on .open{ display: none;}

.profileNum{ height: 70vh;}
.video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    /*保证视频内容始终居中*/transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 500px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
} 
 
@media screen and (min-width:750px) {

	
.cultureUl {display: grid; grid-gap: 25px; grid-template-columns: repeat(2,1fr);}
.cultureUl li{perspective: 800px; -webkit-perspective: 800px; cursor: pointer; height: 30vh;}   
/* .cultureUl li.div1 { grid-area: 1 / 1 / 2 / 3; }
.cultureUl li.div2 { grid-area: 2 / 1 / 3 / 3; }
.cultureUl li.div3 { grid-area: 1 / 3 / 3 / 5;  height: 60vh;}
  */
     
}



.cultureUlImg{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;} 
.cultureUl li:hover .cultureUlImg{ 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:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;transform-origin: left center 0;transition: 0.54s;
    
    opacity: 1; visibility: visible; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); 
    background: rgba(0,60,153,.3)}  
.cultureUl li:hover:before{transform: rotateY(60deg);-webkit-transform: rotateY(60deg);-moz-transform: rotateY(60deg); opacity: 0;visibility: hidden; }

.history{ background: url(../images/historyBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.historyTop .text{ background: rgba(255, 255, 255, .15);}
.historyTop .text .left{ border-right: 1px   solid rgba(255, 255, 255, .15);}

.historyBottom{ background: url(../images/historyBotBg.png) repeat-x center bottom 5px;}
.historyBot  .swiper-slide{ cursor: pointer; position: relative;}
.historyBot  .swiper-slide::after{ width: 2px; height: 0; transition: all .36s; background: #fff; position: absolute; bottom: 0; left: calc(50% - 1px); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.historyBot  .swiper-slide .iconfont{ opacity: 0; }
.historyBot  .swiper-slide.swiper-slide-thumb-active{ color: #fff;}
.historyBot  .swiper-slide.swiper-slide-thumb-active .iconfont{ opacity: 1; }
.historyBot  .swiper-slide.swiper-slide-thumb-active::after{ height: 15px;}