@charset "utf-8";

/* CSS Document */

body{

	margin:0; padding:0;background:#C8C8C8;border:0; font-family:"微软雅黑", "宋体";

}

li{

	list-style-type:none;

}

.banner{

	width:100%; height:auto;background:#ABCD03;

	}

.banner img{

	width:100%; margin:0;

}

.banner div{

	height:40px; 

}

@media screen and (min-width:1001px){

	.h5list{

		width:1000px; height:auto;margin:0 auto;

	}

	.h5box{

		width:220px; padding:10px; float:left; 

	}



}

	

.cover{

	overflow:hidden; width:220px; height:347px;position:relative;

}

.coverimg img{

	width:100%;

	}

.qrcode{

	padding:40px; z-index:99; position: relative; background:url(mask30.png);

}

.qrcode img{

	width:100%;

}

.text{

	background:#FFFFFF; height:60px; margin-top:-20px; padding:10px;

}

.text p{

	font-size:12px;

	line-height:18px;

	margin-top:24px;

}

a{

	text-decoration:none; color:#272727;

}

.pagelist{

	clear:both; width:160px; height:80px; margin:0 auto; padding-top:40px; text-align:center;

}

.pagelist a{

	color:#FFFFFF;

}

.pagelist li{

	font-size:20px; font-weight:600; background: #9A9A9A; color:#FFFFFF; width:20px; height:20px; margin:5px; float:left;

}

.pagelist .action{

	font-size:24px;width:24px; height:24px; background:#424242;

}

.footer{

	width:100%;height:auto; background:#575757; color:#FFFFFF;

}

@media screen and (min-width:1001px){

.footer .content{

	width:1000px;margin:0 auto; font-size:14px; line-height:30px; padding:30px;

	}

}

.footer .content ul{

	padding:0;

}



@media screen and  (max-width:1000px) and (min-width:641px){

	.h5list{

	width:100%; height:auto;margin:0 auto;

	}

	.footer .content{

	width:80%;margin:0 auto; font-size:14px; line-height:30px;

	}

	.h5box{

		width:220px; padding:10px; float:left; 

	}



}

@media screen and  (max-width:640px){

	

	.h5list{

	width:100%; height:auto;margin:0 auto;

	}

	.footer .content{

	width:80%;margin:0 auto; font-size:14px; line-height:30px;

	}

	.h5box{

		width:220px; margin:0 auto; margin-top: 20px;

	}

}