/* CSS Document */

.p08_banner{width: 100%; height: 800px; background: url(../service/p08_banner.jpg) center no-repeat; text-align: center;}
.p08_banner h3{font-size: 36px; color: #fff; padding-top: 200px; line-height: 150%;}
.p08_banner .line{width: 100px; height: 2px; background: #fff; display: inline-block; margin: 40px 0;}
.p08_banner p{font-size: 36px; color: #fff;}
.p08_banner ul{width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 80px;}
.p08_banner ul li{width: 20%; float: left;}
.p08_banner ul li p{font-size: 16px; line-height: 150%; padding-top: 20px;}
.p08_content_2{width: 1200px; margin: 0 auto; text-align: center; color: #000; overflow: hidden;}
.p08_content_2 h3{font-size: 40px; font-weight: 100; padding-top: 80px;}
.p08_content_2 p{font-size: 18px; padding-top: 40px;}
.p08_content_2 ul{padding: 50px 0 80px 0;}
.p08_content_2 ul li{width: 25%; float: left;}
.p08_content_2 ul li .images{
	width: 150px;
	height: 150px;
	overflow: hidden;
	background: #0066ff;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.p08_content_2 ul li:nth-of-type(2) .images{background: #9900ff;}
.p08_content_2 ul li:nth-of-type(3) .images{background: #00cc00;}
.p08_content_2 ul li:nth-of-type(4) .images{background: #ff6600;}
.p08_content_2 ul li h4{font-size: 18px; padding-top: 40px;}
.p08_content_2 ul li p{font-size: 14px; line-height: 150%; text-align: left; padding: 20px 30px 50px 30px;}
.p08_content_3{width: 100%; height: 900px; background: url(../service/p08_3_bg.jpg) center no-repeat; text-align: center;}
.p08_content_3 h3{font-size: 40px; font-weight: 100; color: #fff; line-height: 300%; padding-top: 30px;}
.p08_content_4{width: 1200px; margin: 0 auto; overflow: hidden; padding: 80px 0;}
.p08_content_4 li{width: 33%; float: left;}
.p08_content_4 li img{display: block; margin: 0 auto;}
.p08_content_4 li .maintext{color: #000; float: right; text-align: right;}
.p08_content_4 li:last-child .maintext{float: left; text-align: left;}
.p08_content_4 li .maintext:last-child{margin-top: 160px;}
.p08_content_4 li h3{font-size: 18px; line-height: 200%;}
.p08_content_4 li p{font-size: 14px; line-height: 150%;}
.p08_content_5{height: 600px; background: url(../service/p08_5_bg.jpg) center no-repeat; text-align: center; color: #000;}
.p08_content_5 h3{font-size: 40px; font-weight: 100; line-height: 100%; padding-top: 80px; padding-bottom: 50px;}
.p08_content_5 ul{width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 30px;}
.p08_content_5 ul li{width: 20%; float: left; background: #33ff99; padding: 50px 0;}
.p08_content_5 ul li:nth-child(even){background: #00cc66;}
.p08_content_5 ul li h4{font-size: 24px; line-height: 200%; font-weight: 100;}
.p08_content_5 ul li p{font-size: 14px; line-height: 150%;}
.p08_content_6{width: 1200px; margin: 0 auto; text-align: center; color: #000; overflow: hidden; padding-bottom: 80px;}
.p08_content_6 h3{font-size: 40px; font-weight: 100; line-height: 100%; padding-top: 80px;}
.p08_content_6 p{font-size: 16px; line-height: 200%; padding: 20px 0 40px 0;}
.p08_content_6 h4{font-size: 18px; padding-bottom: 40px;}
.p08_content_6 .images{height: 870px; position: relative;}
.p08_content_6 .images div{position: absolute;}
.p08_content_6 .images .bg{
	width: 870px; 
	height: 870px; 
	background: url(../service/p08_6_1.png) center no-repeat; 
	left: 50%;
	margin-left: -435px;
	z-index: 1;
}
.p08_content_6 .images .img1{width: 250px; height:130px; left: 376px; top: 170px; z-index: 2;}
.p08_content_6 .images .img2{width: 250px; height:130px; left: 436px; top: 600px; z-index: 2;}
.p08_content_6 .images .img3{width: 180px; height:165px; left: 215px; top: 355px; z-index: 2;}
.p08_content_6 .images .img4{width: 180px; height:165px; right: 175px; top: 280px; z-index: 2;}
.p08_content_6 .images .img5{width: 180px; height:165px; left: 115px; top: 160px; z-index: 2;}
.p08_content_6 .images .img6{width: 180px; height:165px; right: 175px; top: 700px; z-index: 2;}

@media screen and (max-width: 1200px){
	.p08_banner ul{width: 1000px;}
	.p08_content_2{width: 1000px;}
	.p08_content_2 ul{padding-bottom: 60px;}

	.p08_content_3{background-size: cover;height: auto;padding-bottom: 50px;}
	.p08_content_3 img{max-width: 90%;}

	.p08_content_4{width: 1000px;}
	.p08_content_4 li img{max-width: 100%;}

	.p08_content_5{height: auto;padding-bottom: 50px;}
	.p08_content_5 h3{padding-top: 50px;padding-bottom: 40px;}
	.p08_content_5 ul{width: 1000px;}

	.p08_content_6{width: 1000px;}
	.p08_content_6 h3{padding-top: 50px;}

	.p08_content_6 .images .img1{left: 276px;}
	.p08_content_6 .images .img5{left: 14px;}
	.p08_content_6 .images .img3{left: 116px;}
	.p08_content_6 .images .img4{right: 76px;}
	.p08_content_6 .images .img6{right: 73px;}
}

@media screen and (max-width: 1023px){
	.p08_banner{height: auto;padding-bottom: 50px;}
	.p08_banner h3{font-size: 30px;padding-top: 120px;}
	.p08_banner p{font-size: 30px;}
	.p08_banner ul{width: 98%;}

	.p08_content_2{width: 98%;}
	.p08_content_2 h3{font-size: 30px;}
	.p08_content_2 ul li{width: 50%;margin-bottom: 20px}

	.p08_content_3 h3{font-size: 30px;}

	.p08_content_4{width: 98%}
	.p08_content_4 li h3{font-size: 16px;}
	.p08_content_4 li .maintext:last-child{margin-top: 40px;}
	.p08_content_5 h3{font-size: 30px;}
	.p08_content_5 ul{width: 98%;}

	.p08_content_6{width: 98%;padding-bottom: 50px;}
	.p08_content_6 h3{padding-top: 30px;font-size: 30px;}
	.p08_content_6 .images{width: 98%;height: auto}
	.p08_content_6 .images .bg{background: url(../images/fxxxxxx.jpg) center no-repeat;width: 760px;height: 760px;margin: 0 auto;position: static;background-size: 100% 100%}
	.p08_content_6 .images .img1,.p08_content_6 .images .img2,.p08_content_6 .images .img3,.p08_content_6 .images .img4,.p08_content_6 .images .img5,.p08_content_6 .images .img6{display: none}
}

@media screen and (max-width: 767px){
	.p08_banner{background-size: cover}
	.p08_banner h3{font-size: 18px;}
	.p08_banner p{font-size: 18px;}
	.p08_banner ul{text-align: center;padding-top: 30px;}
	.p08_banner ul li{width: 30%;float: none;display: inline-block;vertical-align: top;margin-bottom: 20px;}

	.p08_content_2 h3{font-size: 20px;padding-top: 30px;}
	.p08_content_2 p{font-size: 14px;}
	.p08_content_2 ul{padding-bottom: 20px;}
	.p08_content_2 ul li{width: 100%;}
	.p08_content_4{padding: 30px 0;width: 94%;}
	.p08_content_4 li{width: 100%;}
	.p08_content_4 li .maintext{text-align: left}
	.p08_content_4 li img{width: 60%}
	.p08_content_4 li .maintext:last-child{margin-top: 20px;}

	.p08_content_5{background-size: cover}
	.p08_content_5 h3{font-size: 20px;padding: 30px 0;}
	.p08_content_5 ul{padding-top: 10px;width:94%;}
	.p08_content_5 ul li{width: 100%;margin-bottom: 20px;padding: 20px 0;}

	.p08_content_6{padding-bottom: 30px;width:94%;}
	.p08_content_6 h3{font-size: 20px;padding-top: 20px;}
	.p08_content_6 p{font-size: 14px;padding:20px 0; }
	.p08_content_6 h4{font-size: 16px;padding-bottom: 20px;}
	.p08_content_6 .images .bg{width: 300px;height: 300px;}

}