.h2-area .h2-back,.h2-area .h2-img{display: inline;}
h2.about-title,#about2 h3{display: none !important;}
#about .cont-box{margin: 0 auto 80px auto !important;}
#about1-box{
	background: url(../img/about-back1.png) no-repeat center top;
	width: 900px;
	height: 580px;
	position: relative;
	padding: 40px;
}
#about1-box p{
	display: block;
	background: url(../img/line-bj.png) repeat-x left bottom;
	padding: 10px 0;
	width: auto;
	font-size: 18px;
	position: relative;
}
#about1-box p .orange-line{
	background: url(../img/p-back.png) repeat-x center bottom;
	padding: 10px 5px;
	font-weight: bold;
}
#about1 .h2-area img:nth-child(3),
#about1 .h2-area img:nth-child(1) {width: 194px;}
#about2 .h2-area img:nth-child(3),
#about2 .h2-area img:nth-child(1) {width: 124px;}
#about2 .h2-area img:nth-child(2) {width: 718px;}
#about3 .h2-area img:nth-child(3),
#about3 .h2-area img:nth-child(1) {width: 167px;}
#about3 .h2-area img:nth-child(2) {width: 632px;}
img.about1-box-photo{
	position: absolute;
	right: 10px;
	bottom: 50px;
}
#about2-box{
	background: url(../img/about-back2.png) no-repeat center top;
	width: 980px;
	height: 670px;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 30px 0 0 0;
}
#about2 .h3-img{
	background: url(../img/icon1.png) no-repeat center top;
	margin: 0 auto 60px auto;
	display: block;
	padding: 40px 0 0 0;
}
#about2-box p{
	background: url(../img/kanban.png) no-repeat center top;
	padding: 50px 0 0 0;
	line-height: 160%;
font-weight: normal;
}
.circle {position: absolute;}
.circle1{top: 150px;left: 70px;}
.circle2{top: 150px;right: 70px;}
.circle3{top: 400px;left: 60px;}
.circle4{top: 400px;right: 60px;}
.circle5{top: 480px;right: 0;left: 0;margin: auto;}
.about3-box{overflow: hidden;}
.about3-block{
	background: url(../img/about-back3.png) no-repeat center top;
	width: 326px;
	height: 289px;
	position: relative;
	text-align: center;
	font-size: 16px;
	padding: 30px 0 0 0;
	float: left;
}
.about3-box2{
	width: 652px;
	margin: 0 auto;
}
.about3-block img{
	display: block;
	margin: 0 auto;
}
.about3-block .h3-img{padding: 0 0 10px 0;}
.about3-block2 .h3-img,.about3-block5 .h3-img{padding: 15px 0;}
.balloon{position: absolute;}
.balloon1{top:25px ;left: 15px;}
.balloon2{top:30px ;right: 20px;}
.balloon3{top:20px ;right: 30px;}
.balloon4{top:40px ;left: 10px;}
.balloon5{top:30px ;right: 0;}
#about3{
	background: url(../img/content-line.png) repeat-x left bottom;
	padding: 0 0 100px 0;
	margin: 0 auto !important;
}
@media (max-width:980px) {
.h2-area .h2-back{display: none !important;}
.h2-area .h2-img{display: block !important;margin: 0 auto;}
#about1-box{width: auto;background-position: top center;}
img.about1-box-photo{width: 300px;height: auto;}
#about2-box{width: auto;height: auto;background: none;padding: 0;}
.sand{background:url(../img/sand-min.jpg) repeat center top;border-radius:100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;width: auto;margin: 0 20px;padding: 55px 0 150px 0;position: relative;}
.circle1{top: 10px;left: 40px;}
.circle2{top: 10px;right: 40px;}
.circle3{bottom: 40px;top: auto;left: 30px;}
.circle4{bottom: 40px;top: auto;right: 30px;}
.circle5{top: auto;bottom:10px;}
#about2-box p{padding: 80px 15px 20px 15px;}
#about2 .h3-img{margin: 0 auto 20px auto;}
.about3-box{width: 652px;margin: 0 auto;overflow: visible;}
.about3-block{display: inline;}
.about3-block5{margin: 0 163px;}
}
@media (max-width:789px) {
	.h2-area,#about2 .h3-img,h2.about-title br{display: none;}
	h2.about-title, #about2 h3{display: block !important;text-align: center;}
	h2.about-title{font-size: 28px;margin: 0  20px 20px 20px;}
	#about1 h2.about-title{background:url(../img/h2-1-min.png) no-repeat center top;padding: 100px 0 0 0;}
	#about2 h2.about-title{background:url(../img/h2-2-min.png) no-repeat center top;padding: 100px 0 0 0;}	
	#about3 h2.about-title{background:url(../img/h2-3-min.png) no-repeat center top;padding: 100px 0 0 0;}	
	#about1 h2.about-title{background:url(../img/h2-1-min.png) no-repeat center top;padding: 100px 0 0 0;}
	#about1-box{background:url(../img/about-back1-min.png) no-repeat center top;width: 540px;padding: 60px 30px 40px;margin: 0 auto;}
	img.about1-box-photo{opacity: 0.3;z-index: 1;bottom: 10px;}
	#about2 h3{color: #3F3225;font-size: 20px;padding: 0 20px 15px 20px;}
	#about1-box p{z-index: 100;}
	.circle{width: 140px;height: auto;}
	.about3-box{max-width: 652px;width: auto;}
	.about3-block{display: block !important;margin: 0 auto 10px auto;float: none;}
}
@media (max-width:569px) {
	#about1-box{width: auto;height: auto;}
	#about1-box p{display: inline; line-height: 40px;font-size: 1.1em;}
	#about2-box{font-size: 1.1em;}
}
@media (max-width:489px) {
.sand{padding: 20px 0 130px;border-radius:20px;-webkit-border-radius: 20px;-moz-border-radius: 20px; }
.circle{width: 110px;}
.circle1,.circle3{left: -15px;}
.circle2,.circle4{right: -15px;}
.circle1, .circle2{top: 20px;}
#about2-box p{padding: 100px 15px 20px 15px;}
.about3-block{max-width: 326px;width: 100%;}
}