<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>东胜大厦酒店</title>
    <link rel="icon" href="public/images/logo.png" type="image/x-icon">
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="public/bootstrap-3.4.1//css/bootstrap.min.css">
    <!-- 引入字体 -->
    <link rel="stylesheet" href="public/font/iconfont.css">
    <!-- 引入导航样式 -->
    <link rel="stylesheet" href="public/css/nav.css">
    <link rel="stylesheet" href="public/css/index.css">
    <link rel="stylesheet" href="public/css/footer.css">
    <!-- 引入日期控件 -->
    <link rel="stylesheet" href="public/css/jcDate.css">
    <!-- 引入轮播图 -->
    <link rel="stylesheet" href="public/css/swiper.min.css">
</head>

<body>
    <div class="top-line"></div>
    <div id="nav">
        <nav>
            <!-- logo -->
            <div class="nav-logo">
                <a href="###"><img src="public/images/logo.png" alt=""></a>
            </div>

            <!-- 控制menu -->
            <div class="nav-menu">
                <span></span>
                <span></span>
                <span></span>
            </div>

            <!-- 菜单 -->
            <ul class="nav-list">
                <li data-url="index.html">
                    <a href="index.html" class="active">网站首页</a>
                    <!-- <ul class="menu">
                            <li><a href="">不断学习</a></li>
                            <li><a href="">不断进步</a></li>
                        </ul> -->
                </li>
                <li data-url="newsFlash.html"><a href="newsFlash.html">新闻快讯</a></li>
                <li data-url="hotelServices.html"><a href="hotelServices.html">酒店服务</a></li>
                <li data-url="selectOffers.html"><a href="selectOffers.html">精选优惠</a></li>
                <li data-url="hotelReservation.html"><a href="hotelReservation.html">酒店预订</a></li>
                <li data-url="contactUs.html"><a href="contactUs.html">联系我们</a></li>
                <!-- 登录状态-->
                <li class="login-state">
                    <a href="javascript:;">
                        <div class="login">登录/注册</div>
                    </a>
                    <!-- 登录成功展示 -->
                    <ul class="account">
                        <li class="triangle"></li>
                        <li><a href="myReservation.html">消费记录</a></li>
                        <li><a href="changePassword.html">修改密码</a></li>
                        <li class="logOut"><a href="javaScript:;">退出登录</a></li>
                    </ul>
                </li>
                <!-- 电话 -->
                <li class="tel">
                    <a type="tel" href="tel:0546-8687777">
                        <span class="iconfont icon-dianhua-xianxingyuankuang"></span>
                        <span style="font-size: 22px">0546-8687777</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

    <div class="content">
        <div class="editionCenter banner">
            <img src="public/images/banner.jpg" alt="">
        </div>
        <!-- 酒店预订 -->
        <div class="hotel-reservation editionCenter">
            <div class="reservation">
                <div class="reservation-con">
                    <div class="reservation-tit">
                        <span class="iconfont icon-xiangyou3"></span>
                        <span>酒店预订</span>
                    </div>
                    <div class="reservation-form">
                        <div class="form-inline">
                            <div class="form-group">
                                <label for="arrivalTime">抵达日期</label>
                                <input type="text" autocomplete="off" class="form-control reservation-date arrival"
                                    id="arrivalTime" placeholder="请选择抵达日期" onblur="dateBlur()" onchange="dateChange()" onfocus="stopKeyborad($(this))"/>
                            </div>
                            <div class="form-group">
                                <label for="departureTime">离店日期</label>
                                <input type="text" autocomplete="off" class="form-control reservation-date departure"
                                    id="departureTime" placeholder="请选择离店日期" onblur="dateBlur()" onchange="dateChange()" onfocus="stopKeyborad($(this))"/>
                            </div>
                            <div class="form-group">
                                <label for="persons">入住人数</label>
                                <input type="number"
                                    oninput="if(value>100)value=100;if(value.length>4)value=value.slice(0,4);if(value<0)value=0"
                                    class="form-control number-input persons" id="persons" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <label for="rooms"> 房间数量</label>
                                <input type="number"
                                    oninput="if(value>100)value=100;if(value.length>4)value=value.slice(0,4);if(value<0)value=0"
                                    class="form-control number-input rooms" id="rooms" placeholder="请输入">
                            </div>
                            <div class="form-group">
                                <button class="btn btn-default">立即预订</button>
                            </div>
                        </div>
                    </div>
                    <div class="reservation-tel">
                        <div class="iconfont icon-dianhua"></div>
                        <div>
                            <a type="tel" href="tel:0546-8687777">
                                <span>24小时订购热线</span>
                                <span>0546-8687777</span>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 产品展示 -->

        <div class="product ">
            <ul>
                <!-- <li class=" editionCenter">
                    <div class="product-list">
                        <div class="product-tit">
                            会议与宴会
                        </div>
                        <div class="product-info">
                            <div class="product-info-left">
                                <p class="product-info-left-tit">会议与宴会</p>
                                <p class="product-info-left-con">
                                    无论是大型的宴会还是小型的会议，东胜大厦都会为您提供尽善尽美的服务。面积850平方米的东胜厅，可容纳600人的宴会、1000人的酒会、1000人的剧院式会议或560人的课桌式会议，还可分隔成3个独立的280平方米中型会议室，以满足您的不同需求。
                                </p>
                                <div class="product-info-left-more" onclick="toMoreDetail()">了解更多 >></div>
                            </div>
                            <div class="product-info-right">
                                <img src="public/images/hyyyh.jpg" alt="">
                            </div>
                        </div>
                    </div>

                </li>
                <li class=" editionCenter">
                    <div class="product-list">
                        <div class="product-tit">
                            商旅客房
                        </div>
                        <div class="product-info">
                            <div class="product-info-left">
                                <p class="product-info-left-tit">商旅客房</p>
                                <p class="product-info-left-con">
                                    酒店共拥有233间（套）装修高贵典雅、环境温馨舒适的各类客房，为与众不同的您独创适宜的空间，让您处处体味舒心惬意。
                                </p>
                                <div class="product-info-left-more" onclick="toMoreDetail()">了解更多 >></div>
                            </div>
                            <div class="product-info-right">
                                <img src="public/images/slkf.jpg" alt="">
                            </div>
                        </div>
                    </div>

                </li>
                <li class=" editionCenter">
                    <div class="product-list">
                        <div class="product-tit">
                            婚宴庆典
                        </div>
                        <div class="product-info">
                            <div class="product-info-left">
                                <p class="product-info-left-tit">婚宴庆典</p>
                                <p class="product-info-left-con">
                                    婚庆顾问，盛事策划,
                                    全力为您打造与众不同的美妙婚礼和幸福感受，从方案策略到婚礼上的每一个细节细心为您考虑和准备，最大限度地满足您的需求，让您无忧享受最幸福的时刻，天作之合，尽在东胜大厦。
                                </p>
                                <div class="product-info-left-more" onclick="toMoreDetail()">了解更多 >></div>
                            </div>
                            <div class="product-info-right">
                                <img src="public/images/hyqd.jpg" alt="">
                            </div>
                        </div>
                    </div>

                </li> -->
            </ul>


            <div class=" editionCenter recommend">
                <div class="product-list product-list-swiper">
                    <div class="product-tit">推荐优惠</div>
                    <div class="swiper mySwiper">
                        <div class="swiper-wrapper">
                            <!-- <div class="swiper-slide">
                                <div class="product-swiper-img">
                                    <img src="public/images/swiper1.jpg" alt="">
                                </div>
                                <p class="product-swiper-tit">
                                    东胜大厦海鲜美食节开始啦！
                                </p>
                                <p class="product-swiper-txt">
                                    储值卡充的多送的多！
                                </p>
                                <div class="product-swiper-btn" onclick="toProductDetail()">
                                    查看详情
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="product-swiper-img">
                                    <img src="public/images/swiper2.jpg" alt="">
                                </div>
                                <p class="product-swiper-tit">
                                    浓情端午，“粽”有心意
                                </p>
                                <p class="product-swiper-txt">
                                    东胜大厦粽子礼盒火爆预定中！
                                </p>
                                <div class="product-swiper-btn" onclick="toProductDetail()">
                                    查看详情
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="product-swiper-img">
                                    <img src="public/images/swiper3.jpg" alt="">
                                </div>
                                <p class="product-swiper-tit">
                                    东胜大厦邀请你品尝正宗湘菜
                                </p>
                                <p class="product-swiper-txt">
                                    湘菜历史悠久，源远流长，逐步
                                </p>
                                <div class="product-swiper-btn" onclick="toProductDetail()">
                                    查看详情
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <div id="footer">
        <footer>
            <div class="footer-con">
                <div class="footer-con-left">
                    <div class="footer-about">
                        <p>关于我们</p>
                        <ul>
                            <!-- <li><a href="">企业文化</a></li>
                            <li><a href="">大事记</a></li> -->
                            <li><a href="contactUs.html">联系我们</a></li>
                        </ul>
                    </div>
                    <div class="footer-about">
                        <p>新闻快讯</p>
                        <ul>
                            <li><a href="newsFlash.html">企业新闻</a></li>
                            <li><a href="newsFlash.html">行业资讯</a></li>
                        </ul>
                    </div>
                    <!-- <div class="footer-about">
                        <p>相关产业</p>
                        <ul>
                            <li><a href="">东胜海天</a></li>
                            <li><a href="">大福酒业</a></li>
                            <li><a href="">东胜旅游社</a></li>
                            <li><a href="">星源工程</a></li>
                        </ul>
                    </div> -->
                </div>
                <div class="footer-con-right">
                    <div class="footer-qrcode">
                        <div class="footer-qcode-box">
                            <img src="public/images/qcode_03.jpg" alt="">
                        </div>
                        <!-- <div class="footer-qcode-box">
                            <img src="public/images/qcode_05.jpg" alt="">
                        </div> -->
                    </div>
                    <div class="footer-qrcode-txt">
                        扫一扫关注微信公众号，了解较新动态及优惠活动，,支持微信预订，期待您的光临！
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <div class="guide"></div>
<!-- 
    <div class="guide-box">
        <div class="guide-con">
            <div class="guide-close iconfont icon-guanbi"></div>
            <div class="guide-title">
                扫描下方二维码，关注微信公众号，了解较新动态及优惠活动，支持微信预订，期待您的光临！
            </div>
            <div class="guide-qcode">
                <div class="guide-icon">
                    <img src="public/images/dow.gif" alt="">
                </div>
                <div class="guide-qcode-img">
                    <img src="public/images/qcode_03.jpg" alt="">
                </div>
            </div>
        </div>
    </div> -->
</body>
<!-- 引入相关js -->
<script src="public/js/jquery.min.js"></script>
<!-- <script src="public/js/jquery-3.2.1.min.js"></script>
<script src="public/bootstrap-3.4.1/js/bootstrap.min.js"></script> -->
<script src="public/js/nav.js"></script>
<script src="public/js/jQuery-jcDate.js"></script>
<script src="public/js/index.js"></script>
<script src="public/js/swiper.min.js"></script>
<script src="public/js/footer.js"></script>
<!-- 接口 -->
<script src="public/js/request.js"></script>

</html>