html{overflow-x:hidden}.banner{max-width:1920px;margin:0 auto 0;width:100%;background:#FFF}.banner .swiper-slide{position:relative;overflow:hidden;height:100%}.banner .swiper-slide .video-box{width:100%;padding-bottom:40%;position:relative;overflow:hidden}.banner .swiper-slide .video-box video{position:absolute;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%}.banner .bg-box{position:relative;z-index:1}.banner .bg-box .img-box{padding-bottom:40%;position:relative}.banner .bg-box .img-box picture img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}.banner .banner-content{position:absolute;left:0;top:50%;width:100%;height:50%;display:flex;justify-content:center;align-items:center;z-index:9;flex-direction:column}.swiper-slide .banner-content{opacity:0;transition:all .6s}.swiper-slide-active .banner-content{transform:translateY(0);opacity:1}.banner-section{overflow:hidden;width:100%}.nav-wrap{z-index:6;position:relative}.banner-section{position:relative}.banner-section-dot{position:absolute;left:0!important;bottom:95px!important;width:100%;display:flex;align-items:center;justify-content:center;z-index:1}.banner-section-dot span{width:15px;height:5px;background:#c8c5c5;opacity:1;transition:ease-out .36s;display:flex;justify-content:center;align-items:center;margin:0 5px!important;border-radius:.25rem}.banner-section-dot span.swiper-pagination-bullet-active{width:30px;background:#087FE7}@media screen and (max-width:1023px){.banner .swiper-slide .video-box{padding-bottom:60%}.banner .bg-box .img-box{padding-bottom:60%}.swiper-slide .banner-content{display:none}.banner-section .swiper-slide .banner-content{display:flex}.banner-section-dot{bottom:50px!important}}