@charset "utf-8";
*{box-sizing: border-box}
body { font-family:arial; margin:0; padding:0; font-size:14px; color:#111; background-color: #fff; font-family:微软雅黑;}
div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h2{font-size:15px}
h3{font-size:12px;margin-top:5px}

/*h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size: 12px; font-weight: normal; }*/
a { color: #000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration:underline }
.rightCon a{ color: #174f70; text-decoration: underline; }
.noBg { background:none!important }
.noBorder { border:none!important }
.red { color:red }
.clear { clear:both; height:0; overflow:hidden }
.hidden { display:none }
.display { display:block }
.zone { width:1300px; margin:0 auto; position:relative ;}
 
.header { background:  #eee; background-size: contain;height:578px;z-index:1000 ;padding-left: 80px}
 
.topbox{border-left: 3px solid #333;padding-left: 20px}
.topbox h1{font-size: 30px;margin-bottom:10px}
.topbox .info{font-size: 15px;line-height: 1.6;width: 500px}
.logo{margin: 40px 0 10px;position: relative;left:-31px;width: 180px}
.download{margin: 40px 0 10px;display: block;background: url('../images/icon_win.png') no-repeat 20px center #067e39;border-radius: 5px;width: 170px;color:#fff;padding:10px  30px 10px 70px;font-size:17px}
.download:hover{color:#fff;opacity: 0.8;text-decoration: none}
.signBox{}
.signBox input{line-height: 1.7;padding: 2px 5px;height: 30px;border-radius: 2px;border: 1px solid #ccc;font-size: 15px;float: left;margin-right: 10px;width: 180px}
.signBox .button{line-height: 1.7;padding: 2px;border-radius: 2px;background: #f6c502;border: none;height: 30px;font-size: 15px;padding: 0 30px}
.signBox .signup{float: left;padding-left: 150px} 
.signBox .phone{float: left;height: 30px; line-height:2.5;padding-left: 50px} 

.advantage{background:url(../images/bg2.jpg) no-repeat center 0 #eee; margin-top: 60px; }
.advantage h2{text-align: center;padding-top:50px;font-size: 30px}
.advantage ul{margin: 30px 150px;list-style: none;padding-bottom: 20px}
.advantage li{padding-left: 100px;background: no-repeat 0 0  ;background-size: 50px 50px;margin-bottom: 35px}
.advantage li.bg1{background-image:url(../images/icon_1.png) }
.advantage li.bg2{background-image:url(../images/icon_2.png) }
.advantage li.bg3{background-image:url(../images/icon_3.png) }
.advantage li.bg4{background-image:url(../images/icon_4.png) }
.advantage li  h3{font-size: 25px;margin-bottom:10px}
.advantage li  .info{font-size: 15px}
.more{padding: 50px 200px}
.more img{width: 100%}
.copyright{background: #333;color:#fff;text-align: center;padding: 5px}
.imgbox{
	height:475px; overflow:hidden; position:relative;	
}
.imgbox .logo{
	position:absolute; top:40px; left:50px; width:180px;	
}
.imgbox .topbox{
	position:absolute; left:75px; top:120px;	
}
.imgbox .downbtn{
	position:absolute; bottom:40px; left:75px;
}

@media screen and (min-width:1024px) and (max-width:1260px) {
	.zone { width:1000px; }
	.header{height:528px;}
	.imgbox{
		height:425px; 
 	}
	.imgbox .logo{
	 	top:20px; left:20px; width:150px;
		margin:0px;
		padding:0px;
	}
	.imgbox .topbox{
		 left:36px; top:100px;	
	}
	.imgbox .topbox h1{
		font-size:18px;
		line-height:30px;
	}
	
	.imgbox .downbtn{
		  bottom:40px; left:56px;
	}
	.signBox .signup{
		padding-left:40px;
		
	}
	.advantage ul{margin: 30px 70px;}
 	.advantage li{padding-left: 150px; padding-bottom:60px;}

	.signBox .button{ padding:0px 10px; width:100px;}
	.signBox .phone{ padding-left:30px;}

}

@media screen and (min-width:1280px) and (max-width:1360px) {
	.zone { width:1160px; }
	.header{height:548px;}
	.imgbox{
		height:445px; 
 	}
	.imgbox .logo{
	 	top:30px; left:30px; width:160px;
		margin:0px;
		padding:0px;
	}
	.imgbox .topbox{
		 left:46px; top:110px;	
	}
	.imgbox .topbox h1{
		font-size:18px;
		line-height:30px;
	}
	
	.imgbox .downbtn{
		  bottom:30px; left:56px;
	}
	.signBox .signup{
		padding-left:80px;
		
	}
	.signBox .button{ padding:0px 10px; width:100px;}
	.signBox .phone{ padding-left:30px;}
	.advantage ul{margin: 30px 70px;}
 	.advantage li{padding-left: 150px; padding-bottom:60px;}

}
@media screen and (min-width:1366px) {
	.zone { width:1300px; }
	.header{height:578px;}
	.imgbox{
		height:475px; 
 	}
	.imgbox{
		height:475px; overflow:hidden; position:relative;	
	}
	.imgbox .logo{
		position:absolute; top:40px; left:50px; width:180px;	
				margin:0px;
		padding:0px;

	}
	.imgbox .topbox{
		position:absolute; left:75px; top:120px;	
	}
	.imgbox .downbtn{
		position:absolute; bottom:40px; left:75px;
	}
	.signBox{}
	.signBox input{line-height: 1.7;padding: 2px 5px;height: 30px;border-radius: 2px;border: 1px solid #ccc;font-size: 15px;float: left;margin-right: 10px;width: 180px}
	.signBox .button{line-height: 1.7;padding: 2px;border-radius: 2px;background: #f6c502;border: none;height: 30px;font-size: 15px;padding: 0 30px}
	.signBox .signup{float: left;padding-left: 150px} 
	.signBox .phone{float: left;height: 30px; line-height:2.5;padding-left: 50px} 
}