.section-1 .container > .title{
	width: 100%;
	float: left;
	margin-top: 40px;
}

.section-1 .container > .title h1{
	width: 100%;
	float: left;
	height: 55px;
	background-image: url(../img/about_ttl01.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999999px;
	overflow: hidden;
}

.section-1 .container > .title h2{
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

.section-1 .container .content{
	width: 100%;
	float: left;
}

.section-1 .container .content .left{
	width: 47%;
	float: left;
}

.section-1 .container .content .right{
	width: 47%;
	float: right;
}

.section-1 .container .content .title{
	width: 100%;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	float: left;
	margin-bottom: 20px;
	margin-top: 40px;
}

.section-1 .container .content .pic{
	width: 100%;
	height: 276px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.section-1 .container .content p{
	font-size: 14px;
	color: #333;
	line-height: 25px;
}

.section-1 .container .content .left .pic{
	background-image: url(../img/about_img01.png);
}

.section-1 .container .content .right .pic{
	background-image: url(../img/about_img02.png);
}

.section-1 .container .content .left .title{
	background-image: url(../img/about_ttls01.png);
}

.section-1 .container .content .right .title{
	background-image: url(../img/about_ttls02.png);
}

.section-2{
	margin-top: 100px;
	background-image: url(../img/about_bk01.png);
	background-repeat: repeat;
	padding-bottom: 60px;
}

.section-2 .title{
	width: 100%;
	height: 96px;
	background-image: url(../img/about_ttl02.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: -40px;
}



.section-2 .content .introduction{
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
}

.section-2 .content .introduction .left{
	width: 70%;
	float: left;
}

.section-2 .content .introduction .left .intro-title{
	width: 100%;
	height: 67px;
	background-image: url(../img/about_img03.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-bottom: 10px;
}

.section-2 .content .introduction .left p{
	color: #333;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	float: left;
}

.section-2 .content .introduction .left .note{
	width: 100%;
	float: left;
	color: #ed818c;
	font-size: 14px;
	margin-top: 30px;
	line-height: 25px;
}

.section-2 .content .introduction .right{
	width: 30%;
	float: right;
}

.section-2 .content .introduction .right .pic{
	width: 100%;
	height: 263px;
	background-image: url(../img/about_img04.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}

.section-2 .content .steps{
	width: 100%;
	float: left;
}

.section-2 .content .steps .step{
	width: 33.3333%;
	float: left;
/* 	padding: 10px; */
}

.section-2 .content .steps .step .pic{
	height: 176px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float: left;
}

.section-2 .content .steps .step p{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #333;
	padding:10px 30px 40px 30px;
}

.section-2 .content .steps .step-1 .pic{
	background-image: url(../img/about_step01.png);
}
.section-2 .content .steps .step-2 .pic{
	background-image: url(../img/about_step02.png);
}
.section-2 .content .steps .step-3 .pic{
	background-image: url(../img/about_step03.png);
}
.section-2 .content .steps .step-4 .pic{
	background-image: url(../img/about_step04.png);
}
.section-2 .content .steps .step-5 .pic{
	background-image: url(../img/about_step05.png);
}
.section-2 .content .steps .step-6 .pic{
	background-image: url(../img/about_step06.png);
}

/**/

.section-3{
	margin-top: 80px;
	background-repeat: repeat;
	padding-bottom: 10px;
}

.section-3 .title{
	width: 100%;
	height: 96px;
	background-image: url(../img/about_ttl03.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: -40px;
	margin-bottom: 20px;
}



.section-3 .content .introduction{
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
}

.section-3 .content .introduction .left{
	width: 70%;
	float: left;
}

.section-3 .content .introduction .left .intro-title{
	width: 100%;
	height: 67px;
	background-image: url(../img/about_img03.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-bottom: 10px;
}

.section-3 .content .introduction .left p{
	color: #333;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	float: left;
}

.section-3 .content .introduction .left .note{
	width: 100%;
	float: left;
	color: #ed818c;
	font-size: 14px;
	margin-top: 30px;
	line-height: 25px;
}

.section-3 .content .introduction .right{
	width: 30%;
	float: right;
}

.section-3 .content .introduction .right .pic{
	width: 100%;
	height: 263px;
	background-image: url(../img/about_img04.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}

.section-3 .content .steps{
	width: 100%;
	float: left;
}

.section-3 .content .steps .step{
	width: 33.3333%;
	float: left;
/* 	padding: 10px; */
}

.section-3 .content .steps .step .pic{
	height: 176px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float: left;
}

.section-3 .content .steps .step p{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #333;
	padding:10px 30px 40px 30px;
}

.section-3 .content .steps .step-1 .pic{
	background-image: url(../img/a1.png);
}
.section-3 .content .steps .step-2 .pic{
	background-image: url(../img/a2.png);
}
.section-3 .content .steps .step-3 .pic{
	background-image: url(../img/a3.png);
}
.section-3 .content .steps .step-4 .pic{
	background-image: url(../img/about_step04.png);
}
.section-3 .content .steps .step-5 .pic{
	background-image: url(../img/about_step05.png);
}
.section-3 .content .steps .step-6 .pic{
	background-image: url(../img/about_step06.png);
}

.footer{
	margin-top: 0px;
}

@media (max-width: 1170px) {
	.section-2 .content .steps .step p{
		padding:0px;
	}
}

@media (max-width: 450px) {
	
	.section-2 .content .steps .step p{
		padding:0px 25px 20px 25px;
	}
	.section-1 .container > .title h2{
		font-size: 18px;
	}
	
	.section-1 .container .content .title{
		background-position: center center;
	}
	
	.section-1 .container .content .left,
	.section-1 .container .content .right{
		width: 100%;
		margin-bottom: 25px;
	}
	
	.section-2{
		margin-top: 40px;
	}
	
	.section-2 .content .introduction .left,
	.section-2 .content .introduction .right{
		width: 100%;
	}
	
	.section-2 .content .introduction .right .pic{
		background-size: cover;
		height: 400px;
	}
	
	.section-2 .content .steps .step{
		width: 100%;
	}
	
	.section-2 .content .steps .step .pic{
		width: 100%;
		height: 200px;
		background-size: contain;
		margin-bottom: 10px;
	}
	.section-1 .container .content .title{
	width: 100%;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	float: left;
	margin-bottom: 20px;
	margin-top:10px;
	}
	.section-3{
		margin-top: 40px;
	}
	
	.section-3 .content .introduction .left,
	.section-3 .content .introduction .right{
		width: 100%;
	}
	
	.section-3 .content .introduction .right .pic{
		background-size: cover;
		height: 400px;
	}
	
	.section-3 .content .steps .step{
		width: 100%;
	}
	
	.section-3 .content .steps .step .pic{
		width: 100%;
		height: 200px;
		background-size: contain;
		margin-bottom: 10px;
	}

	
}

@media (max-width: 350px) {
	.section-1 .container > .title h2{
		font-size: 14px;
	}
	
	.section-1 .container .content .pic{
		height: 180px;
	}
	
	.section-1 .container .content .title{
		background-position: center center;
	}
	
	.section-1 .container .content .left,
	.section-1 .container .content .right{
		width: 100%;
		margin-bottom: 55px;
	}
	
	.section-2{
		margin-top: 40px;
	}
	
	.section-2 .content .introduction .left,
	.section-2 .content .introduction .right{
		width: 100%;
	}
	
	.section-2 .content .introduction .right .pic{
		background-size: cover;
		height: 300px;
	}
	
	.section-2 .content .steps .step{
		width: 100%;
	}
	
	.section-2 .content .steps .step .pic{
		width: 100%;
		height: 200px;
		background-size: contain;
		margin-bottom: 10px;
	}
	
	
		.section-3{
		margin-top: 40px;
	}
	
	.section-3 .content .introduction .left,
	.section-3 .content .introduction .right{
		width: 100%;
	}
	
	.section-3 .content .introduction .right .pic{
		background-size: cover;
		height: 300px;
	}
	
	.section-3 .content .steps .step{
		width: 100%;
	}
	
	.section-3 .content .steps .step .pic{
		width: 100%;
		height: 200px;
		background-size: contain;
		margin-bottom: 10px;
	}
	
}