@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; overflow:hidden;}
.cen640 img{ width:100%; vertical-align:top; float:left;}
.title{ width:100%; margin:0 auto; text-align:center; background:#f10000; font-size:21px; color:#FFF; padding:3% 0;}
.title span{ font-size:16px;}
.text{ color:#d91e05; font-size:14px; text-align:right; padding:2% 0 5% 0;}
.ks li{ width:20%; float:left; text-align:center; background:#c6c6c6;}
.ks li img{ width:100%; vertical-align:top;}
.zj{width:100%; max-width:640px; margin:0 auto;}
.zj img{ width:100%; vertical-align:top;}
.at1,.at2,.at3,.at4,.at5{ background-color:#ea0000 !important;}
.zx{ width:29.4%; float:right; margin:4% 1% 2% 0;}
.zx img{ width:100%; vertical-align:top;}
.title1{font-size:28px; font-weight:bold; text-align:center; color:#562f05; margin:4% auto;}

@media screen and (max-width: 480px){
	.title1{ font-size:26px;}
	}
@media screen and (max-width: 414px){
	.title{ font-size:18px;}
	.title1{ font-size:24px;}
	}
@media screen and (max-width: 375px){
	.title{ font-size:17px;}
	.text{ font-size:12px;}
	.title1{ font-size:22px;}
	}
@media screen and (max-width: 320px){
	.title{ font-size:16px;}
	.text{ font-size:12px;}
	.title1{ font-size:20px;}
	}