* {margin: 0px;	padding: 0px;}
body {font-family:\5FAE\8F6F\96C5\9ED1; font-size: 80%; line-height: 200% ;color: #8c6a55;}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a{transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none;}

/* header */
#header{ border-bottom:2px solid #e8e3dd;}
#header .head_box{ width:1200px; margin:0 auto; position:relative;}
#header .logo{ float:left;}
#header .arrow{ display:none;}
#header ul.head_link{ float:right; margin-top:45px;}
#header ul.head_link li{background:url(../images/menubg.jpg) left center no-repeat; display:inline-block; padding:0 8px 0 10px;}
#header ul.head_link li.first{ background:none;}
#header ul.head_link li a{ color:#8c6a55;}
#header ul.head_link li a:hover{ color: #432818;}
#header ul.head_link a.cart{ background:url(../images/c_shopcar.png) left center no-repeat; padding-left:25px;}
#header .city{  float:left; margin-top:15px; margin-left:20px;position:relative; z-index:99999;}
#header .city span{ color:#fff; line-height:20px; background:url(../images/area_bg.jpg) left center no-repeat;text-indent:10px; display:inline-block; width:55px; height:20px;cursor:pointer; }
#header .city_item{width:250px; padding:8px 5px; border: 1px solid #a7846a; background: #fff; box-shadow: 0 0 5px #a7846a; position:absolute; top:25px; left:0;}
#header .city_item p{color: #8c6a55;}
#header .city_item a{color: #8c6a55; text-align:center; display:inline-block; width:25%; margin-top:5px;}
#header .city_item a:hover{color: #8c6a55;background: #ebe1df;}
/* nav */
#header #nav{ float:left; margin-top:45px;}
#header #nav ul{}
#header #nav ul li{background:url(../images/menubg.jpg) left center no-repeat; display:inline-block; padding:0 8px 0 10px;}
#header #nav ul li.first{ background:none;}
#header #nav ul li a{ color:#8c6a55;}
#header #nav ul li a:hover{ color: #432818;}
#header #nav.on{ display:block;}

/* banner */
#banner{ line-height:0;}
#banner img{ width:100%;}

/* content */
#content{width:1200px; padding:20px 0;margin:0 auto;}
#content ul.list{}
#content ul.list li{ text-align:center; float:left; width:25%;}
#content ul.list li img{ width:100%;}
#content ul.list li a{ display:block; width:100%; position:relative; overflow:hidden;}
#content ul.list li a:hover{}
#content ul.list li a span{ color:#fff; line-height:170%; background:#000; text-align:center; display:block; width:100%; height:40px; padding:5px 0; position:absolute; bottom:-50px; opacity:0.3;filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=30);}

/* footer */
#footer{ border-top:1px solid #491903;}
#footer .foot_box{ width:1200px; padding-top:10px; margin:0 auto;}
#footer .foot_box a{color: #8c6a55;}
#footer .foot_box a:hover{ text-decoration:underline;}
#footer .foot_box ul.foot_link{ float:right;}
#footer .foot_box ul.foot_link li{background:url(../images/menubg.jpg) left center no-repeat; display:inline-block; padding:0 8px 0 10px;}
#footer .foot_box ul.foot_link li a{ color:#8c6a55;}
#footer .foot_box ul.foot_link li a:hover{ text-decoration:underline;}
#footer .foot_box ul.foot_link li.first{ background:none;}


/*@media (max-width:720px){*/
	#header .head_box.flow .logo{ line-height:0; width:160px;}
	#header .head_box.flow .logo img{ width:80%;}
	#header .head_box.flow .arrow{ display:block; margin:19px 10px 0 10px; float:right; cursor:pointer;}
	#header .head_box.flow ul.head_link{ float:none; margin:0;}
	#header .head_box.flow .city{  float:right; margin-top:15px;margin-left:0;position:relative;}
	#header .head_box.flow .city_item{left:-206px;}
	#header .head_box.flow #nav{ display:none; width:102%; margin:0;position: absolute; top:-500px; left:-1%; z-index:9999;}
	#header .head_box.flow #nav ul{ background:#8D694F; float:none;}
	#header .head_box.flow #nav ul li{background:none; display:block; padding:0;}
	#header .head_box.flow #nav ul li a{ color:#fff; background:#8D694F; display:block; padding: 7px 10px; border-bottom:1px solid #fff;}
	#header .head_box.flow #nav ul li a:hover{ color:#8D694F; background:#fff; border-bottom:1px solid #8D694F;}
	#header .head_box.flow #nav ul li a.cart{ background:url(../images/c_shopcar_o.png) 10px center no-repeat; padding-left:40px;}
	#header .head_box.flow #nav ul li a.cart:hover{ background:url(../images/c_shopcar_o_o.png) 10px center no-repeat #fff;}
	#header .head_box.flow #nav.on{ display:block; top:52px;}
	#header .head_box.flow #footer .foot_box{ width:98%;}
/*}*/