@charset "utf-8";
.banner .sbtn a{position: absolute;width: .65rem;height: .65rem;background: rgba(0,0,0,.4);text-align: center;line-height: .65rem;color: #fff;z-index: 10;top:50%;transform: translateY(-50%);border-radius: 50%}
.banner .sbtn a.prev{left: .3rem}
.banner .sbtn a.next{right: .3rem}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide img{width: 100% }
.banner .swiper-slide-active img{}
.banner .swiper-slide a{display: block;position: relative;}
/*.banner .swiper-slide a:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;background: url(../images/bamask.png) no-repeat bottom center;background-size: 101% 100%;height: 40%;z-index: 0}*/
.banner .swiper-slide .txt{position: absolute;bottom: 0;color: #fff;font-size: .3rem;line-height: 1.2em;z-index: 2;padding: .3rem .3rem .55rem;left: 0;right: 0;background: url(../images/batxtbg.png) no-repeat bottom center;background-size: 101% 100%;text-align: center}
.banner .swiper-slide .txt p span{text-transform: uppercase;display: block;}

.banner .pagBa{width: 100%;position: absolute;bottom: .16rem;text-align: center;left: 0;z-index: 10}
.banner .pagBa .swiper-pagination-bullet {width: auto;height: auto;opacity: 1;color: #006abb;background: transparent;border-radius: 0;font-size: .24rem;margin: 0 6px;transition: .3s}
.banner .pagBa .swiper-pagination-bullet:before{content: "\e601";font-family: "iconfont" !important;}
.banner .pagBa .swiper-pagination-bullet-active {opacity: 1;color: #fff;}


@media (max-width: 1200px){
.banner .swiper-slide p{font-size: .26rem}
/*.banner .swiper-slide a{display: block;height: 50vw;position: relative;}
.banner .swiper-slide a img{max-width: inherit;max-height: inherit;width: auto;height: 100%;position: absolute;left: 50%;transform:translateX(-50%)}*/

}
@media (max-width: 1024px){

}
@media (max-width: 800px){

}
@media (max-width: 640px){
/*.banner .swiper-slide a{height:60vw;}*/
.banner .pagBa{bottom: .1rem}
.banner .swiper-slide .txt{padding: .2rem 5% .5rem}
.banner .swiper-slide p{font-size: .2rem;line-height: 1.4em}
.banner .sbtn a{width: .55rem;height: .55rem;line-height: .55rem;}
.banner .sbtn a.prev{left: .2rem}
.banner .sbtn a.next{right: .2rem}

}
@media (max-width: 480px){

}

.h4{font-weight: normal;}
.intit{margin-bottom: .5rem;}
.intit span{font-size: .62rem;color: #005cbb;font-weight: bold;text-transform: uppercase;line-height: 1em;display: block;}
.bigt:after{position: absolute;font-size:7vw;color: #fff;text-shadow: 0 .05rem .15rem rgba(0,0,0,.1);writing-mode: tb-rl;font-family: 'pop';white-space: nowrap;line-height: 1em}

.homeaa:after{content: 'NEWS';left: 3vw;top: 50%;transform: translateY(-50%);}
.homeaa:before{content: '';width: 32.8%;right: 0;top: 0;bottom: 0;background: url(../images/line.png) repeat-y top center;background-size: 100% auto;z-index: 0;position: absolute;}
.homeaa .intit{margin-bottom: 0;padding-left: .6rem;}
.homeaa .wp{border-left: 1px solid #eee;padding-top: .7rem}

.homeaa .wp .sq{width: 3px;height: .6rem;bottom:3rem;left: -2px;background:#005cbb;position: absolute;z-index: 5 }
.homeaa .txt{width: 50%;padding:0 .6rem;padding-bottom: .2rem}
.homeaa .pics{width: 50%;height: 4.2rem}
.homeaa .pics .pic{height: 100%}
.homeaa .txt .h4{font-size: .3rem;line-height: 1.4em;margin-bottom: .3rem}
.homeaa .txt .h4 a{max-height: 1.26rem\0;display: block\0}
.homeaa .txt p{font-size: .18rem;line-height: 1.6em;color: #666;margin-bottom: .3rem;max-height: 1.12rem\0}
.homeaa .txt time{color: #ac3939}
.homeaa .txt time:after{content: "\e679";font-family: "swiper-icons" !important;font-size: .28rem;margin-left: .2rem;vertical-align:-.06rem}

.homeab{max-width: 1920px;margin: 0 auto}
.homeab .pics{position: absolute;top: 0;bottom: 0;left: 0;right: 50%}
.homeab .slide-News{height:100%}
.homeab .pics .pic{height:100%}
.homeab .txt{width: 50%;height: 4.2rem}
.homeab .txt ul{height: 100%}
.homeab .txt ul li{height: calc(100% / 3);padding: .2rem;display: flex;justify-content: center;flex-direction: column;position: relative;transition: .3s}
.homeab .txt ul li h4{font-size: .18rem;margin-top: .1rem;position: relative;z-index: 2}
.homeab .txt ul li h4 a{max-height: .42rem\0;display: block\0;}
.homeab .txt ul li:before{content: '';background: #005cbb;height: 3px;width: 0; left: 0;top: 0;position: absolute;z-index: 1;}
.homeab .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);}
.homeab .txt ul li.show{padding-left: 0;}
.homeab .txt ul li.show:before{width: .7rem;transition: .3s}
.homeab .txt ul li.show:after{width:  calc(100% + .3rem);transition: .3s}
.homeab .txt ul li.show h4{font-size: .2rem;transition: .3s}
.homeab .txt ul li.show h4 a{color: #2c5ea3;max-height: .46rem\0;display: block\0;}
.homeab .txt ul li time{color: #666;position: relative;z-index: 2}


.homeb{background: #f5f5f5;padding: 1rem 0 1.15rem}
.homeb .item .pics{width: 48%;height: 3.9rem}
.homeb .item .pic{height: 100%}
.homeb .item .txt{width: 49%;}
.homeb .item .txt .h4{font-size: .3rem;margin-bottom: .3rem}
.homeb .item .txt .h4:before{content: '';height: 3px;background: #005cbb;width: .55rem;display: block;margin-bottom: .15rem}
.homeb .item .txt p{font-size: .18rem;line-height: 1.6em;color: #666;margin-bottom: .3rem;max-height: 1.12rem\0}
.homeb .items{margin-top: -1rem}
.homeb .items ul{max-width: 11rem;background: #f5f5f5;padding: .1rem 0 0 .1rem;width: 100%;position: relative;z-index: 5}
.homeb .items ul li{width: calc(20% - .08rem)}
.homeb .items ul li:nth-child(2n+1){background: #006abb}
.homeb .items ul li:nth-child(2n){background: #be3434}
.homeb .items ul li:nth-child(2n+1) .pic{opacity: .24}
.homeb .items ul li:nth-child(2n) .pic{opacity: .2}
.homeb .items ul li a{display: block;position: relative;}
.homeb .items ul li .pic{height:1.45rem}
.homeb .items ul li p{position: absolute;width: 100%;top:50%;transform:translateY(-50%);text-align: center;padding: 0 5%;z-index: 3;color: #fff;font-size: .2rem;line-height: 1.1em;}

.homec{background: #f5f5f5;}
.homec .wp{position: relative;padding: .6rem 0 .8rem .6rem;min-height: 4.3rem}
.homec .wp:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width:16.66rem ;background: url(../images/cbg.jpg)#ffffff no-repeat center;background-size: cover;}
.homec .wp .aleft{width: 25%}
.homec .wp .aright{width: 68%}
.homec .wp .aleft .tabNav li{font-size: .24rem;text-align: right;padding: .2rem 0;line-height: 1.1em}
.homec .wp .aleft .tabNav li a{position: relative;display: inline-block;}
.homec .wp .aleft .tabNav li a:after{content: '';background: #005cbb;height: 3px;width: 0; left: 0;bottom: -.08rem;position: absolute;z-index: 1;}
.homec .wp .aleft .tabNav li.show a:after{width: 100%;transition: .3s}
.homec .wp .aleft .tabNav li.show a{color: #005cbb}
.homec .wp .aright ul li{width: 47%;border-bottom: 1px solid #ddd;padding: .4rem 0;font-size: .18rem;line-height: 1.5em}

.homeds{padding-bottom: .8rem;margin-top: -1.1rem}
.homed{background: url(../images/dbg.jpg) no-repeat center;background-size: cover;padding-top: 2.35rem;}
.homed .slide-hd .pagBa{text-align: center;margin-top: .4rem}
.homed .slide-hd .pagBa span{background: rgba(0,0,0,.2);;width:12px;height: 12px;opacity: 1;margin: 0 8px}
.homed .slide-hd .pagBa .swiper-pagination-bullet-active{background: #be3434}

.homed .slide-hd{top: .8rem}
.homed .item{position: relative;background: #000}
.homed .item a{display: block;position: relative;}
.homed .item .pic{height: 4.5rem;opacity: .7}
.homed .item p{position: absolute;left: .2rem;top: .2rem;bottom: .2rem;right: .2rem;background: rgba(190,52,52,0); text-align: center;padding: 0 5%;z-index: 3;color: #fff;font-size: .3rem;line-height: 1.1em;display: flex;justify-content: center;flex-direction: column;transition: .3s;padding-top: .3rem}
.homed .item p span:after{content: "\e62c";font-family: "iconfont" !important;display: block;text-align: center;margin-top: .15rem;opacity: 0;visibility: hidden;font-size: .4rem}
.homed .item:hover p{background: rgba(190,52,52,.8)}
.homed .item:hover p span:after{opacity: 1;visibility: inherit;}
.homee{}
.homee:after{content: 'DATA DUT';right: 3vw;top: .2rem;letter-spacing: -.05em}
.homee .wp{padding: 1.5rem .6rem 1rem;border-right: 1px solid #eee;position: relative;}
.homee .wp .sq{width: 3px;height: .6rem;bottom:-3rem;right: -2px;background:#005cbb;position: absolute;z-index: 5 }
.homee  .desc{margin-bottom: .4rem}
.homee  .desc .txt{width: 70%;line-height: 1.6em;color: #555;font-size: .18rem}
.homee  .slide-datap{width: 80%}
.homee  .slide-data .item{position: relative;padding-right: .2rem;}
.homee  .slide-data .item:before{content: '';position: absolute;right: .2rem;top:50%;;background: #ddd;width: 1px;transform: translateY(-50%);height: 1.8rem;display: none}
.homee  .slide-data .item span{color: #be3434;font-size: .5rem}
.homee  .slide-data .item p{color: #555;font-size: .2rem;}
.homee .slide-datap .pagBa{text-align: center;margin-top: .4rem}
.homee .slide-datap .pagBa span{background: rgba(0,0,0,.2);;width:12px;height: 12px;opacity: 1;margin: 0 8px}
.homee .slide-datap .pagBa .swiper-pagination-bullet-active{background: #006ac3}

.homef{}
.homef .wp{padding: 0 0 1.44rem;background: url(../images/fline.png) no-repeat 75% bottom;border-right: 1px solid #eee}
.homef ul li{width: 23.8%;background: #006ac4}
.homef ul li a{display: block;position: relative;}
.homef ul li .pic{height:1.8rem}
.homef ul li:nth-child(1) .pic{opacity: .8}
.homef ul li:nth-child(2) .pic{opacity: .8}
.homef ul li p{position: absolute;width: 100%;top:50%;transform:translateY(-50%);text-align: center;padding: 0 5%;z-index: 3;color: #fff;font-size: .2rem;text-shadow: 0 0 10px #013e7d;line-height: 1.1em;font-weight: bold;}

@media (min-width: 1921px){
.bigt:after{font-size:1.2rem;}
.homee:after{letter-spacing: inherit;}
.homee .wp .sq{bottom:-1.5rem;}
}

@media (max-width:1800px){
.bigt:after{right: 1vw}
}
@media (max-width:1600px){
.bigt:after{font-size: 5.5vw;right: 0}
.homec .wp:after{width: calc(100vw - 5.5%)}
}
@media (max-width: 1366px){
.homee .wp .sq{bottom:-6rem; }
.homeaa .wp .sq{bottom:2.5rem; }
}



@media (max-width: 1180px){
.intit{margin-bottom: .4rem}
.intit span{font-size: .5rem}
.bigt:after{display: none}
.homee .wp .sq{bottom:auto;top: 1.5rem}	
.homee .slide-datap{width: 100%}
.homee .wp{padding: .8rem .3rem .8rem 0}
.homee .desc .txt{width: 100%;order: 2}
.homee .desc .intit{width: 100%;order: 1;text-align: center}
.homee .slide-data .item{text-align: center;padding-right: 0}

.homed{padding-top: 1.5rem}
.homeb .items{margin-top: 0;}
.homeb .items ul{padding: .1rem 0 0 0}
.homeb{padding-bottom: .8rem}
.homeb .item .pics{height: 3.2rem}
}
@media (max-width: 980px){
.intit span{font-size: 6vw}
.homef .wp{background-position: center bottom;background-size: 100% auto;padding:0 0 1rem} 
.homef ul li{width: 48.5%;margin-bottom: .3rem}
.homec .wp .aleft{width: 100%}
.homec .wp .aright{width: 100%}
.homed .intit{margin-bottom: 0}
.homec .wp .aleft .tabNav{display: flex;justify-content: space-between;}
.homec .wp .aleft .tabNav li{text-align: left;}
.homec .wp .aleft .tabNav li:nth-child(1){width: 70%}
.homec .wp .aleft .tabNav li:nth-child(2){width: 30%}
.homeb .item .pics{height: 2.8rem}
.homeb .items ul li{width: calc(50% - .05rem);margin-bottom: .1rem;}
.homeb .items ul li:last-child{width:100%}
.homeb .items ul li:nth-child(1){background: #be3434;}
.homeb .items ul li:nth-child(2){background: #006abb;}
/*.homeb .items ul li:nth-child(3){order: 3}
.homeb .items ul li:nth-child(4){order: 4}*/
.homeaa .txt{width: 100%;order: 2;padding-left: 0;padding-bottom: .5rem;padding-right: 0}
.homeaa:before{display: none;}
.homeaa .pics{width: 100%;order: 1;margin-bottom: .3rem;height: 50vw}
.homeaa .intit{margin-bottom: .3rem;padding-left: 0;}
.homeab .pics{position: relative;width: 100%;height: 50vw}
.homeab .txt{position: relative;width: 100%;}
.homeab .txt ul li.show:after{width: 100%}
.homeab .txt ul li.show{padding-left: .3rem}
.homeab .txt ul li{padding: .3rem}
.homeaa .txt .h4{font-size: .24rem;margin-bottom: 0.1rem;}
.homeb{padding-bottom: 0.4rem;}
.homee .wp{padding: 0.5rem 0.3rem 0.5rem 0; border:0;}
.footer .aleft .ftcopy{line-height: 1.5; }
.footer .aleft .ftcopy p{word-break: break-all;}
.homee .slide-datap .pagBa{margin-top: 0.1rem;}
.homeaa .txt p{    margin-bottom: 0.15rem;}
.homec .wp:after{width: 100%;background-size: 300%;}
.homec,.homeb,.homeb .items ul{background: #ffffff;}
.homec .wp{width: 100%;}
.homec .wp .aleft .tabNav li{padding:0;}
.homec .wp{min-height: 3.3rem;}
.homec .wp .aright .swiper-container .swiper-wrapper ul{margin-top: 15px!important;}
.study_news .r{box-shadow:none;padding:0;}
.news_list .con{padding: 0.2rem 0;}
.study_news{width: 90%; margin: 0 auto;}
.homeaa .wp,.homef .wp{border:0;}
.homeaa .wp .sq,.homee .wp .sq{background: none;}
}
@media (max-width: 640px){
.intit span{font-size: 7vw}
.intit{margin-bottom: .4rem}
.homef .wp{padding: 0 0 .6rem}
.intit{margin-bottom: .3rem} 
.homec .wp{padding: .5rem 0 .7rem .5rem}
.homec .wp .aright ul li{width: 100%;padding: .25rem 0}
.homed{padding-top: 1.2rem}
.homeb .item .pics{width: 100%;margin-bottom: .3rem;height: 50vw}
.homeb .item .txt{width: 100%}
.homeb{padding-top: .6rem}
.homeaa .txt .h4{font-size: .24rem}
.homeaa .wp .sq{bottom: auto;top: .55rem; display:none;}
.homee .wp .sq{top: .65rem}
.totops{display: none!important}
.homeaa .wp{border:0;}
.bg-mask .pic .a div{background-size: cover!important;}
}
@media (max-width: 480px){

.homef ul li {margin-bottom: .2rem}
.homef ul li p{font-size: .18rem}
.homef ul li .pic{height:1.6rem}

.homed .item p{font-size: .22rem;left: .1rem;top: .1rem;bottom: .1rem;right: .1rem;}
.homed .item .pic{height:70vw}
.homec .wp{padding: .5rem 0 .7rem .3rem}
.homec .wp .aleft .tabNav li{font-size: .21rem}
.homeb .item .txt .h4{font-size: .26rem;margin-bottom: .1rem}
.homeab .txt ul li h4{font-size: .2rem;line-height: 1.4em}


}