.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;}
.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{}
.banner .swiper-slide .a{display: block;height: 100vh;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(/images/bamask.png) no-repeat bottom center;*/
background-size: 100% 100%;z-index: 1;bottom: 0;}
.banner .swiper-slide .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;    background-size: 100% 100% !important;width: 100%;}
.banner .swiper-slide-active .bg{-webkit-transform: scale(1);}
@media screen and (max-width: 1400px){

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

}
@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;}
}
.banner .pgba span{width:10px;height:10px;overflow: hidden;}
.banner .pgba span.active{background:#d20b17;}
.banner .pgba span.active i{display:none;}
.banner .bannermore{font-size: 12px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  border-left: rgba(255, 255, 255, 0.65) solid 1px;
  margin-left: 12px;
  padding-left: 17px;margin-top: 5px;}
.banner .bannermore:hover{color: #dcc55a;}
.cop p{margin:0; padding:0;}