.banner { position: relative; background: #fff; margin: 0 auto; overflow: hidden; clear: both;}
.banner .swiper-slide { line-height: 0;  overflow: hidden; background: #f5f5f5;}
.banner .swiper-slide a { display: block; }
.banner .swiper-slide a > img { width: 100%;display: block;}
.banner .swiper-pagination { bottom: 36px; }
.banner .swiper-pagination-bullet { width: 8px; height: 8px; background: #d41c1c; opacity: 0.4; border-radius: 4px; cursor: pointer; margin: 0 8px !important; transition: all 0.5s ease; }
.banner .swiper-pagination-bullet-active { opacity: 1; width: 26px; }
.banner video { position: absolute; width: 100%; min-height: 830px; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; object-fit: cover;}
.banner .prev,.banner .next { width: 54px; height: 54px; cursor: pointer; margin-left: 10px; border-radius: 50%; background: #d41c1c; opacity: 0.6; top: 50%; left: -100px; position: absolute; z-index: 9; transition: all 0.5s ease; transform: translateY(-50%);}
.banner .prev:hover,.banner .next:hover { opacity: 1; }
.banner .next { left: auto; right: -100px; }
.banner:hover .prev { left: 3%; }
.banner:hover .next { right: 3%; }




@media (max-width: 1024px){
    .banner .swiper-pagination{bottom: 5%;}
    .banner .prev,.banner .next{width: 30px;height: 30px;}
}