body {
	padding: 0;
	margin: 0;
	background: #e5e5e5;
	font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

header {
	width: 100%;
	background: #fff;
}

.logo,
.slogen {
	width: 550px;
}

.footTxt {
	width: 100%;
	text-align: center;
	position: absolute;
}

.styFlex {
	width: 1200px;
	margin: auto;
	display: flex;
	position: relative;
	padding: 35px 0;
}

.easyBox {
	position: absolute;
	z-index: 0;
}

.easyBox2 {
	float: right;
	z-index: 0;
	background: url(../img/bg2.png) right bottom no-repeat;
	width: 388px;
	height: 185px;
	margin-top: -180px;
	background-size: 100% auto;
}

.flexBox1 {
	display: flex;
	width: 1200px;
	margin: auto;
	position: relative;
	padding: 100px 0 50px 0;
}

.flexBox2 {
	width: 100%;
	background: #fff;
	padding: 100px 0;
}

.flexBox22 {
	display: flex;
	width: 1200px;
	margin: auto;
	position: relative;
}

.flexBox3 {
	display: flex;
	width: 1200px;
	margin: auto;
	position: relative;
	padding: 120px 0;
}

footer {
	background: #fff;
	margin: 0;
	height: 134px;
	text-align: center;
	width: 100%;
	line-height: 100px;
}

.icpText {
	color: #000;
	text-decoration: none;
}

.redText {
	color: red;
}

.a1 {
	font-size: 50px;
	line-height: 160%;
	padding: 20px 0 50px 0;
}

.a2,
.a22 {
	color: #7d7d7d;
	font-size: 24px;
	line-height: 170%;
}

.a3,
.a33 {
	font-size: 26px;
	line-height: 150%;
	padding: 20px 0 10px 0;
}

.a4 {
	color: #7d7d7d;
	font-size: 28px;
	line-height: 170%;
}

.middleBox {
	display: table-cell;
	vertical-align: middle;
}

.img360 {
	width: 360px;
}

.pd80 {
	padding: 0 0 0 50px;
}

.pd10 {
	padding: 10px 0;
}

.img300 {
	width: 300px;
}

.img400 {
	width: 350px;
}

.ta {
	text-align: center;
}

@media screen and (max-width: 1119px) {
	header {
		height: auto;
	}
	.styFlex,
	.flexBox1,
	.flexBox22,
	.flexBox3 {
		width: 100%;
	}
	.img360 {
		width: 80%;
		padding: 0 0 0 40px;
	}
	.img400 {
		width: 80%;
		float: right;
		padding: 0 0 0 50px;
	}
	.img300 {
		width: 70%;
	}
	.flexBox1,
	.flexBox2 {
		padding: 50px 0;
	}
	.flexBox3 {
		padding: 100px 0;
	}
	.logo {
		width: 100%;
		z-index: 9999;
	}
	.slogen {
		width: 100%;
	}
	.a1 {
		font-size: 4vw;
		padding: 10px 0;
	}
	.a2 {
		font-size: 1.4vw;
	}
	.a3 {
		font-size: 1.5vw;
	}
	.a22 {
		font-size: 1.4vw;
	}
	.a33 {
		font-size: 1.5vw;
	}
	.a4 {
		font-size: 2.5vw;
	}
	.pd80 {
		padding: 0 20px 0 40px;
	}
	.pd802 {
		padding: 0 0 0 40px;
	}
	.pd10 {
		padding: 10px 0 10px 30px;
	}
	.easyBox,
	.easyBox2 {
		width: 30%;
	}
	.easyImg {
		width: 100%;
	}
	footer {
		font-size: 1.5vw;
	}
}
