@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-size:63%; font-family:"微软雅黑";}
.banner{width:100%;max-width:640px; overflow:hidden; margin:0 auto;}
.banner img{ width:100%; vertical-align:top; float:left;}
.cen640{width:100%; max-width:640px; margin:0 auto;}
.cen640 img{ width:100%; vertical-align:top; float:left;}
.wd{ background:#e3af6f; width:100%; max-width:640px; margin:0 auto; overflow:hidden;}
.title{ font-size:32px; font-weight:bold; text-align:center; padding:5% 0;}
.rwwd{ width:95%; margin:0 2.5%;}
.rwwd li{ width:19%; float:left; border:1px #ffffff solid; background:#f7efe4; text-align:center; color:#000;}
.rwwd li img{width:100%; vertical-align:top;}
.da{ width:91%; margin:0 2.5%; border:1px #FFFFFF solid; background:#e7bc86; overflow:hidden; padding:2% 1% 4% 1%;}
.wen dt{ width:14.8%; float:left;}
.wen dt img{width:100%; vertical-align:top;}
.wen dd{ float:left; background:#f8ebdb; border-radius:3px; padding:2.5% 1% 2.5% 1%; max-width:80%;}
.da1 dt{ width:15.1%; float:right;}
.da1 dt img{width:100%; vertical-align:top;}
.da1 dd{ width:80%; float:right; background:#ffffff; border-radius:3px; padding:2.5% 1% 2.5% 1%; color:#555555;}
.wen,.da1{ margin-top:2%;}
.at1,.at2,.at3,.at4,.at5{ color:#FFF !important; background-color:#b50505 !important; border-color:#b50505 !important;}
.zx{ width:62%; margin:4% auto;}
.zx img{width:100%; vertical-align:top;}

@media screen and (max-width: 480px){
	.title{ font-size:28px;}
	}
@media screen and (max-width: 414px){
	.title{ font-size:26px;}
	}
@media screen and (max-width: 375px){
	.title{ font-size:22px;}
	}
@media screen and (max-width: 320px){
	.title{ font-size:20px;}
	}