#home_banner {
	width: 100%;
	height: 644rem;
}
#home_banner .swiper-wrapper {
	width: 100%;
	height: 644rem;
	position: relative;
}
.swiper-slide img {
	width: 100%;
	height: 644rem;
	position: absolute;
	top: 0;
	left: 0;
}
.dotBox {
	text-align: center;
	margin-top: -40rem;
	position: relative;
	z-index: 3;
	height: 8rem;
}
.dotBox div {
	width: 8rem;
	height: 8rem;
	background: #D1D3D4;
	border-radius: 50%;
	margin-left: 6rem;
}
.dotBox .active {
	width: 23rem !important;
	background: #3577FD !important;
	border-radius: 10rem !important;
	opacity: 0.48;
	transition: all 0.3s;
}
.bannerInfo {
	position: relative;
	z-index: 1;
	padding-top: 238rem;
}

.bannerInfo .head {
	align-items: baseline;
	color: white;
}

.head .big {
	font-size: 48rem;
}

.head span {
	font-size: 24rem;
}

.bannerInfo .headNext {
	font-size: 24rem;
	margin-top: 40rem;
	color: white;
}

.bannerInfo .headBtn {
	width: 174rem;
	height: 64rem;
	background: #FFFFFF;
	border-radius: 4rem;
	font-size: 21rem;
	margin: 80rem auto 0;
	color: #3577FD;
}

.animate__animated.animate__bounceInUp {
	--animate-duration: 3s;
}