/* CSS Document */
.s05_banner{width: 100%; height: 723px; background: url(../images/s05_banner.jpg) left top/100% 100% no-repeat; overflow: hidden; text-align: center; color: #000;}
.s05_banner .t1, .s05_banner .t2{line-height: 100%; color: #fff;}
.s05_banner .t1{font-size: 60px; margin-top: 300px; font-weight: bold;}
.s05_banner .t2{font-size: 30px; padding: 40px 0; line-height: 150%;}

.content_1{width: 1350px; margin: 0 auto; color: #000; padding: 80px 0; overflow: hidden;}
.content_1 h3{font-size: 40px; text-align: center; line-height: 100%;}
.content_1 ul{padding-top: 50px;}
.content_1 ul .txt{width: 65%; float: left; padding-top: 80px;}
.content_1 ul .txt h4{font-size: 30px; padding-bottom: 30px;}
.content_1 ul .txt h4 span{font-size: 48px;}
.content_1 ul .txt p{font-size: 18px; line-height: 250%;}
.content_1 ul .img{width: 35%; float: left; text-align: center;}

.content_2{width: 1350px; margin: 80px auto; color: #000; text-align: center; overflow: hidden;}
.content_2 h3{font-size: 40px; text-align: center; line-height: 150%;}
.content_2 h4{font-size: 24px; line-height: 150%;}
.content_2 ul{margin-top: 80px;}
.content_2 ul li{width: 33.3%; float: left; background: #0066cc; position: relative; min-height: 200px;}
.content_2 ul li:nth-of-type(2){background: #ff3300;}
.content_2 ul li:nth-of-type(3){background: #9900ff;}
.content_2 ul li h5{
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 48px;
	font-weight: 100;
	text-align: center;
	font-style: italic;
	background: #fff;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -50px;
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
}
.content_2 ul li p{padding: 80px 50px 30px; font-size: 18px; color: #fff; line-height: 150%;}

.content_3{height: 900px; background: url(../images/s05_2_bg.jpg) left top/100% 100% no-repeat;}
.content_3 h3{font-size: 40px; text-align: center; line-height: 150%; color: #000; padding-top: 30px;}
.content_3 ul{width: 1350px; margin: 0 auto; text-align: center; padding-top: 50px;}
.content_3 ul li{width: 25%; min-height: 380px; float: left;}
.content_3 ul li .img{
	width: 150px;
	height: 150px;
	margin: 0 auto;
	background: #ff3300;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.content_3 ul li h4{font-size: 20px; line-height: 200%; padding-top: 20px; color: #000;}
.content_3 ul li p{font-size: 18px; line-height: 150%; padding: 0 20px;}

.content_4{width: 1350px; margin: 0 auto; overflow: hidden; padding-bottom: 80px;}
.content_4 h3{font-size: 40px; text-align: center; line-height: 150%; color: #000; padding-top: 30px;}
.content_4 p{font-size: 18px; text-align: center;}
.content_4 ul{padding: 50px 0; overflow: hidden;}
.content_4 ul li{width: 25%; float: left; text-align: center;}
.content_4 .more{width: 260px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background: #3333ff; display: block; margin: 0 auto; text-align: center;}
.content_4 .more:hover{background: #333;}

@media screen and (max-width: 1350px){
	img{max-width: 100%;}
	.s05_banner .t1{font-size: 48px;}
	.s05_banner .t2{font-size: 26px;}
	.content_1{width: 1000px;padding: 60px 0;}
	.content_2{width: 1000px;padding: 60px 0;margin: 60px auto}
	.content_2 ul li p{padding: 60px 30px 20px;}

	.content_3 ul{width: 1000px;}
	.content_3 ul li p{font-size: 16px;}
	.content_4{width: 1000px;}
}


@media screen and (max-width: 1023px){
	.s05_banner{height: auto;padding-bottom: 150px;}
	.s05_banner .t1{font-size: 36px;margin-top: 200px;}
	.s05_banner .t2{font-size: 22px;}
	.content_1{width: 98%;padding:40px 0;}
	.content_1 h3{font-size: 30px;}
	.content_1 ul .txt h4{font-size: 24px;}
	.content_1 ul .txt h4 span{font-size: 40px;}
	.content_1 ul .txt p{line-height: 150%;}
	.content_2{padding: 40px 0;margin: 20px auto;width: 98%;}
	.content_2 h3{font-size: 30px;}
	.content_2 h4{font-size: 20px;}
	.content_2 ul{margin-top: 60px;}
	.content_3 h3{font-size: 30px;}
	.content_3 ul{width: 98%;}
	.content_3 ul li{height: 350px;min-height: auto}
	.content_3 ul li h4{font-size: 18px;}
	.content_3 ul li p{padding:0 5px;font-size: 14px;}
	.content_4{width: 98%;}
	.content_4 h3{font-size: 30px;}

}


@media screen and (max-width: 767px){
	.s05_banner{padding-bottom: 80px;}
	.s05_banner .t1{font-size: 24px;margin-top: 130px;}
	.s05_banner .t2{font-size: 16px;padding:20px 0;width:94%;margin: 0 auto}
	.content_1{padding: 30px 0;width:94%;}
	.content_1 h3{font-size: 20px;}
	.content_1 ul{padding-top: 30px;}
	.content_1 ul .txt{width: 100%;padding-top: 10px;}
	.content_1 ul .txt h4{font-size: 16px;padding-bottom: 15px;}
	.content_1 ul .txt h4 span{font-size: 24px;}
	.content_1 ul .txt p{font-size: 14px;}
	.content_1 ul .img{display: none}

	.content_2{padding: 30px 0;margin: 0 auto}
	.content_2 h3{font-size: 20px;}
	.content_2 h4{font-size: 14px;}
	.content_2 ul li{width: 100%;}
	.content_2 ul li p{padding:60px 10px 20px;font-size: 16px;}

	.content_3{background-size: cover;height: auto}
	.content_3 h3{font-size: 20px;}
	.content_3 ul{padding-top: 30px;}
	.content_3 ul li{width: 50%;height: 320px;}
	.content_3 ul li h4{font-size: 16px;}
	.content_3 ul li p{font-size: 12px;}
	.content_4{width: 94%;}
	.content_4 h3{font-size: 20px;}
	.content_4 p{font-size: 14px;}
	.content_4 .more{width: 160px;height:50px;line-height: 50px;font-size: 16px;}
}