@charset "utf-8";
* { margin: 0; padding: 0;}
a { text-decoration: none;}
ul, li { list-style: outside none none;}
img { border: 0 none;}
.clear { clear: both;}
.bgbox{max-width:640px;margin:0 auto; padding:0; font-family:"微软雅黑";}
.banner{width:100%;max-width:640px; overflow:hidden; margin:0 auto;}
.banner img{ width:100%; vertical-align:top;}
.title{ width:100%; font-size:32px; font-weight:bold; text-align:center; line-height:50px; background-color:#FFF; color:#000; margin:10px auto;}
.cen640{width:100%; background-color:#FFF; margin:0 auto; overflow:hidden;}
.cen640 img{ width:100%; vertical-align:top;}
.qhdb{ width:100%; margin-top:5%; overflow:hidden;}
.qhdb li{ width:45%; float:left; margin-left:3%; display:inline; text-align:center;}
.qhdb li img{ width:100%; vertical-align:top;}
.p1left{ width:45%; float:left; font-size:90%; line-height:130%; padding:4% 0 0 3%;}
.p1left span{font-size:120%; line-height:150%; color:#F00; border-bottom:1px #666 solid; width:100%; text-align:center; display:block; padding-bottom:3%}
.p1right{ width:52%; float:left;}
.p1right img{ width:100%; vertical-align:top;}
.zx{ width:40%; background-color:#ff0000; font-size:160%; color:#FFF; font-weight:bold; text-align:center; line-height:180%; margin:0 auto; border-radius:3px; margin-bottom:3%;}
.zx a{ color:#FFF;}
.yw{ width:100%; margin-top:0 auto; overflow:hidden;}
.yw li{ width:22%; float:left; margin-left:2.4%; display:inline; text-align:center; background-color:#9d9477; color:#FFF;}

@media screen and (max-width: 480px){
	.title{font-size:28px; line-height:45px;}
	}
@media screen and (max-width: 360px){
	.title{font-size:23px; line-height:40px;}
	.zx{font-size:130%; line-height:150%;}
	}
@media screen and (max-width: 320px){
	.title{font-size:20px; line-height:35px;}
	.zx{font-size:120%; line-height:140%;}
	}