.foods .banner{
    width: 100%;
    height: 554px;
    background: url("../images/banner_food.jpg") center top no-repeat;
    position: relative;
    z-index: -3;
}
.shop .banner{
    width: 100%;
    height: 554px;
    background: url("../images/shop_banner.jpg") center top no-repeat;
    position: relative;
    z-index: -3;
}
.food {
    background: url("../images/foodbg.jpg") center -1px no-repeat;
    height: 850px;

    position: relative;
    z-index: 888;
}
.food_head{
    position: absolute;
    z-index: 9999999;
    top: -54px;
    left: 50%;
    margin-left: -172px;
}
.shop_head{
    position: absolute;
    z-index: 9999999;
    top: -54px;
    left:50%;
    margin-left: -172px;
}
.food_introduce{
    width: 620px;
    height: 620px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -318px;
    margin-top: 59px;
    background: #d28c69;
    border: 10px solid #ffffff;
    border-radius: 50%;
}
.food_introduce h4{
    background: url("../images/foodsmallhead.png") no-repeat center;
    width: 340px;
    height:60px;
    /*line-height: 114px;*/
    margin: -6px auto 0;
    padding-top: 54px;
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    font-weight: 500;
}
.food_introduce div{
    width: 400px;
    margin: 38px auto 0;
    font-size: 20px;
    color: #ffffff;
    text-align: justify;
    line-height: 1.5;

}
.roll{
position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -650px;
    margin-top: -280px;
    border: 2px solid #ff9d5c;
    border-radius: 50%;


    animation:rotate 100s linear infinite;
}



 @keyframes rotate{
0%{
    transform:rotate(0deg);
}
100%{
    transform:rotate(360deg);
}
}
.seat{
    background:url("../images/seatbg.jpg")center top no-repeat;
    height: 232px;
    z-index: 99999;
    position: relative;
}
.seat ul{
    width: 1280px;
    margin:0 auto;
    padding-top: 50px;
    text-align:center;
}

.seat ul li{
    background:url("../images/seat_bg.png");
    width: 214px;
    height: 124px;
    display:inline-block;
    line-height: 124px;
    text-align: center;
    color: #a26342;
    font-size: 30px;
    margin: 0 18px;
}
.scape{

    z-index: 99999;
    position: relative;
    
    background: url("../images/scape_bg.jpg") #fff no-repeat center bottom;
}
.scape h4{
    color: #864524;
    font-weight: 500;
    text-align: center;
    padding: 100px 0 30px 0;
    margin: 0;
    font-size: 32px;


}
.scape ul{
    width: 1280px;

    margin: 0 auto;
    position: relative;
    padding-top: 40px;
}
.scape ul li{
  
    background: url("../images/restaurant_line_bg.png") no-repeat center bottom;
    padding: 35px 0 65px 0;
  
}
.scape ul li:last-child{
  
    background: none;

  
}
.restaurant_l{
	width: 410px;
	height: 260px;
	float: left;
	
}

.restaurant_r{
	float: left;
	width: 850px;
}
.restaurant_h{
	
}
.restaurant_h h5{
	width: 246px;
	height: 65px;
    background: url("../images/restaurant_h.png") no-repeat center;
    line-height: 65px;
    text-align: center;
    color: #61321d;
    font-size: 36px;
    margin: 0;
    display: inline-block;
    font-weight: normal;
    
    
    
	
}
.restaurant_h  h6{
    display: inline-block;
    line-height: 65px;
    font-size:42px;
    color: #ff6800;
    /* font-family:simhei ; */
    padding-left: 30px;
    margin: 0;
    font-weight: normal;
    
	
	
}
.restaurant_r p{
	font-size: 24px;
	color: #864524;
	text-indent: 2em;
	line-height: 2;
	padding-top: 30px;
}
.mall_in{
    background: url("../images/mall_bg.png") no-repeat center bottom;
    min-height:190px ;
}
.seat ul .seat_none{
    background: url("../images/mall_c.png") no-repeat center !important;
    margin: -18px 0 0 0;
    height: 182px;
    width: 245px;

}
.restaurant_h .mall_h5{
    width: 152px;
    height: 65px;
    background: url("../images/mall_h5.png") no-repeat center;
    line-height: 65px;
    text-align: center;
    color: #61321d;
    font-size: 36px;
    margin: 0;
    display: inline-block;
    font-weight: normal;




}