@charset "utf-8";
@font-face{font-family:'monb';font-style:normal;font-weight:normal;src:url(../fonts/monbaiti.ttf) format('truetype')}
.monb{font-family:'monb' }
body,html{position:relative;height:100%}
.slideMain{width: 100%;height: 100%}
.slideMain .swiper-slide{height: 100%; position: relative;overflow: hidden;}
.slideMain .swiper-slide .wps{height: calc(100vh - 1rem); position: relative;z-index: 5;margin-top: 1rem}
/*.slideMain .swiper-slide .wps{height: calc(100vh - 1.3rem); position: relative;margin-top: 1.3rem}*/
.slideMain .homee{height: auto!important}
.swiper-container-vertical>.main-wrapper {flex-direction: column;}
.swiper-container-android .swiper-slide, .main-wrapper {transform: translate3d(0px,0,0);}
.main-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}






.banner .slide{position: relative;}
.banner .slide{position: relative;}

.banner a.a{display:flex;justify-content: center;flex-direction: column; height: 100vh;background-position:center;background-repeat: no-repeat;background-size: cover;padding: 0 9.2vw;position: relative;}
/*.banner a.a:before{content: '';position: absolute;top: -1px;left:-1px;right: -1px;background: url(../images/bamask.png) no-repeat top center;background-size: 100% 100%;height: 30vh;z-index: 1;}
*/
.banner a.a:after{content: '';position: absolute;bottom: -1px;left:-1px;right: -1px;background: url(../images/bamask1.png) no-repeat top center;background-size: 100% 100%;height: 20vh;z-index: 1;opacity: .7;}
.banner a.a:before{content: '';position: absolute;top: -1px;left:-1px;right: -1px;background: url(../images/bamask.png) no-repeat top center;background-size: 100% 100%;height: 20vh;z-index: 1;opacity: .7;}


.banner .pgaline{position: absolute;bottom: 5vh;;color: #fff;z-index: 10;width:100%;left: 0}
.banner .pgaline .pga span{width: 10px;height: 10px;display: block;opacity: .6;margin: 0 .12rem;border-radius: 0;transform: rotate(45deg);transition: .3s} 
.banner .pgaline .pga span.swiper-pagination-bullet-active{opacity: 1;transform:scale(1.3) rotate(45deg)} 
.banner .pgaline .btn img{height: .38rem;width: .38rem}
.banner .pgaline .btn{cursor: pointer;margin: 0 .2rem;opacity: .6}
.banner .pgaline .btn:hover{opacity: 1}
@media screen and (min-width: 1280px){
.banner .a{transform: scale(1.1);transition: 5s linear}
.banner .swiper-slide-active .a{transform:scale(1);}
}
@keyframes scaleTwo{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.tsmouse{position: absolute;left: 50%;transform: translateX(-50%);color: #00519b;bottom: 4vh;z-index: 5;text-align: center;cursor: pointer;width: .6rem;height: .6rem;background: #fff;border-radius: 50%}
.tsmouse p{font-size: .13rem;position: relative;z-index: 3;line-height: 1em}
.tsmouse i{position: relative;z-index: 3;font-size: .14rem}
.tsmouse:before{position: relative;z-index: 3}
.tsmouse:after{content: '';width: 100%;height: 100%;border-radius:50%;position: absolute;left:0;top: 0;background: rgba(255,255,255,.7);z-index: 2;animation:scaleTwo 1.8s infinite;display: block;}

.rightNav {position: fixed;right: 0;top: 45%;transform: translateY(-50%);z-index: 50;padding: .2rem;}
.rightNav.fir{background: rgba(255,255,255,.6);}
.rightNav ul li{text-align: center;position: relative;}
.rightNav ul li:last-child:after{display: none}
.rightNav ul li:after{content: '';width: 1px;height: .15rem;background: #0056c3;display: block;margin: .05rem auto}
.rightNav ul li i{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #0056c3;}
.rightNav ul li span{writing-mode: tb-lr;writing-mode: vertical-lr;display: none;color:  #0056c3}
.rightNav ul li.on span{display: block;}
.rightNav ul li.on i{display: none;}
.rightNav.w ul li span{color: #fff}
.rightNav.w ul li i{background: #fff}
.rightNav.w ul li:after{background: #fff}
@media (max-width: 1279px){
.rightNav{display: none}  
}



.rightFix{position: fixed;left: -1.7rem;top: 50%;transform: translateY(-50%);width: 1.65rem;background: url(../images/urlbg.jpg) no-repeat center;background-size: cover;z-index: 99;padding: 0 .2rem;transition: .4s}
.rightFix.show{left: 0}
.rightFix ul{background: url(../images/line.png) no-repeat left center;background-size: auto 100%;padding: .3rem 0 }
.rightFix ul li{padding: .1rem 0;font-size: .15rem;position: relative;padding-left: .2rem}
.rightFix ul li:before{content: '';width:5px;height: 5px;background: #fff;border-radius:50%;position: absolute;left: -5px;top: 50%;margin-top: -6px;border: 3px solid #0b6edd}
.rightFix ul li:hover:before{background: #ff9c49}
.rightFix ul li a{color: #fff}
.rightBtn{position: fixed;left: 0;top: 50%;transform: translateY(-50%);width: 1.3rem;z-index:66;height: 2.32rem;cursor: pointer;transition: .4s}
.rightF:hover .rightFix{left: 0}
/*.rightF:hover .rightBtn{left: -1.35rem}
*/
.intit{margin-bottom: .5rem;}
.intit h4{padding-top: .2rem}
.intit h4:before{position:absolute;font-family: 'monb';font-size: .5rem;color: #f4f6f9}
.homeba .intit h4:before{content: 'NEWS';left: 0;top: .1rem;}

.intit h4 span{font-size: .4rem;font-weight: bold;text-transform: uppercase;line-height: 1em;display: block;position: relative;z-index: 3}
.bigt:after{position: absolute;font-size:7vw;color: #fff;text-shadow: 0 .05rem .15rem rgba(0,0,0,.1);writing-mode: tb-lr;writing-mode: vertical-lr;;white-space: nowrap;line-height: 1em;font-weight: bold;}

.homeb:after{content: 'DYNAMIC';left:2vw;top: 1.2rem;}
.homeb .wp{border-left: 1px solid #eee;}

.homeb:before{content: '';width: 32.8%;right: 0;top: 0;height: calc(50vh + .5rem);background: url(../images/linn.png) repeat-y top center;background-size: 100% auto;z-index: 0;position: absolute;}
.homeba{padding-top:2vh}
.homeba .intit{margin-bottom: 0;padding-left: .6rem;position: absolute;top: 2vh}

.homeba .txt{width: 50%;padding: .5rem 8% 0 .6rem}
.homeba .pics{width: 50%;height: calc(48vh - .5rem)}
.homeba .pics .pic{height: 100%}
.homeba .txt .h4{font-size: .22rem;line-height: 1.6em;margin-bottom: .2rem}
.homeba .txt .h4 a{max-height: 1.26rem\0;display: block\0}
.homeba .txt p{line-height: 1.6em;color: #666;margin-bottom: .3rem;max-height: .75rem\0}
.homeba .txt time{color: #666}
.homeba  .more{display: inline-block;}
.homeba  .more i{font-weight: bold;margin-right: .1rem}

.homebb{max-width: 1920px;margin: 0 auto}
.homebb .pics{position: absolute;top: 0;;right: 50%;width: 41vw;bottom: 0}
.homebb .slide-News{height:100%}
.homebb .pics .pic{height:100%}
.homebb .txt{width: 50%;height: calc(50vh - .5rem)}
.homebb .txt ul{height: 100%}
.homebb .txt ul li{height: calc(100% / 3);padding: .2rem;display: flex;justify-content: center;flex-direction: column;position: relative;transition: .3s}
.homebb .txt ul li h4{font-size: .18rem;margin-top: .1rem;position: relative;z-index: 2;line-height: 1.5em}
.homebb .txt ul li h4 a{max-height: .42rem\0;display: block\0;}
.homebb .txt ul li:before{content: '';background: #005cbb;height: 3px;width: 0; left: 0;top: 0;position: absolute;z-index: 1;}
.homebb .txt ul li:after{content: '';background: #fff;width: 0;right: 0;top: 0;position: absolute;;bottom: 0;z-index: 0;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.homebb .txt ul li.show{padding-left: 0;}
.homebb .txt ul li.show:before{width: .7rem;transition: .3s}
.homebb .txt ul li.show:after{width:  calc(100% + .3rem);transition: .3s}
.homebb .txt ul li.show h4{font-size: .2rem;transition: .3s}
.homebb .txt ul li.show h4 a{color: #2c5ea3;max-height: .46rem\0;display: block\0;}
.homebb .txt ul li time{color: #666;position: relative;z-index: 2}

@media (max-width:1800px){
.homeb:after{left: 1vw;font-size: 6vw;}
}
@media (max-width:1700px){
.homeb:after{font-size: 5.5vw;left: 0}

}


#lizip{position: absolute;height: 60vh;overflow: hidden;bottom: 0;left: 0;width: 100%;opacity: .5}
#lizi{pointer-events: none;position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 0}
.homec{background: url(../images/linebg.png) no-repeat bottom center;background-size: 100% auto}
.homec .intit{margin-bottom: .6rem}

.homec ul{max-width: 13rem;margin: 0 auto;width: 70vw}
.homec ul li{margin: 0 1%;max-width: 31.33333%;transition: .3s}

.homec ul li a{display: block;position: relative;}
.homec ul li a:before{content: '';background: rgba(0,86,195,.4);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;opacity: 0;visibility: hidden;transition: .4s}
.homec ul li:hover a:before{opacity: 1;visibility: visible;}
.homec ul li a p{position: absolute;left:0;bottom: .2rem;width: 100%;text-align: center;color: #fff;z-index: 2;font-size: .22rem}
/*.homec .more{margin-top: .4rem}
.homec .more a{display: block;height: .48rem;width: 1.5rem;border: 1px solid #aaa;text-align: center;line-height: .46rem;margin: 0 auto;background: #fff}
.homec .more a i{font-size: .24rem;margin-right: 5px;vertical-align: -3px;font-weight: bold;}*/
.homed{color: #fff}
.homed .aleft{width: 26%;height: 100%;padding-bottom: 12vh}
.homed .aleft .txt .tit{margin-bottom: .5rem}
.homed .aleft .txt .tit span{font-size: .5rem;color: rgba(255,255,255,.2);}
.homed .aleft .txt .tit h4{font-size: .36rem;font-weight: bold;}
.homed .aleft .txt .tit h4:after{content: '';height: 3px;width: .8rem;display: block;background: #fff;margin-top: .2rem}
.homed .aleft .txt p{font-size: .18rem;line-height: 1.8em}
.homed .aleft .more{font-size: .18rem;color: #fff;display: inline-block;margin-top: .7rem}
.homed .aleft .more i{font-weight: bold;margin-right: .1rem}
.homed .aright{width: 62%;height: 100%}
.homed .aright .slide-num{width: 100%;text-align: center;padding-bottom: .8rem}
.homed .aright .slide-num p{font-size: .18rem;line-height: 1.6em}
.homed .aright .scNum{font-family: 'imp';font-size: 1rem;position: relative;}
.homed .aright .scNum:before{content: '+';position: absolute;top: 0;right: -.3rem;font-size: .5rem}
.homed .aright .pga{bottom: .15rem;position: absolute;left: 0;width: 100%;}
.homed .aright .pga span{width: 10px;height: 10px;display: block;opacity: .6;margin: 0 .12rem;border-radius: 0;transform: rotate(45deg);transition: .3s} 
.homed .aright .pga span.swiper-pagination-bullet-active{opacity: 1;transform:scale(1.3) rotate(45deg)} 
.homed .aright .btn img{height: .38rem;width: .38rem}
.homed:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;width:36%;z-index: 0;background:url(../images/0615/dot.png)  #0056c3  no-repeat bottom center;background-size: 100% auto}
.homed:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;width:64%;z-index: 0;background: url(../images/4banner202405282.jpg) no-repeat center;background-size: cover}
@media (max-width:1366px){
.homec ul{width: 65vw}

}

@media (min-width: 1280px){
.homec ul li:hover{transform: translateY(-.15rem);}
}
@media (max-width: 1279px){
.homeba{padding: .6rem 0 0}
.homeb:after{top: .6rem}
.homeba .intit{top: .6rem}
.homeba .pics{height: 4.6rem}
.homebb .txt{height: 4.6rem}
.homed{padding: .8rem 0}
.homed .aright{height: auto}

.homec{padding: .8rem 0}
.homec .wp{padding-top: 0}
.homec ul{width: 100%}
}
@media (max-width: 980px){

.homeb .wp{border-left: 0}
.homeb:before{display: none}
.homeba .txt{width: 100%;order: 2;padding-left: 0;padding-bottom: .5rem;padding-right: 0;padding-top: 0}
.homeba .pics{width: 100%;order: 1;margin-bottom: .3rem;height: 50vw}
.homeba .wp .item{padding-left: .4rem}
.homeba .intit{padding-left:0;margin-bottom: .4rem;position: relative;top: 0}
.homebb .pics{position: relative;width: 100%;height: 50vw;right: 0}
.homebb{padding-bottom: .5rem}
.homebb .txt{position: relative;width: 100%;height: auto}
.homebb .txt ul li.show:after{width: 100%}
.homebb .txt ul li.show{padding-left: .3rem;}
.homebb .txt ul li{padding: .3rem}
.homebb .txt ul li h4{font-size: .2rem}
.homebb .txt ul li.show h4{font-size: .2rem}
.homeba .txt .h4{font-size: .24rem}
.homed{padding: 0}
.homed .wp{width: 100%}
.homed:before,.homed:after{display: none}
.homed .aleft{width: 100%;height: auto;padding-bottom: 0;padding: .5rem 5%;background:#0056c3 }
.homed .aright{width: 100%;height: auto;padding-bottom: 0;padding: 1rem 5%;background: url(../images/cbg2.jpg) no-repeat center;background-size: cover}
.homed .aright .scNum{font-size: .8rem}
.homed .aright .scNum:before{font-size: .35rem}

.homec{padding: .6rem 0}
}
@media (max-width:640px){
.homeba .txt .h4{font-size: .22rem}
.homec ul li{width:46%;max-width: inherit;margin: 0 2%;margin-bottom: .2rem;}
.homec{padding:0 0 .6rem }
}

@media (min-width: 1921px){
.homed:before{width: 40%}
.homed:after{width: 60%}
}

@media screen and (max-width:1400px){

}


@media screen and (max-width: 1279px){

/*.rightFix{display: block;}*/
body,html{position:relative;height:auto}
.slideMain .swiper-slide{height:auto;width: 100%}
.main-wrapper{display: block;}
.slideMain .swiper-slide .wp{margin-top: 0;height: auto}


.rightF{display: none}
.tsmouse{display: none}
.banner a.a{height: auto;transform: none;padding: 0;background: transparent}
.banner a.a img{display: block;width: 100%}
.bigt:after{display: none}
.banner a.a:before{display: none}
.banner .pgaline{bottom: .3rem}
.banner .pgaline .btn img{height: .3rem;width: .3rem}
}

@media screen and (max-width: 1000px){


}

@media screen and (max-width: 640px){
.banner .pgaline .pga span{width: 8px;height:8px;}
.banner .pgaline{bottom: .2rem}
.banner .pgaline .btn img{height: .26rem;width: .26rem}
.intit h4:before{font-size: .4rem}
.intit h4 span{font-size: .32rem}
}

@media screen and (max-width: 480px){

}
/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop,

} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}

/*0615*/
.homeba .sq {
width: 3px;
height: .6rem;
top: .3rem;
left: -2px;
background: #005cbb;
position: absolute;
z-index: 5;
}
.homec .intit .more{position: absolute;right: 0;top: .3rem;z-index: 3}
.homec .intit .more i{font-weight: bold;margin-right: .1rem;}
.homec .aleft .intit h4:before{content: 'Announcements';left:0;top: .1rem;text-transform: uppercase;}
.homec .aright .intit h4:before{content: 'recruitment';left:0;top: .1rem;text-transform: uppercase;}
.arrow{position:fixed;left:50%;bottom:.1rem;text-align:center;transform:translateX(-50%);color:#fff;cursor: pointer;opacity:0;padding:0 10px;animation:bb 1.5s linear 0s infinite;width: 1rem;z-index:99;}
.arrow img{width: .8rem;height:.8rem;display: block;}
.arrow.last img{transform: rotate(180deg);}
.arrow.last{animation:bbb 1.5s linear 0s infinite;}
.arrow.prev{display: none}
@media (max-width: 1279px){
.arrow{display: none!important;}  
}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
60%{transform:translate(-50%,10px);opacity:1;}
100%{transform:translate(-50%,0px);opacity:0;}
}
@keyframes bbb{
0%{transform:translate(-50%,0);opacity:0;}
60%{transform:translate(-50%,-10px);opacity:1;}
100%{transform:translate(-50%,0px);opacity:0;}
}

.homec .wp{max-width: 16rem}
.homec .aleft{width: 65%;border-right: 1px solid #eee;padding-top: 15vh;padding-right: 3%}
.homec .aleft .pga{text-align: center;margin-top: .3rem;}
.homec .aleft .pga span{opacity: 1;background: #cdcdcd;margin: 0 6px}
.homec .aleft .pga span.swiper-pagination-bullet-active{background: #005eb8}
.homec .aleft .item:hover{background-color: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.15)}
.homec .aleft .item:hover span.more{width: 1.65rem;background: #fff;border-color: #eee;box-shadow: 0 0 .1rem #ddd;padding: 0 .2rem;text-align: left;}
.homec .aleft .item:hover span.more i{color: #0056c3}
.homec .aleft .item:hover span.more em{opacity: 1;color: #666;visibility: visible;transition: .2s .2s;position: relative;}
.homec .aleft .item{margin: .1rem;padding: .3rem;transition: .3s;background-image: url(../images/0615/dh.png);background-repeat: no-repeat;background-position: 88% .3rem;position: relative;}
.homec .aleft .item:before{content: '';width: 4px;height: 0;background:#005eb8;position: absolute;left: 0;top: 0;transition: .3s }
.homec .aleft .item:hover:before{height: 35%;}
.homec .aleft .item span.more{display: block;width: .46rem;height: .46rem;border: 1px solid #ddd;text-align: center;line-height: .44rem;border-radius: .5rem;color: #ddd;transition: .3s;overflow: hidden;}
.homec .aleft .item span.more em{font-size: .14rem;opacity: 0;visibility: hidden;position: absolute;}
.homec .aleft .item time{color: #666}
.homec .aleft .item time span{font-size: .32rem;font-weight: bold;}
.homec .aleft .item h4{font-size: .18rem;line-height: 1.5em;margin-bottom: .2rem;margin-top: .25rem;height: .81rem}
.homec .aleft .item p{color: #666666;font-size: .14rem;line-height: 1.8em;margin-bottom: .5rem;height: .75rem}
.homec .aright{width: 35%;padding-top: 15vh;padding-left: 3%}
.homec .aright .slide-hcb{width: 3rem;margin: 0 auto}
.homec .aright .slide-hcb .pic{width: 3rem;height: 3rem;border-radius: 50%;}
.homec .aright .slide-hcbt{text-align: center;margin-top: .3rem}
.homec .aright .slide-hcbt{padding-top: .8rem;background: url(../images/0615/line.png) no-repeat top center;}
.homec .aright .slide-hcbp .sbtn a{position: absolute;width: .4rem;height: .4rem;border-radius: 50%;text-align: center;line-height: .4rem;border-radius: 50%;background: #efefef;top: 50%;transform: translateY(-50%);font-weight: bold;}
.homec .aright .slide-hcbp .sbtn a:hover{background: #0056c3;color: #fff}
.homec .aright .slide-hcbp .sbtn a.prev{left: 0}
.homec .aright .slide-hcbp .sbtn a.next{right: 0}
.homec .aright .slide-hcbt .swiper-slide{line-height: .2rem;opacity: .8}
.homec .aright .slide-hcbt .swiper-slide-active{font-size: .2rem;opacity: 1}
.ui-loop{position:absolute;width:3.3rem;height:3.3rem;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.path-loop {fill: none;stroke: #0056c3;stroke-miterlimit: 10;stroke-width: 2px;} 
.path-loop-bg {fill: none;stroke: #eee;stroke-miterlimit: 10;stroke-width: 2px;opacity: 1;} 
@media (max-width: 1366px){
.homec .aleft{padding-top: 6vh}
.homec .aright{padding-top: 6vh}
}
@media (max-width: 1200px){
.homec .aleft{width: 60%}
.homec .aright{width: 40%}
.homeba .sq{display: none}
}
@media (max-width: 980px){
.homec .aleft{padding-top: 0;padding-bottom: .6rem}
.homec .aright{padding-top: 0}
.homec .aleft{width: 100%;border-right: 0}
.homec .aright{width: 100%}

}
@media (max-width: 480px){
.homec .aleft .item h4{height: auto;font-size: .2rem}
.homec .aleft .item p{height: auto}


}