.back {
	display: inline-block;
	width: 100%;
	height: 40rem;
	line-height: 40rem;
	/* background-color: #f5f5f5; */
	position: sticky;
	top: 0rem;
	left: 0rem;
	font-size: 18rem;
	color: #999;
	text-align: center;
}

.banner-box-1 {
	width: 100%;
	display: flex;
	background-color: #fff;
	position: relative;
}

.banner-box-1 img {
	width: 100%;
}

.banner-box-1 .btn-box {
	width: 1000rem;
	height: 200rem;
	position: absolute;
	bottom: 100rem;
	left: 340rem;
	display: flex;
}

.banner-box-1 .btn-box .banner-btn {
	width: 200rem;
	height: 60rem;
	border-radius: 60rem;
	text-align: center;
	line-height: 60rem;
	font-size: 24rem;
}

.banner-box-1 .btn-box .banner-btn:hover {
	cursor: pointer;
}

.banner-box-1 .btn-box .banner-btn:nth-child(1) {
	margin-right: 60rem;
	background: #FE0000;
	border: none;
	color: white;
	transition: all 0.3s; 
}

/* .banner-box-1 .btn-box .register:hover {
	color: #FE0000;
	border: 1px solid #FE0000;
} */


.banner-box-1 .btn-box .banner-btn:nth-child(2) {
	border: 1px solid #419EFE;
	color: #419EFE;
}

.mr-30 {
	margin-right: 30rem;
}

.ml-auto {
	margin-left: auto;
}

.flex-col-end {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.bg-light-blue {
	background: #F8FCFD;
}

.banner-box-2 {
	width: 100%;
	padding: 60rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-box-2 img {
	width: 50%;
}

.banner-box-3 {
	width: 100%;
	padding: 60rem 300rem;
	display: flex;
	box-sizing: border-box;
}

.banner-box-3 .left,
.banner-box-3 .right {
	width: 50%;
	height: 100%;

}

.banner-box-3 .left {
	width: 50%;
	height: 100%;
}

.banner-box-3 .left .line {
	width: 148rem;
	height: 10rem;
	background: #BCDDFF;
}

.banner-box-3 .left .title {
	font-family: Source Han Sans CN;
	font-weight: 600;
	font-size: 30rem;
	color: #161616;
	line-height: 100rem;
}



.banner-box-3 .left .sub-title {
	width: 520rem;
	height: 84rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 24rem;
	color: #161616;
	line-height: 48rem;
	display: block;
	margin-left: 30rem;
}

.banner-box-3 .left .btn-box {
	width: 100%;
	display: flex;
	margin-top: 40rem;
}

.banner-box-3 .left .btn {
	width: 120rem;
	height: 40rem;
	background: #FFFFFF;
	border-radius: 5rem;
	border: 1rem solid #419EFE;
	text-align: center;
	line-height: 40rem;
	font-family: SimHei;
	font-weight: 400;
	font-size: 20rem;
	color: #FFFFFF;
	margin-top: 60rem;
}

.banner-box-3 .left .btn:hover {
	cursor: pointer;
}

.banner-box-3 .left .btn:nth-child(1) {
	margin-right: 60rem;
	background: #FE0000;
	border: none;
}


.banner-box-3 .left .btn:nth-child(2) {
	color: #419EFE;
}

.banner-box-3 .right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-box-3 .right img {
	width: 90%;
}



/* 屏幕小于768 */
	
@media screen and (max-width: 768px) {
	
	.back {
		font-size: 60rem;
		margin: 60rem 0;
	}
	
	
	.banner-box-1 .btn-box {
		position: absolute;
		bottom: 100rem;
		left: 300rem;
		display: flex;
	}
	
	.banner-box-1 .btn-box .banner-btn {
		width: 300rem;
		height: 100rem;
		border-radius: 100rem;
		text-align: center;
		line-height: 100rem;
		font-size: 50rem;
	}
	
	
	.banner-box-2 {
		width: 1800rem;
		padding: 60rem 0;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.banner-box-2 img {
		width: 100%;
	}
	
	.banner-box-3 {
		width: 1800rem;
		margin: 0 auto;
		padding: 100rem 0;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	
	.banner-box-3 .left,
	.banner-box-3 .right {
		width: 1800rem;
	
	}
	
	.banner-box-3 .left {
		width: 1800rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.banner-box-3 .left .line {
		width: 200rem;
		height: 16rem;
		background: #BCDDFF;
		margin: 0 auto;
	}
	
	.banner-box-3 .left .title {
		font-size: 80rem;
		line-height: 200rem;
		text-align: center;
	}
	
	
	
	.banner-box-3 .left .sub-title {
		width: 1200rem;
		height: 200rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 60rem;
		color: #161616;
		line-height: 80rem;
		display: block;
		text-align: center;
	}
	
	.banner-box-3 .left .btn-box {
		width: 100%;
		display: flex;
		margin-top: 40rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.banner-box-3 .left .btn {
		width: 300rem;
		height: 120rem;
		background: #FFFFFF;
		border-radius: 5px;
		border: 1px solid #419EFE;
		text-align: center;
		line-height: 120rem;
		font-family: SimHei;
		font-weight: 400;
		font-size: 50rem;
		color: #FFFFFF;
		margin-top: 40rem;
	}
	
	.banner-box-3 .left .btn:hover {
		cursor: pointer;
	}
	
	.banner-box-3 .left .btn:nth-child(1) {
		margin-right: 60rem;
		background: #FE0000;
		border: none;
	}
	
	
	.banner-box-3 .left .btn:nth-child(2) {
		color: #419EFE;
	}
	
	.banner-box-3 .right {
		width: 1800rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.banner-box-3 .right img {
		width: 100%;
	}
	
	.ml-auto {
	 	margin-left: 0;
	}
	 
	 
	.flex-col-end {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}