/*common*/
@media screen and (max-width: 390px) {
	.relief-content .right p {
		font-size: 12px !important;
	}
	.article .copyright-content p {
		font-size: 12px;
	}
	.article .copyright-title h1, .article .relief-title h1 {
		font-size: 18px;
	}
	.article .copyright-title h1 {
		margin-top: 30px;
	}
	.relief-title h1 {
		margin-bottom: 30px;
	}
	.relief-content .one .left>span, .relief-content .two .left>span,
		.relief-content .three .left>span, .relief-content .four .left>span,
		.relief-content .five .left>span, .relief-content .six .left>span {
		position: absolute;
		top: 40%;
		left: 2.1%;
		font-size: 16px;
	}
}

@media screen and (max-width: 629px) and (min-width: 390px) {
	.relief-content .right p {
		font-size: 12px !important;
	}
	.article .copyright-content p {
		font-size: 12px;
	}
	.article .copyright-title h1, .article .relief-title h1 {
		font-size: 24px;
	}
	.article .copyright-title h1 {
		margin-top: 30px;
	}
	.relief-title h1 {
		margin-bottom: 30px;
	}
	.relief-content .one .left>span, .relief-content .two .left>span,
		.relief-content .three .left>span, .relief-content .four .left>span,
		.relief-content .five .left>span, .relief-content .six .left>span {
		position: absolute;
		top: 40%;
		left: 2.7%;;
		font-size: 16px;
	}
}

@media screen and (min-width: 630px) {
	.relief-content .right p {
		font-size: 12px !important;
	}
	.article .copyright-content p {
		font-size: 12px;
	}
	.article .copyright-title h1, .article .relief-title h1 {
		font-size: 24px;
	}
	.article .copyright-title h1 {
		margin-top: 30px;
	}
	.relief-title h1 {
		margin-bottom: 30px;
	}
	.relief-content .one .left>span, .relief-content .two .left>span,
		.relief-content .three .left>span, .relief-content .four .left>span,
		.relief-content .five .left>span, .relief-content .six .left>span {
		position: absolute;
		top: 30%;
		left: 2.7%;
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {
	.relief-content .right p {
		font-size: 12px !important;
	}
	.article .copyright-content p {
		font-size: 12px;
	}
	.article .copyright-title h1, .article .relief-title h1 {
		font-size: 30px;
	}
	.article .copyright-title h1 {
		margin-top: 30px;
	}
	.relief-title h1 {
		margin-bottom: 30px;
	}
	.relief-content .one .left>span, .relief-content .two .left>span,
		.relief-content .three .left>span, .relief-content .four .left>span,
		.relief-content .five .left>span, .relief-content .six .left>span {
		position: absolute;
		top: 30%;
		left: 1.7%;
		font-size: 25px;
	}
}

@media screen and (min-width: 992px) {
	.relief-content .right p {
		font-size: 14px !important;
	}
	.article .copyright-content p {
		font-size: 14px;
	}
	.article .copyright-title h1, .article .relief-title h1 {
		font-size: 36px;
	}
	.article .copyright-title h1 {
		margin-top: 30px;
	}
	.relief-title h1 {
		margin-bottom: 30px;
	}
	.relief-content .one .left>span, .relief-content .two .left>span,
		.relief-content .three .left>span, .relief-content .four .left>span,
		.relief-content .five .left>span, .relief-content .six .left>span {
		position: absolute;
		top: 20%;
		left: 1.7%;
		font-size: 35px;
	}
}

/*copyright*/
.article .copyright-title h1, .article .relief-title h1 {
	color: #0CA53D;
	font-weight: 600;
}

.article .copyright-content p {
	margin: 30px 0;
	padding-left: 20px;
	line-height: 24px;
}

.article .relief {
	margin-bottom: 60px;
}

.article .relief-content>div {
	position: relative;
	padding-left: 10px;
}

.relief-content .one .left, .relief-content .two .left, .relief-content .three .left,
	.relief-content .four .left, .relief-content .five .left,
	.relief-content .six .left {
	width: 100% !important;
	height: 100% !important;
	color: #fff;
	text-align: center;
	position: absolute;
	font-weight: 600;
	z-index: 10;
}

.relief-content .one .left>span, .relief-content .two .left>span,
	.relief-content .three .left>span, .relief-content .four .left>span,
	.relief-content .five .left>span, .relief-content .six .left>span {
	color: #ffffff;
	z-index: 7;
}

.relief-content .one .left>i, .relief-content .two .left>i,
	.relief-content .three .left>i, .relief-content .four .left>i,
	.relief-content .five .left>i, .relief-content .six .left>i {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	height: 29px;
	display: block;
}

.relief-content .one .left {
	background: url(../images/img/1_02.png) no-repeat;
	background-size: 8% 100%;
	background-position: 0 10px;
	z-index: 6;
}

.relief-content .one .left>i {
	background: url(../images/img/1_01.png) no-repeat;
	background-size: 8% 100%;
	z-index: 6;
}

.relief-content .two .left>i {
	background: url(../images/img/2_01.png) no-repeat;
	background-size: 8% 100%;
	z-index: 5;
}

.relief-content .three .left>i {
	background: url(../images/img/3_01.png) no-repeat;
	background-size: 8% 100%;
	z-index: 4;
}

.relief-content .four .left>i {
	background: url(../images/img/4_01.png) no-repeat;
	background-size: 8% 100%;
	z-index: 3;
}

.relief-content .five .left>i {
	background: url(../images/img/5_01.png) no-repeat;
	background-size: 8% 100%;
	z-index: 2;
}

.relief-content .six .left>i {
	background: url(../images/img/6_01.png) no-repeat;
	background-size: 8% 100%;
}

.relief-content .right {
	height: 100%;
}

.relief-content .right p {
	margin: 0 0 0 8%;
	/* min-height: 80px; */
	line-height: 25px;
	border-bottom: 1px dashed #000;
	padding-bottom: 8px;
	padding-top: 6px;
	font-size: 14px;
}

.relief-content .two .left {
	background: url(../images/img/2_02.png) no-repeat;
	background-size: 8% 100%;
	z-index: 5;
}

.relief-content .three .left {
	background: url(../images/img/3_02.png) no-repeat;
	background-size: 8% 100%;
	position: absolute;
	z-index: 4;
}

.relief-content .four .left {
	background: url(../images/img/4_02.png) no-repeat;
	position: absolute;
	background-size: 8% 100%;
	z-index: 3;
}

.relief-content .five .left {
	background: url(../images/img/5_02.png) no-repeat;
	background-size: 8% 100%;
	position: absolute;
	z-index: 2;
}

.relief-content .six .left {
	background: url(../images/img/6_02.png) no-repeat;
	background-size: 8% 100%;
	position: absolute;
	z-index: 1;
}

@media ( min-width :768px) {
	.relief-content .one .left {
		background-size: 6% 100%;
	}
	.relief-content .one .left>i {
		background-size: 6% 100%;
	}
	.relief-content .two .left>i {
		background-size: 6% 100%;
	}
	.relief-content .three .left>i {
		background-size: 6% 100%;
	}
	.relief-content .four .left>i {
		background-size: 6% 100%;
	}
	.relief-content .five .left>i {
		background-size: 6% 100%;
	}
	.relief-content .six .left>i {
		background-size: 6% 100%;
	}
	.relief-content .two .left {
		background-size: 6% 100%;
	}
	.relief-content .three .left {
		background-size: 6% 100%;
	}
	.relief-content .four .left {
		background-size: 6% 100%;
	}
	.relief-content .five .left {
		background-size: 6% 100%;
	}
	.relief-content .six .left {
		background-size: 6% 100%;
	}
	.relief-content .right p {
		margin: 0 0 0 7%;
	}
}