/* CSS Document */
.s01_banner{width: 100%; height: 800px; background: url(../images/s02_bg.jpg) left top/100% 100% no-repeat; overflow: hidden; text-align: center; color: #000;}
.s01_banner .t1, .s01_banner .t2, .s01_banner .t3, .s01_banner .t4{line-height: 100%;}
.s01_banner .t1{font-size: 46px; margin-top: 360px; color: #6666ff;}
.s01_banner .t2{font-size: 50px; color: #ff6666; padding: 40px 0; font-weight: bold;}
.s01_banner .t3{font-size: 20px;}

.content_1{width: 1350px; margin: 0 auto; text-align: center; overflow: hidden;}
.content_1 .t1{font-size: 48px; font-weight: bold; color: #333333; line-height: 100%; padding-top: 80px;}
.content_1 .t2{font-size: 16px; color: #999999; line-height: 300%;}
.content_1 .t3{font-size: 18px; color: #333333;}
.content_1 ul{padding-top: 50px;}
.content_1 ul li{
	width: 580px;
	height: 100px;
	margin: 0 40px 40px 0;
	float: left;
	background: #58abff;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.content_1 ul li:nth-of-type(2n){margin-right: 0;}
.content_1 ul li h3{width: 30%; text-align: center; font-size: 48px; float: left; line-height: 100%; padding-top: 25px;}
.content_1 ul li p{width: 60%; font-size: 14px; padding: 0 5%; text-align: left; float: left; padding-top: 20px;}
.content_1 ul li p span{display: block; font-size: 16px;}
.content_1 ul li .jiao{
	position:absolute;
	left:-55px;
	top:-55px;
	width:100px;
	height:100px;
	background-color:#ffc600;
	/* Rotate div */
	transform:rotate(45deg);
	-ms-transform:rotate(9deg); /* Internet Explorer */
	-moz-transform:rotate(9deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(9deg); /* Opera */
}

.content_2{height: 750px; background: url(../images/s02_1_bg.jpg) left top/100% 100% no-repeat; text-align: center;}
.content_2 .t1{font-size: 48px; font-weight: bold; color: #333333; line-height: 100%; padding-top: 80px;}
.content_2 .t2{font-size: 16px; color: #999999; line-height: 300%;}
.content_2 .t3{font-size: 18px; color: #333333;}
.content_2 ul{width: 1350px; margin: 80px auto 0;}
.content_2 ul li{
	width: 23%;
	float: left;
	margin: 0 1%;
	background: #fff;
	min-height: 400px;
}
.content_2 ul li h3{font-size: 18px; padding: 50px 0 20px;}
.content_2 ul li p{font-size: 14px; padding: 30px; text-align: left; line-height: 150%;}

.content_3{text-align: center;}
.content_3 .t1{font-size: 48px; font-weight: bold; color: #333333; line-height: 100%; padding-top: 80px;}
.content_3 .t2{font-size: 16px; color: #999999; line-height: 300%;}
.content_3 .t3{font-size: 18px; color: #333333;}
.content_3 ul{padding-top: 50px;}
.content_3 ul li{width: 100%; overflow: hidden; border-top: 1px solid #eeeeee; padding: 30px 0;}
.content_3 ul li div{width: 1350px; margin: 0 auto;}
.content_3 ul li div h3{width: 20%; float: left; text-align: center; font-size: 30px; color: #333333; line-height: 150%;}
.content_3 ul li div p{width: 80%; float: left; font-size: 14px; text-align: left;}
.content_3 ul li div p strong{display: block; font-size: 18px; padding-bottom: 10px;}

.content_4{overflow: hidden; background: url(../images/s02_2_bg.jpg) left top/100% 100% no-repeat; text-align: center;}
.content_4 .t1{font-size: 48px; font-weight: bold; color: #fff; line-height: 100%; padding-top: 80px;}
.content_4 .t2{font-size: 16px; color: #fff; line-height: 300%;}
.content_4 .t3{font-size: 18px; color: #fff;}
.content_4 .mainBox{width: 1350px; margin: 50px auto 0; overflow: hidden; position: relative;}
.content_4 .mainBox .textBox{width: 50%; float: left; text-align: left; color: #000; background: #99ffff;}
.content_4 .mainBox .textBox:last-child{background: #99ff99;}
.content_4 .mainBox .textBox h4{font-size: 24px; padding: 30px 50px 20px 50px;}
.content_4 .mainBox .textBox p{font-size: 16px; padding: 0 150px 30px 50px; line-height: 150%;}
.content_4 .mainBox .textBox:last-child p{padding: 0 50px 30px 150px;}
.content_4 .mainBox .textBox:last-child h4{padding: 30px 50px 20px 150px;}
.content_4 .mainBox .round{
	width: 150px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -75px;
	left: 50%;
	margin-left: -75px;
	font-size: 72px;
	font-weight: bold;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index: 9;
}
.content_5{
	width: 1350px;
	min-height: 780px;
	margin: 80px auto;
	position: relative;
	background: url(../images/s02_3_bg.jpg) top center no-repeat;
}
.content_5 .img{
	width: 720px;
	height: 500px;
	position: absolute;
	top: 20px;
	right: 60px;
	background: url(../images/s02_3_1.png) no-repeat;
}
.content_6{
	width: 1350px;	
	margin: 80px auto;
}
.content_6 li{width: 50%; float: left; position: relative;height: 580px; margin-top: 50px;}
.content_6 li.bg1{background: url(../images/s02_3_bg.jpg) top center no-repeat; background-size: 90%;}
.content_6 li.bg2{background: url(../images/s02_3_bg1.jpg) top center no-repeat; background-size: 90%;}

.content_6 .img1{
	width: 300px;
	height: 208px;
	position: absolute;
	top: 60px;
	right: 90px;
	background: url(../images/s02_3_1.png) no-repeat;
	background-size: 100%;
}
.content_6 .img2{
	width: 260px;
	height: 208px;
	position: absolute;
	top: 50px;
	right: 100px;
	background: url(../images/s02_3_2.png) no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 1350px){
	.s01_banner .t1{font-size: 40px;}
	.s01_banner .t2{font-size: 42px;}
	.content_1{width: 1000px;}
	.content_1 .t1{font-size: 40px;padding-top:60px;}
	.content_1 ul li{width: 49%;margin-right: 2%}

	.content_2 .t1{font-size: 40px;padding-top: 60px;}
	.content_2 ul{width: 1000px;}
	.content_3 .t1{font-size: 40px;padding-top: 60px;}
	.content_3 ul li div{width: 1000px;}

	.content_4 .t1{font-size: 40px;padding-top: 60px;}
	.content_4 .mainBox{width: 1000px;}
	.content_4 .mainBox .textBox p{padding:0 114px 30px 50px;}
	.content_6{width: 1000px;margin: 60px auto}
	.content_6 li{height: 500px;}
	.content_6 .img1{top: 17px;}
	.content_6 .img2{top:20px;}
}


@media screen and (max-width: 1023px){
	.s01_banner{background-size:cover;height: 660px;}
	.s01_banner .t1{font-size: 30px;margin-top: 260px;}
	.s01_banner .t2{font-size: 30px;}
	.s01_banner .t3{font-size: 16px;}
	.content_1{width: 98%;}
	.content_1 .t1{font-size: 30px;padding-top: 40px;}
	.content_1 ul li h3{font-size: 40px;}
	.content_2{background-size: cover;height: auto}
	.content_2 .t1{font-size: 30px;padding-top: 40px;}
	.content_2 ul{width: 98%;margin-top: 60px;padding-bottom: 50px;}
	.content_2 ul li{width: 48%;margin-bottom: 20px;min-height: 350px;}
	.content_3 .t1{font-size: 30px;padding-top: 40px;}
	.content_3 ul li div{width: 98%;}
	.content_4 .t1{font-size: 30px;padding-top: 40px;}
	.content_4 .mainBox{width: 100%;}
	.content_4 .mainBox .round{width: 60px;height: 60px;font-size: 30px;margin-top:  -30px;margin-left: -30px;line-height: 60px;}
	.content_4 .mainBox .textBox h4{padding:10px;}
	.content_4 .mainBox .textBox p{padding:0 30px 30px 10px;}
	.content_4 .mainBox .textBox:last-child h4{padding:10px 0 10px 30px;}
	.content_4 .mainBox .textBox:last-child p{padding:0 10px 30px 30px;}
	.content_6{width: 100%;margin:30px auto}
	.content_6 li{width: 100%;}
	.content_6 .img1{top:48px;}
	.content_6 .img2{top:70px;}
}


@media screen and (max-width: 767px){
	.s01_banner{height: auto;padding-bottom: 100px;}
	.s01_banner .t1{font-size: 20px;margin-top: 120px;}
	.s01_banner .t2{font-size: 20px;padding: 20px 0;width: 94%;margin: 0 auto}
	.s01_banner .t3{font-size: 14px;width: 94%;margin: 0 auto}
	.content_1{width: 94%}
	.content_1 .t1{font-size: 20px;padding-top: 30px;}
	.content_1 .t3{font-size: 14px;}
	.content_1 ul li{width: 100%;margin-right: 0;height: auto;padding-bottom: 10px;margin-bottom: 15px;}
	.content_2 .t1{font-size: 20px;padding-top: 30px;}
	.content_2 .t3{font-size: 14px;}
	.content_2 ul{padding-bottom: 20px;}
	.content_2 ul li{width: 98%;}
	.content_3 .t1{font-size: 20px;padding-top: 30px;}
	.content_3 .t3{font-size: 14px;}
	.content_3 ul{padding-top: 20px;}
	.content_3 ul li{padding:15px 0;}
	.content_3 ul li div h3{font-size: 20px;}
	.content_3 ul li div p{font-size: 12px;}
	.content_3 ul li div p strong{font-size: 14px;}
	.content_4 .t1{font-size: 20px;padding-top: 30px;}
	.content_4 .t3{font-size: 16px;}
	.content_4 .mainBox .round{display: none}
	.content_4 .mainBox .textBox{width: 100%;}
	.content_4 .mainBox .textBox h4{font-size: 18px;}
	.content_4 .mainBox .textBox p{padding:0 10px 10px 10px;font-size: 14px;}
	.content_4 .mainBox .textBox:last-child h4{padding: 10px;}
	.content_4 .mainBox .textBox:last-child p{padding:0 10px 10px 10px}
	.content_6 li{margin-top: 15px;height:320px;}
	.content_6 .img1{top:17px;width: 170px;height: 130px;}
	.content_6 .img2{top:25px;width: 170px;height: 130px;}
}