/* CSS Document */

.p10_banner{width: 100%; height: 800px; background: url(../images/p10_banner.jpg) left top/100% 100% no-repeat; text-align: center; color: #fff;}
.p10_banner h3{font-size: 36px; padding-top: 300px; line-height: 150%; font-weight: 100;}
.p10_banner .line{width: 40px; height: 5px; background: #fff; display: inline-block; margin: 60px 0;}
.p10_banner h4{font-size: 20px; line-height: 100%; padding-bottom: 30px;}
.p10_banner p{font-size: 14px; line-height: 150%;}
.p10_content_1{width: 1350px; margin: 0 auto; overflow: hidden; padding: 80px 0; text-align: center;}
.p10_content_1 h3{font-size: 40px; font-weight: 100; line-height: 100%; padding-bottom: 50px;}
.p10_content_1 p{font-size: 16px; line-height: 150%; padding: 50px; padding-bottom: 0;}
.p10_content_2{height: 550px; background: url(../images/p10_2_bg.jpg) left top/100% 100% no-repeat; text-align: center;}
.p10_content_2 h3{font-size: 40px; font-weight: 100; padding-top: 80px; color: #000;}
.p10_content_2 ul{width: 1350px; margin: 0 auto; padding-top: 80px;}
.p10_content_2 ul li{width: 276px; float: left; min-height: 300px; background: #fff; margin-right: 32px;}
.p10_content_2 ul li:last-child{margin-right: 0;}
.p10_content_2 ul li h4{background: #ff3333; font-size: 56px; font-style: italic; color: #fff; line-height: 100%; padding: 20px 0; font-weight: 400;}
.p10_content_2 ul li:nth-of-type(2) h4{background: #1cdf6a;}
.p10_content_2 ul li:nth-of-type(3) h4{background: #0099ff;}
.p10_content_2 ul li:nth-of-type(4) h4{background: #cc33ff;}
.p10_content_2 ul li h4 span{display: block; font-size: 30px; font-style: normal;}
.p10_content_2 ul li p{font-size: 16px; color: #000; line-height: 150%; padding: 30px 20px 0 20px;}
.p10_content_3{width: 1350px; margin: 80px auto; overflow: hidden; text-align: center;}
.p10_content_3 h3{font-size: 40px; font-weight: 100; color: #000; line-height: 100%; padding-bottom: 60px;}
.p10_content_3 ul li{width: 16.6%; float: left;}
.p10_content_3 ul li div{
	width: 160px;
	height: 160px;
	overflow: hidden;
	background: #00cc66;	
	margin: 0 auto;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;	
}
.p10_content_3 ul li:nth-of-type(2) div{background: #ff3333;}
.p10_content_3 ul li:nth-of-type(3) div{background: #00cccc;}
.p10_content_3 ul li:nth-of-type(4) div{background: #6699ff;}
.p10_content_3 ul li:nth-of-type(5) div{background: #cc66cc;}
.p10_content_3 ul li:nth-of-type(6) div{background: #ff3366;}
.p10_content_3 ul li div img{display: block; margin: 0 auto; margin-top: 30px;}
.p10_content_3 ul li div p{font-size: 16px; color: #fff; padding: 0; line-height: 200%;}
.p10_content_4{height: 550px; background: #cceeff; overflow: hidden; position: relative; clear: both;}
.p10_content_4 .round{position: absolute; left: 50%; bottom: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.p10_content_4 .round.r1{width: 900px; height: 900px; background: #e3f6ff; margin-left: -450px; margin-bottom: -450px; z-index: 1;}
.p10_content_4 .round.r2{width: 700px; height: 700px; background: #cceeff; margin-left: -350px; margin-bottom: -350px; z-index: 2;}
.p10_content_4 .round.r3{width: 500px; height: 500px; background: #9edfff; margin-left: -250px; margin-bottom: -250px; z-index: 3;}
.p10_content_4 .round.r4{width: 300px; height: 300px; background: #66ccff; margin-left: -150px; margin-bottom: -150px; z-index: 4;}
.p10_content_4 .title{font-size: 24px; color: #000; position: absolute; bottom: 20px; text-align: center; line-height: 150%; width: 100%; z-index: 5;}
.p10_content_4 .text{position: absolute; left: 50%; color: #000; z-index: 5;}
.p10_content_4 .text h3{font-size: 18px; font-weight: 100; line-height: 150%;}
.p10_content_4 .text p{font-size: 14px; line-height: 150%;}
.p10_content_4 .text .dot{
	width: 20px;
	height: 20px;
	background: #ff3333;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.p10_content_4 .text.t1{width: 260px; margin-left: -550px; top: 180px; text-align: right;}
.p10_content_4 .text.t1 .dot{right: -30px;}
.p10_content_4 .text.t2{width: 300px; margin-left: -420px; top: 310px; text-align: right;}
.p10_content_4 .text.t2 .dot{right: -30px; background: #ff66cc;}
.p10_content_4 .text.t3{width: 400px; margin-left: 20px; top: 90px;}
.p10_content_4 .text.t3 .dot{left: -30px; background: #00ccff;}
.p10_content_4 .text.t4{width: 300px; margin-left: 330px; top: 385px;}
.p10_content_4 .text.t4 .dot{left: -30px; background: #33cc33;}

.p10_content_5{height: 800px; background: url(../images/p10_3_bg.jpg)  left top/100% 100% no-repeat; color: #fff;margin-bottom: 50px;}
.p10_content_5 h3{font-size: 40px; padding: 180px 0 80px; text-align: center;}
.p10_content_5 ul{width: 100%; max-width: 1350px; margin: 0 auto;}
.p10_content_5 ul li{width: 25%; float: left;}
.p10_content_5 ul li .content_box{border: 3px solid #fff; padding: 15px; margin: 15px; min-height: 280px;}
.p10_content_5 ul li .content_box h4{font-size: 24px; text-align: center; font-weight: 600; line-height: 300%;}
.p10_content_5 ul li .content_box h4 span{width: 50px; height: 2px; background: #fff; margin: 0 auto; display: block;}
.p10_content_5 ul li .content_box p{font-size: 14px; line-height: 200%; padding: 20px 0;}

@media screen and (max-width:1350px){
	.p10_banner h3{padding-top: 200px;}
	.p10_content_1{width: 1000px;}
	.p10_content_1 img{max-width: 100%;}
	.p10_content_2 ul{width: 1000px;}
	.p10_content_2 ul li{width: 237px;margin-right: 15px;}
	.p10_content_3{width: 1000px;}
	.p10_content_5 ul li .content_box{margin:8px;padding: 5px;}
}


@media screen and (max-width:1023px){
	.p10_banner{height: 700px;}
	.p10_banner h3{font-size: 28px;}
	.p10_banner h4{line-height: 120%;}
	.p10_content_1{width: 98%;}
	.p10_content_1 h3{font-size: 30px;}
	.p10_content_2{height: auto;background-size: cover}
	.p10_content_2 ul{width: 98%;padding-bottom: 30px;}
	.p10_content_2 ul li{width: 49%;margin-right: 2%;margin-bottom: 15px;}
	.p10_content_2 ul li:nth-child(2n){margin-right: 0}
	.p10_content_2 h3{font-size: 30px;}
	.p10_content_3{width:98%;}
	.p10_content_3 h3{font-size: 30px;}
	.p10_content_3 ul li{width: 30%;margin-right: 5%;margin-bottom: 15px;}
	.p10_content_3 ul li:nth-child(3n){margin-right: 0;}
	.p10_content_5{height: auto;background-size: cover;padding-bottom: 40px;}
	.p10_content_5 h3{font-size: 30px;padding-top: 110px;}
	.p10_content_5 ul li{width: 50%;}
	.p10_content_5 ul li .content_box{min-height: 285px;margin: 15px;padding: 15px;}
}

@media screen and (max-width:767px){
	.p10_banner{height: auto;padding-bottom: 60px;}
	.p10_banner h3{padding-top:150px;font-size: 18px;width: 94%;margin: 0 auto}
	.p10_banner h4{font-size: 14px;width: 94%;margin: 0 auto}
	.p10_banner p{width: 94%;margin: 0 auto}
	.p10_content_1{padding:40px 0;}
	.p10_content_1 h3{font-size: 20px;}
	.p10_content_1 p{padding: 15px;}
	.p10_content_2 h3{font-size: 20px;padding-top: 40px;}
	.p10_content_2 ul{padding-top: 40px;width: 96%;}
	.p10_content_2 ul li h4{font-size: 40px;}
	.p10_content_2 ul li h4 span{font-size: 24px;}
	.p10_content_2 ul li p{padding:20px 10px 0 10px;font-size: 14px;}
	.p10_content_3{margin: 30px auto;}
	.p10_content_3 h3{font-size: 20px;padding-bottom: 30px;}
	.p10_content_3 ul li{width: 49%;margin-right: 2%;}
	.p10_content_3 ul li:nth-child(3n){margin-right: 2%}
	.p10_content_3 ul li:nth-child(2n){margin-right: 0}
	.p10_content_3 ul li div{width: 150px;height: 150px;}
	.p10_content_5 h3{font-size: 20px;padding:30px 0}
	.p10_content_5 ul li{width: 100%;}
	.p10_content_5 ul li .content_box{min-height: auto}
}