.subHeader{
	margin: 0 auto;
	width: 340px;
	display: flex;
	justify-content: space-between;
	padding-top: 46px;
	color: #A1A0A0;
	font-size: 16px;
}
.SubHeaderCurrent{
	color: #000000;
}
.SubHeaderCurrent >div{
	width: 88px;
	height: 3px;
	border-radius: 1.5px;
	/* margin-top: 24px; */
	background: rgb(82, 54, 255);
	margin: 24px auto 0;
}
.mt-30{
	margin-top: 30px;
}

/* ======================== */
.bannerBox{
	margin-top: 100px;
}
.subBannerTitle{
	font-size: 26px;
	font-weight: 300;
	line-height: 48px;
	text-align: center;
	margin-top: 38px;
	color:#727272
}

/* ====================== */
.serialNumber{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 42px;
}
.Number{
	width: 42px;
	height: 42px;
	color: #fff;
	background-color: #5236ff;
	font-size: 30px;
	font-weight: 500;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
}
.line{
	height: 318px;
	border-left:3px dashed #5236ff;
}

/* =================== */
.cont{
	margin-left: 115px;
	flex: 1;
}
.row1{
	display: flex;
}
.contText{
	width:481px ;
}
.contTextTitle{
	font-size: 30px;
	font-weight: 400;
}
.contTextTtem{
	font-size: 24px;
	font-weight: 300;
	line-height: 40px;
}
.contimg img{
	width: 300px;
	height: 300px;
}






/* ============== */
.row5Title{
	font-size: 22px;
	font-weight: 500;
	margin-top: 28px;
	
}
.row5Cont{
	margin-top:14px ;
	line-height: 36px;
	color: rgb(114, 114, 114);
	font-size: 18px;
	font-weight: 300;
	width: 277px;
	text-align: center;
	
}

.row5 .row > div>div{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 350.06px;
	height: 100%;
	background-color: #F8F8F8;
	border-radius: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.row5 .row > div>div:hover{
	transform: scale(1.1);
	transition: all .2s;
}
.row5 .row5Item {
	
	margin-top: 98px;
	
	
}
.row5subTitle{
	color: rgb(114, 114, 114);
	font-size: 18px;
	font-weight: 300;
	line-height: 36px;
}
.row5More{
	margin-top: 30px;
	width: 300px;
	height: 65px;
	box-sizing: border-box;
	border: 1px solid rgb(234, 233, 242);
	border-radius: 10px;
	background: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 500;
	color: rgb(36, 35, 49);
	text-align: center;
	line-height: 65px;
	transition: all .2s; 
}
.row5More:hover{
	background-color: #5236ff;
	color: #fff;
}





@media (max-width:768px) {
	.row5Item .row>div{
		margin-top: 40px;
	}
	
}






/* =================== */

@media (max-width:1200px) {
	.serialNumber{
		display: none;
	}
	.contimg{
		margin-top: 50px;
		text-align: center;
	}
	.contText{
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
	}
	.cont {
		margin-left: 0;
	}
}

@media (max-width:570px) {

	.contText{
		width: 100%;
	}
}