@charset "utf-8";

*{padding: 0;margin: 0;}
body{font: 16px/1.5em Microsoft Yahei, tahoma, Srial, helvetica, sans-serif;}
ul, li{list-style: none;}
img{border: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}

.wrap{width: 640px;margin: 0 auto;position: relative;}
.bfd img{width: 100%;vertical-align: bottom;}

@media (min-width:320px) and (max-width:480px){
	html{font-size: 58% !important}
	.wrap{width: 100%;}
}
@media (min-width:480px) and (max-width:640px){
	html{font-size: 58% !important}
	.wrap{width: 100%;}
}


.nav{position:relative;}
#navherf{height:6.2rem; position:absolute; width:100%; bottom:0px;}
#navherf a{display:block; float:left; width:20%;height:6.2rem;}


.sec01{padding: 0;}
.sec01_cen{margin: 0 auto;}
.sec01_swt{margin: 15px auto;}
.sec01_swt a{display: block;width: 21rem;height: 4rem;margin: 0 auto;background: #917744;text-align: center;line-height: 4rem;color: #fff;border-radius: 0.625rem;font-size: 1.5rem;}

.sec02{padding: 0;background:#e7e5e0;}
.sec02_top{}
.sec02_cen{margin: 0 auto;}
.sec02_swt{ padding: 1rem;}
.sec02_swt a{display: block;width: 21rem;height: 4rem;margin: 0 auto;background: #917744;text-align: center;line-height: 4rem;color: #fff;border-radius: 0.625rem;font-size: 1.5rem;}

.sec03{padding: 0;background:#e7e5e0;}
.sec03_top{background}
.sec03_cen{margin: 0 auto;}
.sec03_swt{    background: #000;height: 6rem;line-height: 6rem;padding-top: 2rem;}
.sec03_swt a{display: block;float:left;width: 12rem;height: 3.5rem;margin: 0 auto;background: #917744;text-align: center;line-height: 3.5rem;color: #fff;border-radius: 0.625rem;font-size: 1.5rem;margin-left: 8%;}

.sec04{padding: 0;background:#000;}
.sec04_top{background}
.sec04_cen{margin: 0 auto;}
.sec04_swt{background:#e7e5e0;padding: 2rem;}
.sec04_swt a{display: block;height: 4rem;margin: 0 auto;background: #917744;text-align: center;line-height: 4rem;color: #fff;border-radius: 0.625rem;font-size: 1.5rem;}

.sec05{padding: 0;background:#e7e5e0;}
.sec05_top{background}
.sec05_cen{margin: 0 auto;}
.sec05_swt{background:#4e3c2f;padding: 2rem;}
.sec05_swt a{display: block;height: 4rem;margin: 0 auto;background: #917744;text-align: center;line-height: 4rem;color: #fff;border-radius: 0.625rem;font-size: 1.5rem;}


@media (min-width:320px) and (max-width:400px) { 
	.sec03_swt a{width: 10rem;} 
}