/* CSS Document */
.s06_banner{width: 100%; min-height: 830px; background: url(../images/s06_banner.jpg)left top/100% 100% no-repeat; overflow: hidden; text-align: center; color: #000;}
.s06_banner .t1, .s05_banner .t2{line-height: 100%; color: #990000;}
.s06_banner .t1{font-size: 48px; margin-top: 200px; font-weight: bold;}
.s06_banner .t2{font-size: 48px; padding: 40px 0;}
.s06_banner .t3{font-size: 18px;}
.s06_banner .t4{font-size: 14px; padding: 20px 0;}
.s06_banner .img{padding-top: 100px;}

.content_1{width: 1350px; margin: 0 auto; text-align: center; padding-top: 100px;}
.content_1 h3{font-size: 30px; color: #333; padding: 20px 30px; border: 10px solid #eeeeee; display: inline-block;}
.content_1 p{font-size: 14px; padding: 50px 0;}
.content_1 h4{font-size: 16px; line-height: 150%;}
.content_1 ul{padding: 80px 0; overflow: hidden;}
.content_1 ul li{width: 20%; float: left;}
.content_1 ul li .img{
	width: 195px;
	height: 195px;
	background: #eb5405;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.content_1 ul li:nth-of-type(2) .img{background: #f39700;}
.content_1 ul li:nth-of-type(3) .img{background: #009a44;}
.content_1 ul li:nth-of-type(4) .img{background: #00a0ea;}
.content_1 ul li:nth-of-type(5) .img{background: #663ab7;}
.content_1 ul li h5{font-size: 15px; line-height: 300%;}


.content_2{height: 600px; background: url(../images/s06_3_1.jpg) left top/100% 100% no-repeat; text-align: center; color: #fff;}
.content_2 h3{font-size: 36px; line-height: 100%; padding-top: 50px;}
.content_2 p{font-size: 14px; line-height: 300%;}
.content_2 ul{width: 1350px; margin: 0 auto; padding-top: 60px;}
.content_2 ul li{width: 33.3%; float: left;}
.content_2 ul li .img{
	width: 180px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.content_2 ul li h4{font-size: 16px; line-height: 200%; padding-top: 30px;}
.content_2 ul li p{font-size: 14px; line-height: 150%;}

.content_3{width: 1350px; margin: 0 auto; overflow: hidden; padding: 80px 0;}
.content_3 h3{font-size: 36px; color: #000; text-align: center; line-height: 100%;}
.content_3 ul li{width: 33.3%; float: left; margin-top: 50px;}
.content_3 ul li .img{
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	float: left;
	margin-left: 50px;
}
.content_3 ul li p{width: 57%; font-size: 14px; line-height: 150%; float: left; padding: 10px 0 0 20px;}
.content_3 ul li p span{display: block; font-size: 18px; line-height: 200%;}

@media screen and (max-width: 1350px){
	.s06_banner{background-size: cover}
	.s06_banner .t1{font-size: 40px;margin-top: 150px;}
	.s06_banner .t2{font-size: 40px;}
	.s06_banner .t3{font-size: 16px;}

	.content_1{width: 1000px;padding-top: 70px;}
	.content_2 h3{font-size: 32px;}
	.content_2 ul{width: 1000px;}

	.content_3{width: 1000px;padding: 60px 0;}
	.content_3 ul li p{width: 76%;}
}
@media screen and (max-width: 1023px){
	.s06_banner .t1{font-size: 30px;margin-top: 120px;}
	.s06_banner .t2{font-size: 30px;}
	.s06_banner .img{padding-top: 60px;}
	.s06_banner .img img{max-width: 80%;}

	.content_1{width: 98%;padding-top: 50px;}
	.content_1 ul li .img{width: 150px;height: 150px;}
	.content_1 ul li .img img{max-width: 100%;}

	.content_2{height: auto;padding-bottom: 50px;}
	.content_2 h3{font-size: 24px;}
	.content_2 ul{width: 98%;}
	.content_3{padding: 40px 0;width: 98%;}

	.content_3 ul li p{width: 90%;}
}

@media screen and (max-width: 767px){
	.s06_banner{height: auto;min-height: auto;padding-bottom: 30px;}
	.s06_banner .t1{font-size: 20px;}
	.s06_banner .t2{font-size: 18px;}
	.s06_banner .t3{font-size: 14px;width:94%;margin: 0 auto}
	.s06_banner .t4{width:94%;margin: 0 auto}

	.content_1{padding-top: 30px;width:94%;}
	.content_1 h3{font-size: 20px;padding: 15px 25px;}
	.content_1 p{padding: 30px 0;}
	.content_1 h4{font-size: 14px;}
	.content_1 ul{padding: 30px 0;}
	.content_1 ul li{display: inline-block;float: none;width: 100px;vertical-align: top;}
	.content_1 ul li .img{width: 100px;height: 100px;}
	.content_1 ul li h5{line-height: 110%;padding:10px 0;font-size: 12px;}

	.content_2{background-size: cover}
	.content_2 h3{font-size: 18px;padding-top: 30px;}
	.content_2 p{line-height: 150%;font-size: 12px;width:94%;margin: 0 auto}
	.content_2 ul{width:94%;}
	.content_2 ul li{width: 100%;margin-bottom: 20px;}
	.content_2 ul li .img{width: 120px;height: 120px;}
	.content_2 ul li .img img{max-width: 100%;}

	.content_3{padding: 20px 0;}
	.content_3 h3{font-size: 26px;}
	.content_3 ul li{width: 50%;}

}