/* 首页banner start*/
html{
    overflow-x: hidden;
}
.banner {
	max-width: 1920px;
	margin: 0 auto 0;
	width: 100%;
	background: #FFFFFF;
}
.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 {
/* 	transform: translateY(200px); */
	opacity: 0;
	transition: all .6s;
}

.swiper-slide-active .banner-content {
	transform: translateY(0);
	opacity: 1;
}
/* 首页banner end*/


.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;
	}
	
}