/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{overflow-x: hidden;color:#333;font-size:18px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background:#fff url("../images/banner.jpg") no-repeat center top;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;overflow: hidden;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header {width: 100%; height:520px; position: relative;overflow: hidden;}
.header .header_num{position: absolute;top: 20px;left: 50%;margin-left:20%;}
.header_t{position: absolute;top: 87px;left: 50%;margin-left: -367px;}
/*part*/
.page {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;position: relative;}
.page .title{position: relative}
.page .title p{
	padding: 50px 0 24px 0;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	line-height: 60px;
}
.page .title p.white{
	color: #ffffff;
}
.page .title p.no1{
	padding: 74px 0 24px 0;
}
.page .title i{position:absolute;bottom: 0px; left: 50%; display: inline-block;background: #004196; margin-left: -57px; width: 114px; height: 4px }
.page .title i.white{
	background: #ffffff;
}
/*page1*/
.page1 .content{
	height: 330px;
	width: 100%;
	background: url("../images/img01.jpg") no-repeat  right center;
	margin-bottom: 32px;
}
.page1 .content p{
	padding: 30px 0 0 10px;
	width: 380px;
	font-size:18px ;
	line-height: 40px;
}
/*page2*/
.page2{
	height: 640px;
	background: url("../images/bg01.jpg") no-repeat top center;
}
.page2 .content ul{
	padding-top:30px;
}
.page2 .content ul li{
	width: 50%;
	float: left;
	text-align: center;
}
.page2 .content ul li img.no1{
	padding-top: 23px;
}
.page2 .content ul li p{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 40px;
	padding-top: 32px;
}
/*page3*/
.page3 .content{
	height: 330px;
	width: 100%;
	background: url("../images/img04.jpg") no-repeat  right center;
	margin-bottom: 20px;
}
.page3 .content p{
	padding: 30px 0 0 10px;
	width: 340px;
	font-size:18px ;
	line-height: 40px;
}
.page3 .content02 p{
	font-size: 18px;
	text-align: center;
	padding: 40px 0;
}
.page3 .content02 a{
	width: 280px;
	height: 70px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #fefefe;
	font-weight: bold;
	display:block;
	margin: 0 auto;
	background: url("../images/button.jpg") no-repeat top center;
	cursor: pointer;
}
.page3 .content03{
	margin-bottom: 32px;
}
.page3 .content03 img{
	padding-top: 50px;
}
.page3 .content03 p{
	font-size: 18px;
	text-align: left;
	line-height: 20px;
	padding-top: 15px;
	text-indent: 1em;
}
.page3 .content04 ul{
	padding: 83px 0 0 0;
	height: 297px;
	width: 100%;
	margin-bottom: 82px;
	background: url("../images/img05.jpg") no-repeat top center;
}
.page3 .content04 ul li{
	width: 33%;
	float: left;
	text-align: center;
}
.page3 .content04 ul li h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 15px;

}
.page3 .content04 ul li:nth-child(2) h4{
	color: #ffffff;
}
.page3 .content04 ul li:nth-child(2) p{
	color: #ffffff;
}
.page3 .content04 ul li:nth-child(3) p{
	padding-left: 32px;
}
.page3 .content04 ul li p{
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	width: 280px;
	padding-left: 26px;
}
/*page4*/
.page4 {
	height: 570px;
	background: url("../images/bottom.jpg") no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}
.form-wrap .btn-wrap {background: #ff6c2c;}
#reg form label {margin: 15px 0;}
.xdf_bottomForm.form-wrap form .label{width: 28%;}
.iconFormBlue2.xdf_bottomForm.form-wrap .xdf_formbtn{width: 24%;}
.xdf_bottomForm.form-wrap h4 {
    font-size: 22px;
    color: #ffffff;
    padding: 20px 0 0 15px;
}
@media screen and (max-width:1000px) {
	body{font-size:1.4rem;line-height: 140%;background: url(../images/banner_ac.jpg) no-repeat center top;background-size: 100% auto;overflow-x: hidden;}
	.m1000{width:100%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}
	
	.padd{padding: 2rem 5%;}
	/*banner*/
	.header {height: 38rem;}
	.header_t{margin-left: -35%;width: 70%;top:15rem;}
	.header_t img{width: 100%;}
	.header_b{margin-left: -20%;width: 40%;top:26rem;}
	.header_b img{width: 100%;}
	/*page1*/
	.page1 .content{
		height: 490px;
		width: 100%;
		background: url("../images/img01.jpg") no-repeat  bottom center;
		margin-bottom: 32px;
	}
	.page1 .content p{
		padding: 30px 0 0 10px;
		width: auto;
		font-size:1.2rem ;
		line-height: 2.8rem;
	}
	/*page2*/
	.page2{
		height: 800px;
		background: url("../images/bg01.jpg") no-repeat top center;
	}
	.page2 .content ul{
		padding-top: 70px;
	}
	.page2 .content ul li:nth-child(1){
		width: 46%;
		float: left;
		text-align: center;
	}
	.page2 .content ul li:nth-child(2){
		width: 54%;
	}
	.page2 .content ul li img.no1{
		padding-top: 23px;
	}
	.page2 .content ul li p{
		font-size:1.15rem ;
		line-height: 2.8rem;
		font-weight: bold;
		color: #ffffff;
		padding-top: 32px;
	}
	/*page3*/
	.page3 .content{
		height: 450px;
		width: 100%;
		background: url("../images/img04_ac.jpg") no-repeat  bottom center;
		margin-bottom: 15px;
	}
	.page3 .content p{
		padding: 30px 0 0 10px;
		width: auto;
		font-size:1.2rem ;
		line-height: 2.8rem;
	}
	.page3 .content02 p{
		font-size:1.18rem ;
	}
	.page3 .content02 a{
		width: 280px;
		height: 70px;
		line-height: 60px;
		text-align: center;
		font-size: 18px;
		color: #fefefe;
		font-weight: bold;
		display:block;
		margin: 0 auto;
		background: url("../images/button.jpg") no-repeat top center;
	}
	.page3 .content03{
		margin-bottom: 32px;
	}
	.page3 .content03 img{
		padding-top: 70px;
	}
	.page3 .content03 p{
		font-size: 1.2rem;
		text-align: left;
		line-height: 2.8rem;
		padding-top: 15px;
		text-indent: 0em;
	}
	.page3 .content04 ul{
		padding: 83px 0 0 0;
		height: 1057px;
		width: 100%;
		background: url("../images/img05_ac.jpg") no-repeat top center;
	}
	.page3 .content04 ul li{
		width: 100%;
		height: 281px;
		float: left;
		text-align: center;
		padding-bottom: 74px;
	}
	.page3 .content04 ul li h4{
		font-size: 1.7rem;
		font-weight: bold;
		line-height:1.7rem ;
		padding-bottom: 15px;

	}
	.page3 .content04 ul li:nth-child(2) h4{
		color: #ffffff;
	}
	.page3 .content04 ul li:nth-child(2) p{
		color: #ffffff;
	}
	.page3 .content04 ul li:nth-child(3) p{
		padding-left: 32px;
	}
	.page3 .content04 ul li:nth-child(2),.page3 .content04 ul li:nth-child(3) h4{
		padding-top: 30px;
	}
	.page3 .content04 ul li p{
		font-size: 1.2rem;
		line-height: 2.8rem;
		text-align: left;
		width: auto;
		padding: 0 40px;
	}
	/*page4*/
	.page4 {
		background: url(../images/bottom_ac.jpg) no-repeat top center;
	    -webkit-background-size: cover;
	    background-size: cover;
	    height: auto;
	}
 #xdf_map_m{display: none;}
}