*{	
	margin: 0;
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	}
input,textarea{
	outline:medium;/*在chrom浏览器下面，点击input
	输入时，会有边框*/
	}	
	
li{
	list-style:none;
	}
a{
	display:block;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());/*这句话的意思是链接 a 在获得焦点的同时失去焦点。如果你用的是图片链接什么的，他不会显示周边的虚线*/;
	}
img{border:none;}
.clear{
	clear:both;
	}
h2,h3,h4,h5,h6{
	font-weight:normal;
	}
body{
	width:320px;
	margin:0 auto;
	}
@media (min-width: 641px){
	html{ font-size:62.5%; }
}
@media (min-width: 620px) and (max-width:640px) {
	html{ font-size:62.5%; }
}
@media (min-width: 600px) and (max-width:619px) {
	html{ font-size:60.5%; }
}
@media (min-width: 570px) and (max-width:599px) {
	html{ font-size:58.5%; }
}
@media (min-width: 550px) and (max-width:569px) {
	html{ font-size:56.5%; }
}
@media (min-width: 530px) and (max-width:549px) {
	html{ font-size:54.5%; }
}
@media (min-width: 510px) and (max-width:529px) {
	html{ font-size:52.5%; }
}
@media (min-width: 490px) and (max-width:509px) {
	html{ font-size:50.5%; }
}

@media (min-width: 470px) and (max-width:489px) {
	html{ font-size:48%; }
}
@media (min-width: 450px) and (max-width:469px) {
	html{ font-size:46%; }
}
@media (min-width: 430px) and (max-width:449px) {
	html{ font-size:44%; }
}
@media (min-width: 410px) and (max-width:429px) {
	html{ font-size:42%; }
}
@media (min-width: 340px) and (max-width:409px) {
	html{ font-size:39%; }
}
/*top*/
.top{
	width:320px;
	margin:0 auto;
	padding:2.5% 0;
	}
.top-1{
	float:left;
	width:68%;
	padding:0 8% 0 4.5%;
	}
.top-1 img{
	width:100%;
	}		
.top-2{
	float:left;
	width:14.6%;
	}
.top-2 img{
	width:100%;
	}		
/*nav*/
.nav{
	width:320px;
	margin:0 auto;
	}
.nav ul{
	margin:0 auto;
	width:100%;
	border-bottom:1px solid #fff;
	}
.nav ul li{
	float:left;
	width:79px;
	text-align:center;
	border-right:1px solid #fff;
	}
.nav ul li a{
	line-height:288%;
	background-color:#283442;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	}
.nav .nav-4{
	border-right:inherit;
	background-color:#283442;
	}				
.fot-6{
	width:320px;
	margin:1px auto 0 auto;
	}
.fot-61{
	float:left;
	width:35%;
	}
.fot-61 img{
	width:100%;
	}	
.fot-62{
	float:right;
	width:65%;
	margin-top:1.5rem;
	}
.fot-621{
	margin-bottom:1rem;
	}	
.fot-621i{
	float:left;
	width:13.5%;
	margin-right:2%;
	}
.fot-621i img{
	width:100%;
	}
.fot-621r{
	float:left;
	}
.fot-621r p{
	font-size:14px;
	color:#283442;
	line-height:120%;
	}
.fot-621r h3{
	font-size:14px;
	color:#283442;
	line-height:120%;
	}
.fot-6{
	padding-bottom:15%;}				
.fot-621r .dzh{
	font-size:14px;
	line-height:120%;
	}
.fot-6221{
	float:left;
	width:45%;
	margin-right:2%;
	}
.fot-6221 img{
	width:100%;
	}		
.fot-5{
	width:320px;
	margin:0 auto 1rem auto;
	}
.fot-5s{
	width:100%;
	}
.fot-5s img{
	width:100%;}	
.fot-5x{
	margin-top:1rem;
	width:100%;
	}
.fot-5x img{
	width:100%;}