<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>首页</title>
<link rel="stylesheet" type="text/css" href="css/index.css" >
<script type="text/javascript" src="js/carousel.js" ></script>
<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
//到DOM树中li下面的的第一个ul标签
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
</head>
<body>
<div class="head">
<div class="logo_nav">
<div class="logo">
<img src="img/logo.png"/>
</div>
<div class="nav_ul">
<ul id="navigation" style="">
<li><a class="home" href="#" style="color: #FD8246;">首页</a></li>
<li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"><a href="cuisine.html">美食特色</a>
<ul>
<li><a href="cuisine_style.html">中式美食</a></li>
<li><a href="japan_cuisine.html">日式美食</a></li>
<li><a href="west_cuisine.html">西式美食</a></li>
</ul>
</li>
<li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"><a href="online_ordering.html" target="_blank">网上订餐</a>
<ul>
<li><a href="online_ordering.html">二人餐桌</a></li>
<li><a href="four_tabel.html">四人餐桌</a></li>
<li><a href="six_table.html">六人餐桌</a></li>
<li><a href="private_room.html">包间</a></li>
</ul>
</li>
<li><a href="buisiness.html">行业资讯</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</div>
<div class="banner_text">
<span>——FASHION & CLASSICAL FOOD——</span>
<p>专注时尚美食餐饮</p>
</div>
</div>
</div>
<div id="container">
<div id="list" style="left: -1350px;">
<img src="img/banner2.jpg">
<img src="img/banner1.jpg">
<img src="img/banner2.jpg">
</div>
<div id="buttons">
<span index="1"></span>
<span index="2"></span>
</div>
<a href="javascript:;" id="prev" class="arrow" style="font-size:100px; text-align:center;"><</a>
<a href="javascript:;" id="next" class="arrow" style="font-size:100px; text-align:center;">></a>
</div>
<div id="cuisine">
<div class="cuisine_title">
<h2 style="color: #fd8246;padding-top: 30px;">——美食特色——</h2>
<p>CUISINE FEATURES</p>
</div>
<div class="cuisine_photo">
<span class="cuisine_photo_one">
<img src="img/zhongshi.png"/>
</span>
<span class="cuisine_photo_two">
<img src="img/rishi.png"/>
</span>
<span class="cuisine_photo_three">
<img src="img/xishi.png"/>
</span>
</div>
<div class="cuisine_text">
<span class="cuisine_textbg_one">
<img src="img/textBoder.png"/>
</span>
<span class="cuisine_textbg_two">
<img src="img/textBoder.png"/>
</span>
<span class="cuisine_textbg_three">
<img src="img/textBoder.png"/>
</span>
<div class="cuisine_text_border">
<span class="zhongshi">
<a href="#" style="color: #FD8246; font-size:22px;">中式料理</a>
<p style="font-size:16px; color: #535353; margin-top: 15px;">中国菜是中国烹饪,
中国文化的重要组成部分之一。</p>
</span>
<span class="rishi">
<a href="#" style="color: #FD8246; font-size:22px;">日式料理</a>
<p style="font-size:16px; color: #535353;margin-top: 15px;">日本菜是世界上
一个重要的烹调流派,有独特的格调。</p>
</span>
<span class="xishi">
<a href="#" style="color: #FD8246; font-size:22px;">西式料理</a>
<p style="font-size:16px; color: #535353;margin-top: 15px;">西式料理有它有
特有的烹饪方式和独特的格调。</p>
</span>
</div>
</div>
</div>
<div id="about" style="background: url(img/aboutbj.png);width:1366px; height:705px;margin-top:60px;">
<div class="about_title">
<h2 style="color: #fd8246;padding-top: 30px;">——关于我们——</h2>
<p>ABOUT US</p>
</div>
<div class="about_us">
<div class="about_text">
<div class="about_shop">
<span style="color: white; font-size: 20px;">店铺实景</span>
<hr style="color: #FD8246; width:40px;margin-top:10px;">
<p>Buns餐厅以科学的餐饮理论为基础,另外可点数种蔬菜或野菌涮食之,荤素搭配,营养均衡,
其美味称特色饮食之中的经典。炒制汤料的原材料均由专业采购人员精心选购,经由多道工
序研制成味道麻辣鲜香、浓郁独特的火锅汤料,奇特的烹饪方法,使鸡肉不仅口感香滑嫩爽,
而且保留了其养生保健的功效,是不可错过的精品美食。</p>
</div>
</div>
<div class="about_photo">
<span class="about_photo_one">
<img src="img/about1.png">
</span>
<span class="about_photo_two">
<img src="img/about2.png">
</span>
<span class="about_photo_three">
<img src="img/about3.png">
</span>
<span class="about_photo_four">
<img src="img/about4.png">
</span>
</div>
</div>
</div>
<div id="buisiness"> <!--行业资讯-->
<div class="buisiness_title">
<h2 style="color: #fd8246;padding-top: 30px;">——行业资讯——</h2>
<p>BUISINESS CONSULT</p>
</div>
<div class="buisiness_text" style="width: 1206px;height:401px;margin-left:80px;">
<div class="buisiness_img" style="float: left;width:550px;height:401px;">
<img src="img/buisness.png"/>
</div>
<div class="buisiness_imformation"style="float:right;width:635px;height:401px;">
<a href="#">秋季必吃的15种大食物</a>
<p>1、小麦和大麦:各种小麦和大麦制品早已被人们所熟悉。视频都可以抗癌并防止射线
对人们的伤害,还可以预防其它疾病......</p>
<a href="#">假日饮食必读</a>
<p>一般来说,慢性病人应避免含有蛋黄的月饼,以减少摄取蛋黄中250毫克的胆固醇,
市售低热量的蒸月饼、冰皮月饼......</p>
<a href="#">春天滋补女人十大食物</a>
<p>红米含有丰富的淀粉和植物蛋白质,可补充消耗的体力以及维持身体正常体温。
它富含众多的营养素,其中以铁质最为丰富......</p>
</div>
</div>
</div>
<div id="foot" style="width: 1366px;height: 350px;background: #1b1b1b;">
<div class="foot_title" style="width: 1206px;height: 80px;margin-left: 80px;text-align:center;">
<div class="foot_nav" style="width: 1206px;height:30px;padding-top: 30px;">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="cuisine.html">美食特色</a></li>
<li><a href="online_ordering.html">网上订餐</a></li>
<li><a href="buisiness.html">行业资讯</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<hr style="width: 1206px;margin-top: 20px;"color="#BABABA">
</div>
<div class="foot_text" style="width: 1206px;height:185px;margin-left: 80px;margin-top:40px;">
<span class="foot_text_one">
<p style="font-size: 18px;color: #FD8246;padding-left:130px;">料理菜单</p>
<ul>
<li><a href="cuisine_style.html">中式菜式</