.banner{
	width: 516px;
	height: 522px;
}
.bannerBox{
	margin-top: 112px;padding-bottom: 80px;
}

.bannerSubTitle{
	font-size: 24px;
	color: rgb(114, 114, 114);
	max-width: 717px;
	margin-top: 72px;
	font-weight: 300;
}
.BannerButton{
	font-size: 18px;
	font-weight: 700;
	width: 180px;
	height: 70px;
	border-radius: 39px;
	background: rgb(82, 54, 255);
	text-align: center;
	line-height: 70px;
	color: #fff;
	margin-top: 73px;
}

@media (max-width:1400px) {
	.bannerCont,.bannerImg{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.bannerImg{
		margin-top: 100px;
	}
	
}
.contentText{
	font-size: 30px;
	font-weight: 300;
	color: #727272;
}

/* =================== row2 ==========  */

.row2{
	margin-top: 106px;
	font-size: 28px;
	font-weight: 400;
}

.row2 .contentBox{
	max-width: 392px;
	height: 120px;
	margin: 0 auto;
	border-radius: 10px;
	background: rgb(248, 248, 248);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s; 
}

.row2 .contentBox:hover{
	background-color: #5236ff;
	color: #fff;
}

/* .row2 .contentBox:nth-of-type(1){
	margin:0 0 ;
} */
.row2 .col-4:nth-of-type(2){
	display: flex;
	justify-content: center;
}


.row2 .col-4:nth-of-type(3){
	display: flex;
	justify-content: flex-end;
}

@media (max-width:1400px) {
	
	.row2 .contentBox{
		margin: 40px auto;
	}
}


/* ========================row3========== */

.row3{
	margin-top: 136px;
}
.row3 .subtitle{
	max-width: 830px;
	margin: 39px auto 0;
}

/* ===========row4=============== */
.row4{
	margin-top: 112px;
}
.row4 img{
	width: 280px;
	height: 377.92px;
}
.row4 .contentText{
	font-size: 30px;
	font-weight: 300;
	color: #727272;
	margin-top: 33px;
}

/* ============row5============== */
.row5{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


@media (max-width:770px) {
	.row5{
		flex-direction: column;
		align-items: center;
	}
	.row5>div{
		margin-top: 20px;
	}
	
}

.row5>div{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.row5  .contentText{
	font-size: 30px;
	font-weight: 300;
	color: #727272;
	/* margin-top: 33px; */
}

/* ===============row6=========== */


.Row6RowbackGroundBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	
}
.Row6RowbackGroundBox> .right{
	height: 750px;
	width: 482px;
	background: rgb(82, 54, 255);
	border-radius: 0 50px 50px 0;
	
	
}
.Row6RowbackGroundBox> .left{
	height: 750px;
	width: 482px;
	background: rgb(242, 120, 7);
	border-radius: 50px 0 0 50px;
}
.Row6RowbackGroundBox> .backGround{
	height: 634px;
	width: 1295px;
	border-radius: 50px;
	background: rgb(241, 241, 241);
	opacity: 0.4;
	
	
}
.Row6RowbackGroundBox .cont{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1278px;
	
}

.Row6RowbackGroundBox .cont .row6Card{
	background-color: #fff;
	border-radius: 69px;
	width: 799px;
	padding-left: 52px;
	height: 515px;
}


.row6Card .bar{
	margin-top: 75px;
	display: flex;
	width: 100%;
}
.row6Card .bar > div{
	
	display: flex;
}
.row6Card .bar > div:nth-of-type(1){
	flex: 1;
}
.row6Card .bar .bar1{
	width: 20px;
	height: 20px;
	background: rgb(255, 104, 104);
	border-radius: 50%;
	/* margin-left: 58px; */
}
.row6Card .bar .bar2{
	width: 20px;
	height: 20px;
	background: rgb(255, 104, 104);
	border-radius: 50%;
	margin-left: 10px;
}
.row6Card .bar .bar3{
	width: 20px;
	height: 20px;
	background: rgb(138, 219, 137);
	border-radius: 50%;
	margin-left: 10px;
}
.row6Card .bar .bar4{
	width: 370px;
	height: 20px;
	border-radius: 15px;
	background: rgb(244, 244, 244);
	margin-left: 33px;
}
.row6Card .bar .bar5{
	width: 20px;
	height: 20px;
		border-radius: 50%;
	background: rgb(244, 244, 244);
	margin-right: 53px;
}


.row6{
	align-items: center;
}


.row6Title{
	margin-top: 78px;
	
}
@media (max-width:992px) {
	.row6Title{
		margin-top: 100px;
		
	}
	
}

/* ==============row7==== */

.row7 .content{
		padding-left: 111px;
	}
/* ====================================== */


@media (min-width:1400px) {
	h2>div{
		bottom: 5px;
	}
	
}

@media (max-width:1800px) {
	.Row6RowbackGroundBox .right{
		margin-left: 40px;
	}
	.Row6RowbackGroundBox .left{
		margin-right: 40px;
	}
	
}
@media (max-width:1200px) {
	.Row6RowbackGroundBox .right{
		display: none;
	}
	.Row6RowbackGroundBox .left{
		display: none;
	}
	.Row6RowbackGroundBox {
		height: 1200px;
	}
	.Row6RowbackGroundBox .cont{
		width: unset;
	}
	.Row6RowbackGroundBox .row6{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width:809px) {
	.row6Card{
		width: 90vw !important;
		margin: 20px;
	}
	.bar4 {
		display: none;
	}
	.bar5{
		margin-right: 10px !important;
	}
	.Row6RowbackGroundBox .cont .row6Card{
		padding-left: 10px;
	}
	
}

@media (max-width:580px) {
	
	
	.row2 {
		font-size: 20px;
	}
}
@media (max-width:370px) {
	
	.row2 {
		font-size: 16px;
	}
	
}
@media (max-width:576px) {
	.contentText{
		font-size: 22px !important;
	}
	.row6Title{
		margin-top: 30px;
	}
	.row7 img{
		 width: 300px !important;
	
	}
	.row7>div{
		text-align: center;
	}
	.row7 .content{
		padding-left: unset;
	}
	.bannerBox{
		margin-top: 20px;padding-bottom: 80px;
	}
	.bannerSubTitle{
		font-size: 20px;
	}
	.row2 .contentBox{
		margin: 20px 0 ;
	}
}

@media (max-width:1400px) {
	
	.row7>div{
		text-align: center;
	}
	.row7 .content{
		padding-left: unset;
	}
	.row7 .subtitle{
		margin: 0 auto;
	}
	
}


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

@media (min-width:1400px) and (max-width:1600px) {
	
	.Banner{
		zoom: .8;
	}
	

	
	
	.row2,.row3,.row4{
		zoom: .65;
		
	}
	
	
	.row5>div,.row5Title,#ad,#baogao{
		zoom: .75;
	}
	
	
	
	
	
}

@media (min-width:1600px) {
	.row2,.row3,.row4,.row5>div,.row5Title,#ad{
		zoom: .8;
		
	}
	#baogao{
		zoom: .9;
	}
	
}