/* CSS Document */

.p11_banner{width: 100%;height: 500px;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: 180px;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%;}