@charset "utf-8";
/* CSS Document */
body{ font-weight:inherit;}

.p01_banner{ width:100%; height:660px; background:url(../images/p01_banner.jpg)left top/100% 100% no-repeat; text-align:center; color:#fff; }
.p01_banner .p1{ font-size:60px; line-height:200%; font-weight:bold; padding-top:200px; }
.p01_banner .p2{ font-size:30px; line-height:200%; }
.p01_banner .p3{ font-size:16px; line-height:150%; }
.p01_banner .isline{ width:100px; margin:20px auto; border-top:2px solid #fff; }

.content1{ width:100%; text-align:center; padding-top:50px; position:relative; }
.content1 .title1{ font-size:48px; color:#000; font-weight:bold; line-height:150%; }
.content1 .title1 span{ color:#ff3300; }
.content1 .title2{ font-size:24px; font-size:#333; }
.content1 .contentlist{ width:1080px; margin:0 auto; padding:50px 0; overflow:hidden; }
.content1 .contentlist li{ float:left; width:140px; margin:0 20px; }
.content1 .contentlist li .icon{ width:120px; height:120px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius:70px; background:#ff3300; border:10px solid #fff; line-height:120px; }
.content1 .contentlist li p{ font-size:14px; line-height:150%; color:#000; text-align:center; }
.content1 .contentlist li p strong{ display:block; font-size:16px; line-height:200%; }
.content1::before{
	content:'';
	position:absolute;
	top:265px;
	left:0;
	border-top:1px solid #ccc;
	width:100%;
	background:#333;
	z-index:-1;
}

.content2{ background:url(../images/p01_content2_bg.jpg)left top/100% 100% no-repeat; width:100%; height:980px; text-align:center; overflow:hidden; }
.content2 .con_tit_1{ font-size:48px; color:#ffcc00; font-weight:bold; line-height:200%; padding-top:50px; }
.content2 .con_tit_2{ font-size:30px; color:#dfdfdf; line-height:150%; }
.content2 .con_text{ width:1350px; margin:0 auto; }
.content2 .con_text li{ float:left; }
.content2 .con_text .width30{ width:30%; }
.content2 .con_text .width30 div { padding:30px; color:#fff; }
.content2 .con_text .width30 div h6{ font-size:30px; color:#fff; line-height:200%; }
.content2 .con_text .width30 div span{ padding:5px; font-size:16px; }
.content2 .con_text .width30 div span.t1{ background:#ffff00; color:#5c389e; }
.content2 .con_text .width30 div span.t2{ background:#ff6600; color:#222937; }
.content2 .con_text .width30 div strong{ display:block; font-size:16px; line-height:200%; padding-top:10px; }
.content2 .con_text .width30 div p{ font-size:12px; line-height:150%; }
.content2 .con_text .width40{ width:40%; padding-top:200px; }

.content3{ background:url(../images/p01_content3_bg.jpg)left top/100% 100% no-repeat; width:100%; overflow:hidden; }
.content3 ul { width:1350px; margin:0 auto; padding-top:100px; }
.content3 ul li{ width:25%; text-align:center; float:left; font-size:14px; color:#000; }
.content3 ul li strong{ display:block; font-size:24px; color:#0052d9; line-height:200%; padding-top:50px; }
.content3 .title3{ clear:both; text-align:center; font-size:36px; padding:50px 0 100px 0; }

.content4{ background:url(../images/p01_4_1.png)top center no-repeat #fff3e6; width:100%; height:980px; }
.content4 .content4-box{width:1350px; margin:0 auto}
.content4 .con_box{ width:40%; text-align: center; padding:40px 0; }
.content4 .con_box .title{ font-size:16px; color:#2b2b2b; }
.content4 .con_box .title strong{ font-size:36px; color:#0052d9; display: block; line-height: 200%; }
.content4 .con_box .textbox{padding-top:400px; background:url(../images/p01_4_2.png)center no-repeat; }
.content4 .con_box .textbox ul{margin-left:40px;}
.content4 .con_box .textbox ul li{clear:both; padding:8px 0;}
.content4 .con_box .textbox ul li span{display: block; width:50px; height:50px; line-height:50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px; float:left; background:#0052d9; font-size:30px; color:#fff;}
.content4 .con_box .textbox ul li p{ -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px; height:40px; line-height: 40px; float:left; background:#0052d9; padding:0 30px; margin-top:5px; font-size:16px; color:#fff; margin-left:-5px;}
.content4 .con_box .textbox.rightcon{background:url(../images/p01_4_3.png)center no-repeat;}
.content4 .con_box .textbox.rightcon ul li span, .content4 .con_box .textbox.rightcon ul li p{background:#333333;}

.content5{width: 1350px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.content5 div{text-align: center; font-size: 18px; color: #666666; padding: 20px 0;}
.content5 div strong{font-size: 36px; color: #000; line-height:200%; display: block;}
.content5 ul li{width: 20%; float:left; text-align: center; font-size: 14px; color: #000; line-height: 150%;}
.content5 ul li p{padding: 20px 0;}

.content6{width: 100%; height: 400px; background-color: #03A9F4; text-align: center; overflow: hidden;}
.content6 .p1{font-size: 36px; color: #000; padding: 100px 0 20px 0;}
.content6 .p1 span{color: #ff3000;}
.content6 .p2{ color: #ff9900; font-size: 30px; padding: 20px 0 20px 0;}
.content6 a{display: block; width:260px; height:60px; line-height: 60px; font-size: 24px; color: #fff; background: #b80000; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; margin: 30px auto 0 auto;}
.content6 a:hover{color: #333; background: #fff;}

.content7{width: 100%; background: url(../images/p01_7_1.jpg); padding: 50px 0; overflow: hidden;}
.content7 ul{width: 1350px; margin: 0 auto;}
.content7 ul li{width: 25%; text-align: center; float: left;}
.content7 ul li .round{width: 160px; height: 160px; border: 1px solid #eee; margin: 0 auto; border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px;}
.content7 ul li .round img{display: block; margin:0 auto; margin-top: 40px; margin-bottom: 20px;}
.content7 ul li .round span{font-size: 24px; color: #ff6600;}
.content7 ul li p{font-size: 14px; color: #ff6600; line-height: 200%; padding: 20px 0;}

@media screen and (max-width:1350px){
	.p01_banner .p1{font-size: 45px;}
	.p01_banner .p2{font-size: 26px;}
    .content1::before{top:250px;}
	.content1 .title1{font-size: 40px;}
	.content1 .title2{font-size: 22px;}
	.content1 .contentlist{width: 1000px;}
	.content1 .contentlist li{margin: 0 15px;width: 135px;}
    .content2{height: auto;padding-bottom: 50px;background-size: cover}
	.content2 .con_text{width: 1000px;}
	.content2 .con_text .width40 img{max-width: 100%;}
    .content3 ul{width: 1000px;}
    .content4{height: auto}
    .content4 .content4-box{width: 1000px;}
    .content4 .con_box .textbox ul li span{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
    .content4 .con_box .textbox ul li p{font-size: 14px;margin-top: 0;}
    .content5{width: 1000px;}
    .content7 ul{width: 1000px;}
}

@media screen and (max-width:1023px){
	.p01_banner .p1{font-size: 36px;}
	.p01_banner .p2{font-size: 20px;}
	.content1 .title1{font-size: 30px;}
	.content1 .contentlist{width: 98%;}
	.content1::before{display: none}
	.content1 .contentlist li{width: 33.33%;margin:10px 0;}
	.content1 .contentlist li .icon{margin: 0 auto}

	.content2 .con_tit_1{font-size: 36px;}
	.content2 .con_tit_2{font-size: 20px;}
	.content2 .con_text{width: 98%;}
	.content2 .con_text .width30{width: 50%;}
	.content2 .con_text .width40{display: none;}

	.content3 ul{width: 98%;}
	.content3 .title3{font-size: 30px;padding: 30px 0;}

	.content4 .content4-box{width: 98%;}
	.content4 .con_box{padding: 30px 0;}
	.content4 .con_box .title strong{font-size: 32px;line-height: 150%;}
	.content4 .con_box .textbox ul li span{display: none;}
	.content4 .con_box .textbox ul{margin-left: 0;}

	.content5{width: 98%;}
	.content5 div strong{font-size: 30px;}
	.content5 ul li img{width: 80%;}

	.content6 .p1{font-size: 30px;padding-top: 40px;}
	.content6 .p2{font-size: 24px;}

	.content7 ul{width: 98%;}
}

@media screen and (max-width:767px){
	.p01_banner{height: auto;padding-bottom: 50px;background: url(../images/p01_banner.jpg) center no-repeat;}
	
	.p01_banner .p1{font-size: 24px;padding-top: 120px;}
	.p01_banner .isline{width: 80px;margin: 15px auto;}
	.p01_banner .p2{font-size: 14px;width:94%;margin: 0 auto}
	.p01_banner .p3{font-size: 14px;width:94%;margin: 0 auto}
	.content1{padding-top: 30px;}
	.content1 .title1{font-size: 20px;}
	.content1 .title2{font-size: 16px;}
	.content1 .contentlist{padding: 30px 0;}
	.content1 .contentlist li{width: 50%;}

	.content2 .con_tit_1{font-size:18px;padding-top: 30px;}
	.content2 .con_tit_2{font-size: 14px;width:94%;margin: 0 auto}
	.content2 .con_text .width30{width: 100%;}
	.content2 .con_text .width30 div{padding: 15px;}
	.content2 .con_text .width30 div h6{font-size: 20px;}

	.content3{background-size: cover}
	.content3 ul{padding: 30px 0;}
	.content3 ul li{width: 50%;padding-bottom: 20px;}
	.content3 ul li img{width: 70%;}
	.content3 ul li strong{font-size: 18px;padding-top: 20px;}
	.content3 .title3{font-size: 20px;}
	.content4 .con_box{width: 48%;}
	.content4 .con_box .title{font-size: 12px;color: #ddd}
	.content4 .con_box .title strong{font-size: 20px;}
	.content4 .con_box .textbox ul li p{font-size: 12px;padding:0 10px;height: 30px;line-height: 30px;}

	.content5 div{font-size: 14px;}
	.content5 div strong{font-size: 20px;}
	.content5 ul{text-align: center}
	.content5 ul li{width: 32%;display: inline-block;float: none;vertical-align: top;box-sizing: border-box}
	.content5 ul li p{font-size: 12px;}
	.content6 .p1{font-size: 20px;}

	.content7 ul li{width: 50%;}
	.content7 ul li .round{width: 120px;height: 120px;}
	.content7 ul li .round img{margin-top: 20px;width: 30px;}
	.content7 ul li p{font-size: 12px;line-height: 20px;height: 80px;}
	.content7 ul li .round span{font-size: 16px;}
}