.banner { z-index: 3; position: relative; height: 80vh; width: 100%;}
.banner::after { content: ''; width: 200%; z-index: 2; position: absolute; left: 0; top:0; height: 140px; background-image: linear-gradient(180deg, #0841a1 20%, rgba(0, 0, 0, 0) 100%) !important;}
.banner .pgba{z-index: 5;position: absolute;bottom: .3rem;left: 0;text-align: center;}
.banner .pgba span{color: #fff;width: .4rem;height:4px;background:#fff;opacity:1;margin: 0 .06rem!important;position: relative; border-radius:0;}
.banner .pgba span.active{opacity: 1;}
.banner .pgba span.active i{display: block;}
.banner .pgba span i{position: absolute;left:0;top: -1px;bottom: -1px;width: 0;background: #d20b17;display: none}

.banner .swiper-slide{/* min-width: 100vw */}
.banner .swiper-slide .a{display: block;height: 80vh;min-height: 500px;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;width: 100vw;}
.banner .swiper-slide .bg video{ width: 100%; height: 100%; object-fit: cover}
.banner .swiper-slide .bg:before{content: '';position: absolute;left: 0;right: 0;height: 20%;
/*background: url("https://www.peaktip.com/__xh__/zwhqb.whu.edu.cn/dfiles/6150/whu_zwb/images/bamask.png") no-repeat bottom center;*/
background-size: 100% 100%;z-index: 1;bottom: 0}
.banner .swiper-slide .bg{-webkit-transform: scale(1.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition: 5s;background-size: cover !important;width: 100%;}
.banner .swiper-slide-active .bg{-webkit-transform: scale(1);}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){
.banner {
    height: 200px;
}
}
@media screen and (max-width:1024px){
.banner .swiper-slide .a{height: 50vw;min-height: inherit;}
}
@media screen and (max-width:900px){
.banner .swiper-slide .a{height: 46vw}
}
@media screen and (max-width:640px){
.banner .pgba{bottom: .15rem}
.banner .swiper-slide .a{height: 52vw}
}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{/* object-fit: cover; */}

.inmor{display: flex;line-height: .31rem;color: #d20b17;position: absolute;right: 0;top: .15rem;}
.inmor i{display: block;height: .31rem;margin-left: 5px;position: relative;}
.inmor i svg{height: .31rem;width: .62rem\0;overflow: visible;}
.inmor i svg *{ transition:.5s}
/*.inmor i svg circle{transition: .3s}
.inmor:hover i circle{transform: scale(1.1);transform-origin: .2rem center;}*/
.intit{position: relative;margin-bottom: .4rem}
.intit h4{color: #004a98;position: relative;border-left: 2px solid #004a98;padding-left: .15rem;padding-top: .24rem}
.intit h4 span{font-size: .36rem;font-weight: bold;display: block;line-height: 1em}
.intit h4 em{font-size: .2rem;position: absolute;top: 0;left: .16rem}
.clsr-1{fill:#d20b17;}
.clsr-2,.clsr-3,.clsr-4{fill:none;stroke-miterlimit:10;}
.clsr-2{stroke:#d20b17;}
.clsr-3,.clsr-4{stroke:#fff;stroke-width:1px;position: relative;}
.clsr-4{stroke-linecap:round;}

.clsb-1{fill:#ffffff;}
.clsb-2,.clsb-3,.clsb-4{fill:none;stroke-miterlimit:10;}
.clsb-2{stroke:#ffffff;}
.clsb-3,.clsb-4{stroke:#1a67ab;}
.clsb-4{stroke-linecap:round;}