<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>孵巢</title>
    <link href="stylesheet/base.css" rel="stylesheet">
    <link href="stylesheet/page.css" rel="stylesheet">
    
  </head>
  <body>
    <div id="content">
        <div class="header clearfix">
            <div class="fl"><img src="images/logo.png"></div>
            <div class="fl nav">
                <a class="link_tab" href="#about">关于我们</a>
                <a class="link_tab" href="#function">服务说明</a>
                <a class="link_tab" href="#download">下载</a>
                <a class="link_tab" href="#contract">联系我们</a>
            </div>
        </div>
        <div class="banner" id='about'><img src="images/banner.jpg"></div>
        <div class="function" id='function'>
            <h5 class="tc c333">功能介绍</h5>
            <div class='func_img'><img src="images/func.jpg"></div>
        </div>
        <div class="download" id='download'>
            <h5 class="tc c333">根据你的手机，选择下载</h5>
            <div class="box">
               <div class="item">
                  <a class="link" href="http://apps.apple.com/cn/app/圆园/id1542295268">
                    <img src="images/iphone.png" style="margin-top: 70px;">
                    <p style="margin-top: 20px;">iPhone</p>
                  </a>
               </div>
               <div class="item">
                  <a class="link" href="/yuanyuan-android.apk">
                    <img src="images/android.png" style="margin-top: 70px;">
                    <p style="margin-top: 20px;">Android</p>
                  </a>
               </div>
               <div class="item">
                  <a class="link">
                    <img src="images/xcx.jpg" style="width:110px;height:110px;margin-top: 55px;">
                    <p style="margin-top: 10px;">圆园小程序</p>
                  </a>
               </div>
               <div class="item">
                  <a class="link">
                    <img src="images/code.png" style="margin-top: 55px;">
                    <p style="margin-top: 10px;">微信公众号</p>
                  </a>
               </div>
            </div>
        </div>
        <div class="contract" id='contract'>
            <h5 class="tc c333">联系我们</h5>
            <div class="box">
                <div class="item">
                    <h4 class="c333">武汉信物宝电子商务有限公司</h4>
                    <p class="info mt3">地址：武汉东湖新技术开发区光谷创业街九栋1楼</p>
                    <p class="info">邮编：430074</p>
                    <p class="info">电话：+86-27-87412659</p>
                    <p class="info">传真：+86-27-59715238</p>
                </div>
                <div class="item">
                    <h4 class="c333">租务</h4>
                    <p class="info mt3">电话：+86-027-87498886</p>
                    <h4 class="c333" style="margin-top: 25px;">物业</h4>
                    <p class="info mt3">电话：+86-027-87498881</p>
                </div>
                <div class="item">
                    <h4 class="c333">圆园集市</h4>
                    <p class="info mt3">电话：+86-027-87400262</p>
                    <h4 class="c333" style="margin-top: 25px;">信物宝</h4>
                    <p class="info mt3">电话：4000-027-658</p>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="inner clearfix">
                <div class="fl"><img src="images/logo.png"></div>
                <div class="fl nav">
                    <a class="link_tab" href="#about">关于我们</a>
                    <a class="link_tab" href="#function">服务说明</a>
                    <a class="link_tab" href="#download">下载</a>
                    <a class="link_tab" href="#contract">联系我们</a>
                </div>
            </div>
            <p class="tc copyright">Copyright     武汉信物宝电子商务有限公司 2020-2022,All Rights Reserved 鄂ICP备14010004号-1</p>
        </div>
    </div>
    <script src="javascript/jquery-1.8.3.min.js"></script>
    <script>
       $('.download .item').mouseenter(function(){
          $(this).find('.cover').show();
       })
       $('.download .item').mouseleave(function(){
         $(this).find('.cover').hide();
       })
    </script>
  </body>
  </html>