@charset "UTF-8";

.home-banner {
	width:100%;
	height: auto;
	overflow:hidden;
}

.home-banner .swiper-container {
	height:100%;
}

.video-container,.img-container {
	width: 100%;
	/* left: 0px; */
	/* position: absolute; */
	/* top: 50%; */
	/* transform:translateY(-50%); */
}

.video-container video {display: block; width:100%; }

.video-container:after {
	content: '';
	z-index: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgb(0 0 0 / 20%);
	position: absolute;
}

.img-container img,.video-container img  {
	width:100%;
	max-width:initial;
	display: block;
}

.img-container img.wap,.video-container img.wap {
	display: none;
}
.text-container {
	width: 100%;
	position:absolute;
	left:0px;
	top:50%;
	z-index: 1;
	transform: translateY(-70%);
}
.text-container h1 {
	transition: all 1s ease-in-out .2s;
	color: #fff;
	font-size: 55px;
	line-height: 1.3;
	font-weight: normal;
	transform:translateY(100px);
	opacity:0;
}
.text-container .text {
	transition: all 1s ease-in-out .5s;
	color: #fff;
	font-size: 24px;
	transform:translateY(100px);
	opacity:0;
}
.banner-btn {
	display: block;
	transition: all .8s ease-in-out .8s;
	width: 160px;
	line-height: 44px;
	padding: 8px 30px;
	border-radius: 30px;
	background-color: rgba(255,255,255,.9);
	color: #0065c0;
	font-size: 18px;
	margin-top: 30px;
	text-align: center;
	border: 0px;
	transform:translateY(100px);
	opacity:0;
}

.home-banner .swiper-slide-active .text-container h1,.home-banner .swiper-slide-active .text-container .text,.home-banner .swiper-slide-active .banner-btn  {
	transform:translateY(0px);
	opacity:1;
}
.banner-btn:link,.banner-btn:visited {
	color: #0065c0;
}
.banner-btn:hover {
	background-color: #0065c0;
	color: #fff;
}
.home-banner .swiper-container-horizontal>.swiper-pagination-bullets,.home-banner .swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 100px;
    display: none;
}
.home-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}
.home-banner .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}
.home-banner .swiper-pagination-bullet {
    background: #fff;
}
.home-banner .swiper-pagination-bullet-active {
    background: #0065c0;
}
@media only screen and (min-width: 1600px) {
	.home-banner {
		width:100%;
		height: 100vh;
		overflow:hidden;
	}
	
	.video-container,.img-container {
		width: 100%;
		left: 0px;
		position: absolute; 
		top: 50%; 
		transform:translateY(-50%); 
	}
}
@media only screen and (max-width: 1300px) {
	.text-container {
		padding:0px 100px;
	}
}
@media only screen and (max-width: 767px) {
	.video-container video  {
		display:none;
	}
	.video-container:after {
		display:none;
	}
	.home-banner {
		height:500px;
	}
	.img-container img.pc,.video-container img.pc {
		display: none;
	}
	.img-container img.wap,.video-container img.wap {
		display: block;
	}
	.text-container h1 {
	font-size: 30px;
}
	.text-container .text {
	font-size: 18px;
}
		.text-container {
		padding:0px 50px;
	}
	.home-banner .swiper-container-horizontal>.swiper-pagination-bullets,.home-banner .swiper-pagination-custom,.swiper-pagination-fraction {
	    bottom: 20px;
	}
}