<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电波熊</title>
    <link rel="stylesheet" href="./bootstrap.min.css" />
    <link rel="stylesheet" href="comm.css">
    <link rel="stylesheet" href="js/layer/mobile/need/layer.css">
    <script src="./js/jquery/jquery-3.2.1.min.js"></script>
    <script src="js/layer/layer.js"></script>
</head>

<body>
    <div class="header">
        <div class="container-fluid menu" style="background-color: rgb(255, 255, 255);">
            <div class="row" style="margin-top: 1%;">
                <a>
                    <div class="col-md-3 mg-left-2" style="padding-top:10px;">
                        <h3>电波熊</h3>
                    </div>
                </a>
                <a class="jump">
                    <div class="col-md-1 mg-left-5 text-center">
                        <div class="pd-bot-20 pd-top-17 select-btn"><span class="menu-text select-btn-text"
                                style="color: rgb(35, 67, 164);">首页</span></div>
                    </div>
                </a>
                <a class="jump">
                    <div class="col-md-1 text-center">
                        <div class="pd-bot-20 pd-top-17"><span class="menu-text"
                                style="color: rgb(35, 67, 164);">功能应用</span></div>
                    </div>
                </a>
                <a class="jump">
                    <div class="col-md-1 text-center">
                        <div class="pd-bot-20 pd-top-17"><span class="menu-text"
                                style="color: rgb(35, 67, 164);">行业模板</span></div>
                    </div>
                </a>
                <a class="jump">
                    <div class="col-md-1 text-center">
                        <div class="pd-bot-20 pd-top-17"><span class="menu-text"
                                style="color: rgb(35, 67, 164);">客户案例</span></div>
                    </div>
                </a>
                <div class="col-md-1 text-center">
                    <div id="answer_div">
                        <!--<span class="menu-text">-->
                        <ul class="list-menu pd-bot-20 pd-top-17">
                            <li class="menu-text" style="color: rgb(35, 67, 164);">服务支持
                            </li>
                        </ul>
                        <!--</span>-->
                    </div>
                </div>
                <div class="login">登陆</div>
            </div>
        </div>
    </div>
    <div class="contain">
        <div class="banner">
            <img src="http://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/solution/entry/css/img/banner-pc.png"
                width="100%">
        </div>
        <div class="main">
            <div class="titleWrap">
                <ul class="tab-list horizontal-center cl " id="tabs">
                    <li class="active" data-index="tpl_jjfa"><a class="item active" href="javascript:;"
                            data-target="tpl_jjfa">功能应用</a></li>
                    <li class="" data-index="tpl_gnyy"><a class="item" href="javascript:;"
                            data-target="tpl_gnyy">解决方案</a></li>
                    <li data-index="tpl_hymb"><a class="item" href="javascript:;" data-target="tpl_hymb">行业模板</a></li>
                    <li data-index="tpl_kfal"><a class="item" href="javascript:;" data-target="tpl_kfal">客户案例</a></li>
                    <!--<li data-index="skip"><a class="item" href="/faq/2j.asp?id=129&cid=136" target="_blank">帮助</a></li>-->
                </ul>
            </div>
            <div class="tabWrap">
                <ul>
                    <li>
                        <a href="detail.html"><img src="image/2.png" width="100%"></a>
                    </li>
                    <li><img src="image/1.png" width="100%"></li>
                    <li><img src="image/3.png" width="100%"></li>
                    <li><img src="image/4.png" width="100%"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="gray-line"></div>
        <div class="white-line"></div>
        <div class="footer-bottom">
            <p>
                <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="" rel="nofollow">服务器托管</a>
                <span>|</span>
                <a href="" rel="nofollow">网站建设</a>
                <br>
            </p>
            <p>
                杭州电波熊科技有限公司, All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp;备案号：<a href="http://beian.miit.gov.cn"
                    rel="nofollow" target="_blank">浙ICP备2022003714号-1</a> </p>
        </div>
    </div>
    <div id="login">
        <div class="loginWrap">
            <div class="form-group">
                <input type="text" class="form-control" id="name" placeholder="请输入账号">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="name" placeholder="请输入密码">
            </div>
            <div class="check">登陆</div>
            <p class="login-other"><span>其他方式登陆</span></p>
            <ol class="login-sdk-other">
                <li>
                    <a href="http://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101895949&redirect_uri=http://www.zlhyyx.com/a.html&state=1"
                        target="_self">
                        <img src="image/qq.png" alt="QQ">
                    </a>
                </li>
            </ol>
        </div>
    </div>
</body>
<script>
    $("#tabs li").on("click", function () {
        $("#tabs li").removeClass("active");
        $(this).addClass("active");
        var index = $(this).index();
        $(".tabWrap ul li").hide();
        $(".tabWrap ul li").eq(index).show()
    })
    $(".login").on("click", function () {
        layer.open({
            type: 1,
            title: "登陆",
            skin: 'layui-layer-rim', //加上边框
            area: ['420px', '400px'], //宽高
            content: $("#login").html()
        });
    })
</script>

</html>
