html,body {
	min-width: 1080px;
	width: 100%;
}

.box1 {
	width: 100%;
	height: 14.4rem;
	background-color: #dbe8fb;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.box1 .left {
	display: block;
	margin-right: 20px;
}
.box1 .left img {
	width: 5.5rem;
	height: 9.546667rem;
}

.box1 .right {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.box1 .right .title1 {
	font-size: 0.96rem;
	color: #3975d7;
	font-weight: bold;
	letter-spacing: 0.026667rem;
}

.box1 .right .title2 {
	margin-top: 0.266667rem;
	font-size: 0.586667rem;
	color: #3975d7;
	letter-spacing: 0.013333rem;
}

.box1 .right .qrCode img {
	margin-top: 0.773333rem;
	width: 3.866667rem;
	height: 3.866667rem;
}


.box2 {
	width: 100%;
	height: 14.4rem;
	background-color: #f7d07a;
	display: flex;
	align-items: center;
	justify-content: center;

}

.box2 .left {
	display: flex;
	flex-direction: column;
	margin-right: 20px;
}


.box2 .left .title1 {
	font-size: 0.96rem;
	color: #a7700f;
	font-weight: bold;
	letter-spacing: 0.026667rem;
}

.box2 .left .title2 {
	margin-top: 0.333333rem;
	font-size: 0.586667rem;
	color: #a7700f;
	letter-spacing: 0.013333rem;
	line-height: 0.8rem;
}

.box2 .right {

}

.box2 .right img {
	width: 5.506667rem;
	height: 10.786667rem;
}


.box3 {
	width: 100%;
	height: 14.4rem;
	background-color: #e8f7f5;
	display: flex;
	align-items: center;
	justify-content: center;

}

.box3 .left {
	display: block;
	margin-right: 20px;
}
.box3 .left img {
	width: 5.16rem;
	height: 8.306667rem;
}


.box3 .right {
	display: flex;
	flex-direction: column;


}

.box3 .right .title1 {
	font-size: 0.96rem;
	color: #49877b;
	font-weight: bold;
	letter-spacing: 0.026667rem;
}

.box3 .right .title2 {
	margin-top: 0.266667rem;
	font-size: 0.586667rem;
	color: #49877b;
	letter-spacing: 0.013333rem;
	line-height: 0.8rem;
}


.box4 {
	width: 100%;
	height: 14.4rem;
	background-color: #e7e7fa;
	display: flex;
	align-items: center;
	justify-content: center;

}

.box4 .left {
	display: flex;
	flex-direction: column;
	margin-left:3.733333rem;
}


.box4 .left .title1 {
	font-size: 0.96rem;
	color: #5d5ea7;
	font-weight: bold;
	letter-spacing: 0.026667rem;
}

.box4 .left .title2 {
	margin-top: 0.333333rem;
	font-size: 0.586667rem;
	color: #5d5ea7;
	letter-spacing: 0.013333rem;
	line-height: 0.8rem;
}

.box4 .right {
	
}

.box4 .right img {
	margin-right: 1.733333rem;
	width: 9.293333rem;
	height: 9.506667rem;
}

.footer  {
   bottom:0;
   width:100%;
   height:3.2rem;
   background:#252827;
   display: flex; 
   flex-direction: column;
   justify-content: center;
   align-items: center;

}

.copyright {
	font-size: 16px;
	color: #fff;
}

.company {
	margin-top: 18px;
	font-size: 16px;
	color: #fff;
}

.icp {
	margin-top: 18px
	font-size: 16px;
	color: #fff;
 }