/* CSS Document */

.p11_banner{width: 100%;height: 680px;background: url(../images/service/p11_banner.jpg) center no-repeat;text-align: center;color: #fff;line-height: 160%;}
.p11_banner h3{font-size: 72px;padding-top: 160px;line-height: 150%;font-weight: 100;}
.p11_banner .line{width: 300px; margin: 60px auto; font-size: 40px; position: relative;}
.p11_banner .line::after{
	width: 80px;
	height: 2px;
	background: #fff;
	content: '';
	position: absolute;
	top: 10px;
	right: 0;
}
.p11_banner .line::before{
	width: 80px;
	height: 2px;
	background: #fff;
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
}
.p11_banner p{font-size: 14px; line-height: 150%;}
.p11_content_1{text-align: center; padding: 80px 0; overflow: hidden;}
.p11_content_1 h3{font-size: 40px; color: #000; font-weight: 300; padding-bottom: 40px;}
.p11_content_1 ul{width: 1200px; margin: 0 auto; color: #fff;}
.p11_content_1 ul li{width: 50%; float: left; background: #6600ff; padding: 80px 0; position: relative;}
.p11_content_1 ul li:nth-of-type(2){background: #ff3300;}
.p11_content_1 ul li .arrow1{
	position: absolute;
	width: 0;
	height: 0;
	border-width: 40px 0 40px 40px;
	border-color: transparent transparent transparent #6600ff;
	border-style: solid;
	right: -40px;
	z-index: 2;
}
.p11_content_1 ul li .arrow2{
	position: absolute;
	width: 0;
	height: 0;
	border-width: 40px 40px 40px 0;
	border-color: transparent #ff3300 transparent transparent;
	border-style: solid;
	top: 160px;
	left: -40px;
	z-index: 2;
}
.p11_content_1 ul li h4{font-size: 30px; line-height: 100%; position: relative; padding-bottom: 50px;}
.p11_content_1 ul li h4::before{
	position: absolute;
	width: 40px;
	height: 4px;
	background: #fff;
	content: '';
	left: 50%;
	margin-left: -20px;
	bottom: 0;
}
.p11_content_1 ul li p{padding: 30px 70px; font-size: 16px; line-height: 150%; padding-bottom: 0;}
.p11_content_2{height: 700px; background: url(../images/service/p11_1_bg.jpg) top center no-repeat; text-align: center; color: #000;}
.p11_content_2 h3{font-size: 40px; font-weight: 100; line-height: 150%; padding-top: 80px;}
.p11_content_2 h4{font-size: 18px; line-height: 150%; font-weight: 100;}
.p11_content_2 ul{width: 1200px; margin: 0 auto; padding-top: 80px;}
.p11_content_2 ul li{width: 33%; float: left;}
.p11_content_2 ul li p{padding: 30px; font-size: 14px; line-height: 150%;}
.p11_content_3{height: 600px; background: url(../images/service/p11_2_bg.jpg) bottom center no-repeat; text-align: center; color: #000;}
.p11_content_3 h3{font-size: 40px; font-weight: 100; line-height: 150%; padding-top: 80px;}
.p11_content_3 h4{font-size: 14px; font-weight: 100; line-height: 150%;}
.p11_content_3 ul{width: 1200px; margin: 0 auto; padding-top: 80px;}
.p11_content_3 ul li{
	width: 276px;
	height: 276px;
	background-color: #ff3333;
	float: left;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 32px;
}
.p11_content_3 ul li:nth-of-type(2){background-color: #6600ff;}
.p11_content_3 ul li:nth-of-type(3){background-color: #00cc00;}
.p11_content_3 ul li:nth-of-type(4){background-color: #0099ff; margin-right: 0;}
.p11_content_3 ul li img{display: block; margin: 60px auto 0;}
.p11_content_3 ul li p{font-size: 18px; font-weight: bold; color: #fff; line-height: 300%;}
.p11_content_4{background: #004c98; padding: 80px 0; overflow: hidden; color: #fff; text-align: center;}
.p11_content_4 h3{font-size: 40px; font-weight: 100; padding-bottom: 30px; line-height: 100%;}
.p11_content_4 p{font-size: 18px; line-height: 150%; font-weight: 400;}
.p11_content_4 .box{
	width: 200px;
	font-size: 18px;
	font-weight: bold;
	line-height: 300%;
	display: inline-block;
	border: 1px solid #fff;
	margin: 30px 20px 0;
}
.p11_content_4 .box a{display: block;color: #fff;line-height: 300%;}

@media screen and (max-width: 1200px){
	.p11_banner{height: auto;padding-bottom: 200px;}
	.p11_banner h3{font-size: 50px;padding-top: 220px;}
	.p11_content_1{padding:60px 0;}
	.p11_content_1 ul{width: 1000px;}
	.p11_content_2 h3{padding-top: 60px;}
	.p11_content_2 ul{width: 1000px;}
	.p11_content_3 h3{padding-top: 60px;}
	.p11_content_3 ul{width: 1000px;}
	.p11_content_3 ul li{width: 240px;height: 240px;margin-right:11px;}
	.p11_content_4{padding: 60px 0;}
}

@media screen and (max-width: 1023px){
	.p11_banner{padding-bottom: 100px;}
	.p11_banner h3{font-size: 40px;padding-top: 160px;}
	.p11_content_1 h3{font-size: 30px;}
	.p11_content_1 ul{width: 98%;}
	.p11_content_1 ul li{min-height: 250px;}
	.p11_content_1 ul li h4{font-size: 22px;}
	.p11_content_1 ul li p{padding:20px 30px;}

	.p11_content_2{height: auto;padding-bottom: 50px;}
	.p11_content_2 h3{padding-top: 40px;font-size: 30px;}
	.p11_content_2 ul{width: 98%;padding-top: 40px;}
	.p11_content_2 ul li p{padding: 15px;}

	.p11_content_3 h3{padding-top: 40px;font-size: 30px;}
	.p11_content_3 ul{width: 98%;}
	.p11_content_3 ul li{margin-left: 50px;margin-bottom: 20px;}
	.p11_content_3 ul li:nth-child(even){float: right;margin-right: 50px;margin-left: 0;}
	.p11_content_4{width: 100%;padding: 40px 0;}
	.p11_content_4 h3{font-size: 30px;}
	.p11_content_4 p{font-size: 16px;}

}

@media screen and (max-width: 767px){
	.p11_banner{padding-bottom: 60px;}
	.p11_banner h3{font-size: 24px;padding-top: 120px;}
	.p11_banner p{width:94%;margin: 0 auto}
	.p11_banner .line{margin: 30px auto}
	.p11_content_1{padding:30px 0;}
	.p11_content_1 h3{font-size: 20px;}
	.p11_content_1 ul{width:94%;}
	.p11_content_1 ul li .arrow1{display: none}
	.p11_content_1 ul li .arrow2{display: none}
	.p11_content_1 ul li{width: 100%;padding:30px 0;min-height: auto;height: auto}
	.p11_content_1 ul li h4{font-size: 18px;padding-bottom: 30px;}
	.p11_content_1 ul li p{padding:10px 20px;font-size: 14px;}

	.p11_content_2{background-size: cover;padding-bottom: 30px;}
	.p11_content_2 h3{font-size: 24px;padding-top: 20px;}
	.p11_content_2 h4{font-size: 16px;}
	.p11_content_2 ul li{width: 100%;}

	.p11_content_3{height: auto;padding-bottom: 30px;}
	.p11_content_3 h3{font-size: 20px;padding-top: 20px;}
	.p11_content_3 ul{text-align: center;padding-top: 30px;}
	.p11_content_3 ul li{width: 130px;height: 130px;display: inline-block;float: none;margin:10px;}
	.p11_content_3 ul li img{width:60px;margin-top: 10px;}
	.p11_content_3 ul li p{font-size: 14px;line-height: 110%;padding-top: 15px;}

	.p11_content_4{padding: 30px 0;}
	.p11_content_4 h3{font-size: 20px;padding-bottom: 20px;}
	.p11_content_4 p{font-size: 14px;width:94%;margin: 0 auto}
	.p11_content_4 .box{font-size: 16px;}
}