@charset "utf-8";
*{ margin:0; padding:0; border:0; font-family:"微软雅黑";}
ul, li{ list-style:none;}
a{ text-decoration:none;}
.foot{ width:100%; margin:0 auto; position:fixed; bottom:0; left:0; z-index:99; background:#ecdfbd;}
.foot ul{ overflow:hidden; padding:12px 0 10px 0;}
.foot ul li{ float:left; text-align:center; width:25%; padding:0;}
.foot ul li a{ text-align:center; display:block; font-size:16px; color:#333;}
.foot ul li span{ display:block; padding-top:5px;}

/* header */
.head span{ margin-left:0.5rem;}
.head span a{font-size: 1rem;color: #fff;}
nav{text-align:center;font-size:20px;}
nav ul{overflow:hidden;}
nav ul li{width:24.5%;float:left;background:url(../images/pic4.jpg) no-repeat;background-size:100% 100%; margin:0.25% 0.25%;;}
nav ul li:nth-child(4n+1){border-left:none;}
nav ul li:nth-child(4)~li{border-bottom:none;}
nav a{display:inline-block;width:100%;line-height:44px;text-align:center;color:#fff;}


.footer ul{overflow:hidden;}
.footer ul li{float:left;width:23.28%;text-align:center;}
.footer ul li + li{margin-left:2.29%;}
.footer img{display:inline-block;width:53.7%;}
.footer ul li a{display:inline-block;background:#a36e2e;width:100%;font-size:20px;color:#fff;border-radius:5px;height:7.05rem;padding-top:2%;}


/* footer */
.footer { min-width:320px; max-width:640px; margin:0 auto;}
.footer ul{overflow:hidden;}
.footer ul li{float:left;width:23.28%;text-align:center; }
.footer ul li span{ position:absolute; width:100%; bottom:3%; font-size:24px; left:0;}
.footer ul li + li{margin-left:2.29%;}
.footer ul li img{ display:block; width:50%; margin:0 auto 2%; }
.footer ul li a{display:inline-block;background:#a36e2e;width:100%;color:#fff;border-radius:5px;height:125.6px;padding-top:16px;position:relative;}
.footer ul li h2{ font-size:1.5rem;}

@media screen and (min-width:320px) and (max-width:400px){
	.foot ul li span{ font-size:14px;}
	nav{ font-size:14px;}
	nav a{ line-height:30px;}
	.footer ul li a{ height:72px; padding-top:12px;}
	.footer ul li span{ font-size:14px;}
	.foot ul{padding:8px 0;}
}
@media screen and (min-width:360px) and (max-width:400px){
	.footer ul li a{ height:78px;}
}
@media screen and (min-width:400px) and (max-width:479px){
	nav{ font-size:18px;}
	nav a{ line-height:38px;}
	.footer ul li a{ height:90px; padding-top:14px;}
	.footer ul li span{ font-size:17px;}
	.foot ul li span{font-size:16px}
	.foot ul{padding:8px 0;}
}
@media screen and (min-width:480px) {
	.foot ul li span{ font-size:16px;}
	.footer ul li a{ height:104px; padding-top:15px;}
	.footer ul li span{ font-size:18px;}
}
@media screen and (min-width:560px) {
	.foot ul li span{ font-size:18px;}
	.footer ul li a{ height:118px;}
}
	@media screen and (min-width:600px) {
	.foot ul li span{ font-size:20px;}
	.footer ul li a{ height:112px;}
}