@charset "utf-8";
.banner .pgba{z-index: 5;position: absolute;bottom: 30px;text-align: center;left:50%;transform:translatex(-50%);width:200%;}
.banner .pgba span{color: #fff;width: 12px;height: 12px;background:#fff;opacity:1;margin: 0px 7px;position: relative;}
.banner .pgba span.active{opacity: 1;background: #ffcc66}
.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 {height:700px;width:100%;}
.banner .swiper-slide .a{display: block;height: 700px;width:100%;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}
.banner .swiper-slide .bg:before{content: '';position: absolute;left: 0;right: 0;height: 30%;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 1;bottom: 0}
.banner .swiper-slide h4{position: absolute;bottom: 80px;z-index: 5;font-weight: bold;color: #fff;font-size: 40px;max-width: 12rem;margin: 0 auto;text-align: center;left: 50%;transform: translateX(-50%);}
.banner .swiper-slide .bg{-webkit-transform: scale(1.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:linear 1s}
.banner .swiper-slide-active .bg{-webkit-transform: scale(1.01);}