<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src='js/jquery.min.js'></script>
<script src='js/popper.min.js'></script>
<script src='js/bootstrap.min.js'></script>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/header.css"/>
<link rel="stylesheet" href="css/comm.c ss"/>
</head>
<body>
<header>
<iframe class="my_header" src="header.html" scrolling="no" frameborder="0"></iframe>
</header>
<!--焦点轮播图-->
<div class="carousel" data-ride="carousel" id="d1">
<!--1轮播图片-->
<div class="carousel-inner" id="d2">
<div class="carousel-item active">
<a href=""><img src="img/banner1.png" alt=""/></a>
</div>
<div class="carousel-item ">
<a href=""><img src="img/banner2.jpg" alt=""/></a>
</div>
</div>
<!--2左右的箭头-->
<a id="al" href="#d1" class="carousel-control-next" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
<a id="ar" href="#d1" class="carousel-control-prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<!--3轮播指示器-->
<ul class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#d1"></li>
<li data-slide-to="1" data-target="#d1"></li>
</ul>
</div>
<!--导航栏-->
<div id="list">
<ul>
<li>
<div class="a1"><a href="">白酒</a></div>
<div class="a2">
<span><a href="">茅台</a></span>
<span><a href="">五粮液</a></span>
<span><a href="">剑南春</a></span>
<span><a href="">郎酒</a></span>
<span><a href="">泸州老窖</a></span>
<span><a href="">汾酒</a></span>
<span><a href="">洋河</a></span>
<span><a href="">习酒</a></span>
</div>
</li>
<li>
<div class="a1"><a href="">葡萄酒</a></div class="a1">
<div class="a2">
<span><a href="">法国</a></span>
<span><a href="">澳大利亚</a></span>
<span><a href="">西班牙</a></span>
<span><a href="">奔富</a></span>
<span><a href="">小企鹅</a></span>
<span><a href="">拉菲</a></span>
<span><a href="">长城</a></span>
<span><a href="">金水滴</a></span>
</div class="a2">
</li>
<li>
<div class="a1"><a href="">洋酒</a></div class="a1">
<div class="a2">
<span><a href="">翰格</a></span>
<span><a href="">百龄坛</a></span>
<span><a href="">珍宝</a></span>
<span><a href="">芝华士</a></span>
<span><a href="">人头马</a></span>
<span><a href="">杰克丹尼</a></span>
<span><a href="">麦卡伦</a></span>
<span><a href="">尊尼获加金牌</a></span>
</div class="a1">
</li>
<li>
<div class="a1"><a href="">啤酒</a></div class="a1">
<div class="a2">
<span><a href="">粉象</a></span>
<span><a href="">开巴</a></span>
<span><a href="">狩猎神</a></span>
<span><a href="">德拉克</a></span>
<span><a href="">凯撒</a></span>
<span><a href="">1664</a></span>
<span><a href="">百威</a></span>
</div class="a1">
</li>
<li>
<div class="a1"><a href="">黄酒/果酒/酒具</a></div class="a1">
<div class="a2">
<span><a href="">古越龙山</a></span>
<span><a href="">稽山鉴水</a></span>
<span><a href="">会稽山</a></span>
<span><a href="">古南丰</a></span>
<span><a href="">石岛</a></span>
<span><a href="">弗罗萨</a></span>
</div class="a1">
</li>
<li>
<div class="a1"><a href="">一键选酒</a></div class="a1">
<div class="a2">
<span><a href="">整箱购</a></span>
<span><a href="">结婚宴请</a></span>
<span><a href="">大坛专区</a></span>
<span><a href="">名酒专区</a></span>
<span><a href="">礼品酒</a></span>
</div class="a1">
</li>
</ul>
</div>
<!--热门推荐-->
<div id="reMen">
<div id="reMen_left">
<div id="reMen_left_top">
<h3>热门品牌</h3>
<ul>
<li>
<a href="javascript:;" data-click="tab" data-mubiao="content1">白酒</a>
</li>
<li>
<a href="javascript:;" data-click="tab" data-mubiao="content2">葡萄酒</a>
</li>
<li>
<a href="javascript:;" data-click="tab" data-mubiao="content3">洋酒</a>
</li>
<li>
<a href="javascript:;" data-click="tab" data-mubiao="content4">啤酒</a>
</li>
</ul>
</div>
<div class="reMen_left_bottom" id="content1">
<div id="reMen_left_bottom_left"><img src="img/index_tabs/index1.jpg" alt=""></div><div id="reMen_left_bottom_right"><ul><li><div><img src="img/index_tabs/index1-1.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-2.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-3.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-4.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-5.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-6.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-7.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-8.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-9.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-10.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-11.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index1-12.jpg" alt=""></div></li></ul></div>
</div>
<div class="reMen_left_bottom" id="content2">
<div id="reMen_left_bottom_left"><img src="img/index_tabs/index2.jpg" alt=""></div><div id="reMen_left_bottom_right"><ul><li><div><img src="img/index_tabs/index2-1.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-2.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-3.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-4.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-5.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-6.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-7.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-8.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-9.jpg" alt=""></div></li><li><div><img src="img/index_tabs/index2-10.jpg" alt=""><