@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;}
.cen640{width:100%; max-width:640px; margin:0 auto;}
.cen640 img{width:100%; vertical-align:top;}
.title{ width:100%; font-size:32px; font-weight:bold; text-align:center; line-height:50px; background-color:#422c17; color:#fff; margin:0 auto;}
.zx{ width:31%; float:left; margin:3% 0 3% 3%;}
.zx img{width:100%; vertical-align:top;}
.dhzx{ width:31%; float:left; margin:3% 0 3% 17%;}
.dhzx img{width:100%; vertical-align:top;}
.zl1{ width:100%; max-width:640px; margin:0 auto; background-color:#ece9e7; overflow:hidden;}
.zl1 dl{ width:96%; margin:20px auto;}
.zl1 dl dt{ width:50%; float:left; font-size:100%; line-height:20px; color:#181818;}
.zl1 dl dt span{ background-color:#645241; color:#FFF; border-radius:2px;}
.zl1 dl dd{ width:50%; float:left;}
.zl1 dl dd img{ width:100%; vertical-align:top;}
.zl1 dl dt img{ width:100%; vertical-align:top;}
.zl2{ width:100%; max-width:640px; margin:0 auto; background-color:#FFF; overflow:hidden;}
.zl2 dl{ width:96%; margin:20px auto;}
.zl2 dl dt{ width:41%; float:left;}
.zl2 dl dd{ width:59%; float:left; font-size:100%; line-height:20px; color:#181818;}
.zl2 dl dd span{ background-color:#645241; color:#FFF; border-radius:2px;}
.zl2 dl dt img{ width:100%; vertical-align:top;}
.zl2 dl dd img{ width:100%; vertical-align:top;}
.zl2_text{ width:100%; font-size:100%; line-height:20px; margin-top:5px;}
.tj{ width:94%; margin:20px auto;}
.tj li{ width:46%; float:left; margin-left:4%; display:inline; text-align:center; font-size:90%; line-height:20px; color:#422c17;}
.tj li img{ width:100%; vertical-align:top;}
.tj li a{ text-decoration:none; color:#422c17;} 
.zj{ width:100%; max-width:640px; margin:20px auto; background-color:#FFF;}
.zj img{ width:100%; vertical-align:top;}

@media screen and (max-width: 480px){
	.title{font-size:28px; line-height:45px;}
	.zl1 dl dt{font-size:90%; line-height:18px;}
	.zl2 dl dd{font-size:90%; line-height:18px;}
	.zl2_text{font-size:90%; line-height:18px;}
	}
@media screen and (max-width: 414px){
	.title{font-size:23px; line-height:40px;}
	.zl1 dl dt{font-size:80%; line-height:15px;}
	.zl2 dl dd{font-size:80%; line-height:15px;}
	.zl2_text{font-size:80%; line-height:15px;}
	}
@media screen and (max-width: 320px){
	.title{font-size:20px; line-height:35px;}
	.zl1 dl dt{font-size:70%; line-height:13px;}
	.zl2 dl dd{font-size:70%; line-height:13px;}
	.zl2_text{font-size:70%; line-height:13px;}
	}