.image-text .top {
	padding: 104px 0;
	background: url('../images/knowledge_banner_1.jpg') center no-repeat;
	background-size: cover;
}
.image-text .top .container,
.image-text .bottom .container {
	overflow: hidden;
}
.image-text .top ul {
	float: right;
	width: 44%;
}
.image-text ul h6 {
	font-size: 20px;
	letter-spacing: 1px;
	color: #7cbc27;
	margin-bottom: 16px;
}
.image-text ul p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	color: #666666;
	word-break: break-all;
}
.image-text ul li + li {
	margin-top: 50px;
}
.image-text .bottom {
	padding: 104px 0;
	background-color: #f8f8f8;
}
.image-text .bottom ul {
	float: left;
	width: 50%;
	margin-top:35px;
}
.image-text .bottom .image {
	float: right;
	width: 470px;
}
.indicators {
	padding-top: 86px;
}
.indicators .content {
	padding-top: 80px;
	overflow: hidden;
}
.indicators .content .item {
	width: 50%;
	background-color: #518d02;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.indicators .content .item:hover > img {
	transform: scale(1.2);
}
.indicators .content .item:last-child {
	background-color: #7cbc27;
}
.indicators .content .item .mask {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.indicators .content .item:nth-of-type(2) .mask,
.indicators .content .item:nth-of-type(3) .mask {
	background-color: rgba(0, 0, 0, 0.66);
}
.indicators .content .item .icon-box {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed #fff;
	margin-bottom: 22px;
	margin-top: 100px;
}
.indicators .content .item .icon-box img {
	width: 40px;
}
.indicators .content .item h6 {
	font-size: 20px;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 30px;
}
.indicators .content .item p {
	padding: 0 10%;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}
.problem {
	padding-top: 86px;
	padding-bottom: 92px;
	background: url('../images/knowledge_banner_2.jpg') center no-repeat;
	background-size: cover;
}
.problem .container {
	padding-top: 80px;
}
.problem .container ul {
	background-color: #fff;
	padding: 20px 36px 20px;
}
.problem .container ul li {
	margin-bottom: 24px;
}
.problem .container ul li + li {
	border-top: 1px dotted #cccccc;
}
.problem .container ul li h6 {
	font-size: 24px;
	color: #7ebb1f;
	letter-spacing: 1px;
	margin-bottom: 16px;
	margin-top: 34px;
}
.problem .container ul li p {
	font-size: 14px;
	color: #777777;
	line-height: 48px;
}

@media(max-width: 768px) {
	.image-text .top, .image-text .bottom {
		padding: 2.2rem 0 1.8rem;
	}
	.image-text .top ul, .image-text .bottom ul {
		width: 100%;
	}
	.image-text .bottom .image {
		width: 100%;
		padding-top: 1rem;
	}
	.indicators .content .item {
		width: 100%;
		height: auto;
		/*padding: 0 10px;*/
	}
	.indicators .content .item:nth-of-type(2) {
		background-color: #7cbc27;
	}
	.indicators .content .item .mask {
		position: static;
		padding: 1rem 0;
		background-color: transparent !important;
	}
	.indicators .content .item > img {
		display: none;
	}
	.indicators .content .item .icon-box {
		width: 5rem;
		height: 5rem;
		margin-top: 1rem;
	}
	.problem {
		padding: 2rem 0 3rem;
	}
	.problem .container {
		padding-top: 2.2rem;
	}
}