@charset "utf-8";

/* CSS Document */

.banner {

	/* height: 200px; */

	/* background: url(../img/about/banner.jpg) center no-repeat; */

}

.banner img {
	max-width: 100%;
}

.main h2,
.honor h2,
.power h2 {

	max-width: 1200px;

	text-align: center;

	font-size: 36px;

	margin-top: 50px;

	margin-bottom: 40px;

	overflow: hidden;

}

.main .fl-fr {
	display: flex;
	justify-content: space-between;
}

.main .fl-fr .fl,
.main .fl-fr .fr {
	width: 49%;
}

.main .fl-fr img {
	max-width: 100%;
}

.main p,
.honor p,
.power p {

	font-size: 16px;

	line-height: 2;

	margin-bottom: 40px;

}

.main p strong {

	color: #02b2b5;

	display: block;

	text-align: center;

	margin-top: 30px;

}

.honor {

	width: 100%;

	/* height: 456px; */

	background: url(../img/about/about3.jpg) center;

}

.honor h2 {

	padding-top: 30px;

}

.honor .honor-img {
	display: flex;
	justify-content: space-between;
}

.honor .honor-img li {

	float: left;

	/* width: 300px; */

	/* height: 210px; */

	/* line-height: 210px; */

	text-align: center;
	padding: 0 5px;

}

.honor .honor-img li img {
	max-width: 100%;
}

.power .power-left-right {
	display: flex;
	justify-content: center;
}

.power .power-left {

	float: left;

	width: 44%;
	padding: 5px;

}

.power .power-left img {
	max-width: 100%;
	height: 100%;
}

.power .power-right {

	float: right;

	width: 56%;

}

.power .power-right ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.power .power-right ul li {

	float: left;

	width: 50%;

	text-align: center;

	padding: 5px;

}

.power .power-right ul li img {
	max-width: 100%;
}

@media screen and (max-width:768px) {
	.honor .honor-img {
		flex-wrap: wrap;
	}

	.honor .honor-img li {
		width: 49%;
	}
}


@media screen and (max-width:500px) {
	.main .fl-fr {
		flex-wrap: wrap;
	}

	.main .fl-fr .fl,
	.main .fl-fr .fr {
		width: 100%;
	}

	.honor .honor-img li {
		width: 100%;
		padding: 5px 0;
	}

	.power .power-left-right {
		flex-wrap: wrap;
	}

	.power .power-left,
	.power .power-right {
		width: 100%;
	}
}