@charset "utf-8";
html{
	font-size: 625%;
}
body,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,figure,tr,td,img{
	margin:0;
	padding:0;
	font:.12rem "微软雅黑";
	color:#727272;
}
ul,dl{
	list-style:none;
}
a{
	text-decoration: none;
	color: #333;
}
img{
	border:0;
}
.center{
	width:100%;
	margin:0 auto;
	max-width: 6.4rem;;
}
.clear{
	clear: both;
}

/*header*/
#header{
	width: 100%;
	max-width: 6.4rem;
	margin: 0 auto;
	background: #fff;
}
#header .content{
	width: 96%;
	padding: .10rem 2%;
}
#header .content img.logo{
	width: 2.8rem;
	float: left;
}
#header .content figure{
	float: right;
	height: .32rem;
	margin-top: .12rem;
}
#header .content figure img{
	width: .32rem;
	height: .32rem;
	float: left;
}
#header .content figure figcaption{
	float: left;
	line-height: .28rem;
	margin-left: .08rem;
	font-size: .20rem;
	color: #00a9de;
}

/*nav*/
#nav{
	width: 100%;
	max-width: 6.4rem;
	margin: 0 auto;
	background: #00a9de;
	padding: 2% 0;
}
#nav ul li{
	width: 33.33%;
	float: left;
	text-align: center;
	line-height: 2.0;
	font-size: .16rem;
}
#nav ul li a{
	color: #fff;
}
#nav ul li.active a{
	color: #056684;
}

/*banner*/
#banner_n{
	width: 100%;
	max-width: 6.4rem;
	margin: 0 auto;
	font-size: 0;
}
#banner_n img{
	width: 100%;
}







/*底部*/
.bottom_home{
	width: 100%;
	max-width: 6.4rem;
	margin:0.1rem auto 0;
}
.bottom_home ul li{
	font-size: .12rem;
	color: #333;
	text-align: center;
	margin-top: 1%;
}
.bottom_home ul li a{
	color: #333;
}
.kong{
	height: .60rem;
}
/*footer*/
#footer{
	width: 100%;
	max-width: 6.4rem;
	margin: 0 auto;
}
#footer .content{
	width: 100%;
	max-width: 6.4rem;
	background:#414040;
	position: fixed;
	bottom: 0rem;
	z-index: 999;
	border-top: .01rem #dcdcdc solid;
	height: .50rem;
}
#footer .content ul li{
	width: 25%;
	float: left;
	border-right: .01rem #fff solid;
	box-sizing: border-box;
}
#footer .content ul li a{
	display: block;
}
#footer .content ul li img{
	width: .25rem;
	height: .25rem;
	float: left;
	margin: .12rem 0 0 15%;
}
#footer .content ul li p{
	font-size: .16rem;
	color: #fff;
	line-height: .50rem;
	float: left;
	margin-left: 5%;
}

/*详情页头部*/
.head{
	width: 100%;
	max-width: 6.4rem;
	margin: 0 auto;
	position: relative;
	height: .45rem;
}
.head h2{
	text-align: center;
	line-height: .45rem;
	background: #00a9de;
	font-size: .18rem;
	color: #fff;
	border-bottom: .01rem #dcdcdc solid;
}
.head .back img{
	width: .25rem;
	height: .25rem;
	position: absolute;
	top: 0;
	margin: .10rem 0 0 2%;
}




/*媒体查询*/
@media (min-width:550px) and (max-width:640px){
	
	
}
@media (min-width:480px) and (max-width:550px){
	#footer .content ul li img{
		margin: .12rem 0 0 12%;
	}
	#footer .content ul li img{
		margin: .12rem 0 0 12%;
	}
	#header .content img.logo{
		width: 2.5rem;
	}
	#header .content figure{
		height: .30rem;
		margin-top: .05rem;
	}
	#header .content figure img{
		width: .30rem;
		height: .30rem;
	}
	#header .content figure figcaption{
		line-height: .25rem;
	}
	
}
@media (min-width:400px) and (max-width:480px){
	#footer .content ul li img{
		margin: .12rem 0 0 6%;
	}
	#footer .content ul li p{
		margin-left: 2%;
	}
	#header .content img.logo{
		width: 2.1rem;
	}
	#header .content figure{
		height: .28rem;
		margin-top: .05rem;
	}
	#header .content figure img{
		width: .26rem;
		height: .26rem;
	}
	#header .content figure figcaption{
		line-height: .25rem;
		font-size: .18rem;
		margin-left: .05rem;
	}
}
@media (min-width:350px) and (max-width:400px){
	#header .content img.logo{
		width: 1.9rem;
	}
	#header .content figure{
		height: .25rem;
		margin-top: .05rem;
	}
	#header .content figure img{
		width: .20rem;
		height: .20rem;
	}
	#header .content figure figcaption{
		line-height: .16rem;
		margin-left: .03rem;
		font-size: .15rem;
	}
	#footer .content{
		height: .48rem;
	}
	#footer .content ul li img{
		width: .22rem;
		height: .22rem;
		margin: .13rem 0 0 6%;
	}
	#footer .content ul li p{
		margin-left: 2%;
		font-size: .14rem;
		line-height: .48rem;
	}
}
@media (max-width:350px){
	#header .content img.logo{
		width: 1.6rem;
	}
	#header .content figure{
		height: .20rem;
		margin-top: .03rem;
	}
	#header .content figure img{
		width: .18rem;
		height: .18rem;
	}
	#header .content figure figcaption{
		line-height: .18rem;
		margin-left: .05rem;
		font-size: .14rem;
	}
	#footer .content{
		height: .45rem;
	}
	#footer .content ul li img{
		width: .20rem;
		height: .20rem;
		margin: .12rem 0 0 6%;
	}
	#footer .content ul li p{
		margin-left: 2%;
		font-size: .13rem;
		line-height: .45rem;
	}
}