master

分支 (1)

管理

管理

master

nrzx
/
index.html

<!DOCTYPE html>
<html>
<head>
    <meta name="baidu-site-verification" content="8dpBwGm9q8"/>
    <meta charset="utf-8"/>
    <meta content="绍兴学车,绍兴学车哪家好,绍兴考驾照,绍兴快速学车,绍兴大学生学车,绍兴学车报名,绍兴学车费用" name="keywords">
    <meta content="绍兴你若学车考驾照网是一家专业的学车服务平台,为您提供学车考驾照资讯,提供学车费用、学车报名、大学生学车等多种学车服务。学车报名热线：4001800805！ " name="description">
    <!-- viewport 可以让布局在移动浏览器上显示的更好 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
    <!-- 如果你的网站不是响应式的，请不要使用 initial-scale 或者禁用缩放 -->
    <meta name="viewport" content="width=device-width,user-scalable=yes">
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- 百度禁止转码 百度可能会对你的网页进行转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!-- 百度站长工具统计代码 -->
    <meta name="baidu-site-verification" content="FNWGNkfOAq"/>
    <link rel="icon" type="images/x-icon" href="favicon.ico">
    <title>绍兴学车,绍兴考驾照,绍兴学车报名,绍兴学车费用,就上你若学车</title>
    <!-- css -->
    <link href="css/reset.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/index.css" rel="stylesheet" type="text/css" media="all"/>

    <!--需引入-->
    <link rel="stylesheet" href="project-NRXC/asset/plugins/fontAwesome/css/font-awesome.min.css">
    <!--需引入-->
    <style>
        .m-link-wrap {
            position: absolute;
            top:35px;
            right:230px;
        }
        .m-link-wb{
            font-size:30px;
            margin:0 10px;
        }

        .m-img--hover, .m-img--hover img {
            width: 100px;
            height: 100px;
        }

        .m-img--hover {
            position: absolute;
            top: 45px;
            left: -20px;
        }
        .m-nav {
            height: 38px;
            width: 460px;
            position: absolute;
            right: -90px;
            top: 32px;
        }

        .m-nav ul>li {
            float: left;
            margin-left: 20px
        }

        .m-nav ul>li:first-child {
            margin-left: 0
        }

        .m-nav ul>li.active a {
            background-color: rgba(255,255,255,.7);
            color: #000;
            font-weight: 600
        }

        .m-nav ul>li a {
            font-size: 14px;
            padding: 4px 20px 5px;
            display: block;
            color: #fff;
            border: 2px solid #fff;
            opacity: .85;
            border-radius: 20px;
            line-height: 21px;
        }

        .m-nav ul>li a:hover {
            background-color: rgba(255,255,255,.7);
            color: #000;
            font-weight: 600
        }
    </style>

    <!--js-->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
</head>
<body style="background: #fff;">
<div class="totop">
    <img src="images/download/index_totop.png"/>
</div>
<div class="Index_head">
    <!--start header-top-shadow-->
    <div class="m-top-shadow"></div>
    <!--end header-top-shadow-->
    <div class="wrapper Index_heartop clearfix">
        <div class="heartop_logo">
            <a href="http://www.nrzxo.com/" target="_blank">
                <img src="images/download/heartop_logo.png"/>
            </a>
        </div>
        <!--<div class="m-link-wrap">-->
            <!--<div class="m-img&#45;&#45;hover" style="display: none;"><img src="project-NRXC/asset/images/code.jpg" alt=""></div>-->
            <!--<a href="javascript:;" class="m-link-wb js-btn&#45;&#45;wx"><i class="fa fa-weixin"></i></a>-->
            <!--<a href="http://weibo.com/nrzxo" class="m-link-wb"><i class="fa fa-weibo"></i></a>-->
        <!--</div>-->
        <nav class="m-nav">
            <ul>
                <li class="active"><a href="../index.html">了解你若</a></li>
                <li><a href="project-NRXC/student.html">你若学员</a></li>
                <li><a href="project-NRXC/about.html">关于我们</a></li>
                <li><a href="http://120.26.45.199:3255/main.aspx">商家中心</a></li>
            </ul>
        </nav>
        <!--<div class="heartop_phone">报名电话：4001-800-805</div>-->
    </div>
    <div class="wrapper Index_hearbanner">
        <img src="images/download/Index_hearbanner02.png"/>
        <a href="https://itunes.apple.com/cn/app/%E4%BD%A0%E8%8B%A5%E5%AD%A6%E8%BD%A6/id956063136?l=en&mt=8"
           target="_blank" class="downloadBtn_iphone"><img src="images/download/downloadBtn_iphone.png"></a>
        <a href="http://sj.qq.com/myapp/detail.htm?apkName=com.jytec.step" target="_blank"
           class="downloadBtn_android"><img src="images/download/downloadBtn_android.png"></a>
    </div>
</div>
<div class="Index_main">
    <div class="wrapper">
        <div class="Index_main_head">
            <img src="images/download/Index_main_head.png"/>
        </div>
        <div class="Index_main_part">
            <img class="Index_main_img" src="images/download/Index_main_img1.jpg" style="left: 0;"/>
            <div class="Index_main_box box_R">
                <img src="images/download/Index_main_sign1.png"/>
                <div class="Index_main_box_word">
                    <h3>金牌教练</h3>
                    <p>通过网上报名，预约金牌教练</p>
                </div>
            </div>
        </div>
        <div class="Index_main_part">
            <img class="Index_main_img" src="images/download/Index_main_img2.png" style="right: 0;"/>
            <div class="Index_main_box box_L">
                <img src="images/download/Index_main_sign2.png"/>
                <div class="Index_main_box_word">
                    <h3>服务保障</h3>
                    <p>提供保姆式一站服务，费用统一，超低价格</p>
                </div>
            </div>
        </div>
        <div class="Index_main_part" style="height: 600px;">
            <img class="Index_main_img" src="images/download/Index_main_img3.jpg" style="left: 0;"/>
            <div class="Index_main_box box_R">
                <img src="images/download/Index_main_sign3.png"/>
                <div class="Index_main_box_word">
                    <h3>合理课程，快速高效</h3>
                    <p>提升教学质量，确保用户学车安心顺心</p>
                </div>
            </div>
        </div>
        <div class="Index_main_part">
            <img class="Index_main_img" src="images/download/Index_main_img4.jpg" style="right: 0;"/>
            <div class="Index_main_box box_L">
                <img src="images/download/Index_main_sign4.png"/>
                <div class="Index_main_box_word">
                    <h3>学车保障</h3>
                    <p>学车无忧，杜绝吃拿卡要，对教练计时考核</p>
                </div>
            </div>
        </div>
        <div class="Index_main_part">
            <img class="Index_main_img" src="images/download/Index_main_img5.png" style="left: 0;"/>
            <div class="Index_main_box box_R">
                <img src="images/download/Index_main_sign5.png"/>
                <div class="Index_main_box_word">
                    <h3>快速拿驾照，就这么容易</h3>
                    <p>教学质量高，让你轻松考取驾照，练就过硬驾驶技术。</p>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="Index_apply index_fixNav">
    <div class="wrapper" style="position: relative;">
        <img src="images/download/Index_applyicon.png" class="Index_applyicon"/>
        <div class="Index_applyword">老司机带你，轻松拿驾照！</div>
        <a href="javascript:;" class="apply_signup">我要报名</a>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=656490896&site=qq&menu=yes"
           class="apply_consult">我要咨询</a>
        <!--<a onclick='easemobim.bind({tenantId:26276})' class="apply_consult">我要咨询</a>-->
    </div>
</div>
<!--<script>
    window.easemobim = window.easemobim || {};
    easemobim.config = {
        hide: true,		//是否隐藏小的悬浮按钮
        autoConnect: true    //自动连接
    };
</script>
<script src='//kefu.easemob.com/webim/easemob.js?tenantId=26276' async='async'></script>-->
<div class="Index_bottom">
    <div class="wrapper">
        <img src="images/download/Index_bottomImg.png" style="float: left;"/>
        <h3>优质学车体验</h3>
        <p>商务合作：[email protected] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            地址：绍兴市迪荡昆仑国际1号楼902室</p>
    </div>
</div>
<div class="Index_copyright">
    <div class="wrapper">
        备案号：浙B2-20150511 浙江你若信息科技有限公司
    </div>
</div>
<div class="indexShade" style="display: none;">
    <div class="applyBox">
        <a href="javascript:;" class="applyBoxClose">X</a>
        <div class="applyHead">我要报名</div>
        <div class="applyInput">
            <input class="inputLine" id="useName" type="text" placeholder="姓名"/>
        </div>
        <div class="applyInput">
            <input class="inputLine" id="usePhone" type="text" placeholder="手机号"/>
        </div>
        <div class="applyInput">
            <a class="applySubmit" href="javascript:;">提交</a>
        </div>
    </div>

</div>
<script src="js/jquery.json.js"></script>
<script type="text/javascript">
    $(function () {
        var menu = $('.Index_apply');
        var bottomHeight = $('.Index_bottom').offset().top;
        var windowHeight = $(window).height();
        $(window).scroll(function () {
            var scroH = $(this).scrollTop();
            if (scroH < bottomHeight - windowHeight) {
                menu.addClass('index_fixNav');
            } else {
                menu.removeClass('index_fixNav');
            }
        });
        $('.apply_signup').on('click', function () {
            $('.indexShade').show();
        });
        $('.applyBoxClose').click(function () {
            $('.indexShade').hide();
        });
        $('#useName,#usePhone').val('');
        regPhone = /^(((1[0-9]{1}))+\d{9})$/;
        $('.applySubmit').click(function () {
            var name = $('#useName').val();
            var phone = $('#usePhone').val();
            if ($('#useName').val() == "") {
                alert("请填写姓名!");
                return;
            }
            if ($('#usePhone').val() == "") {
                alert("请填写手机号码!");
                return;
            } else if (!regPhone.test(phone)) {
                alert("请填写正确手机号码!");
                return;
            }
            var data = new Array();
            var signInfo = {};
            signInfo.trainee_name = name;
            signInfo.trainee_phone = phone;
            signInfo.trainee_study_class = "C1"
            data[0] = signInfo;
            $.ajax({
                type: "post",
                url: "api.php?op=sighUp",
                async: true,
                data: {
                    ident_owner: 0,
                    ident_school: 0,
                    strPostJsons: $.toJSON(data)
                },
                success: function (data) {
                    if (data == "success") {
                        alert('报名成功，如有任何问题可随时拨打客服热线：4001-800-805。');
                        $('.indexShade').hide();
                    }
                    else {
                        alert(data);
                    }
                }
            });
        });
        /**totop*/
        $('.totop').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 500);
            return false;
        });
        $(window).scroll(function () {
            var _top = $(window).scrollTop();
            if (_top > 500) {
                $('.totop').fadeIn(300);
            } else {
                $('.totop').fadeOut(300);
            }
        });


//        需引入
        $(".js-btn--wx").hover(function(){
                $(".m-img--hover").fadeIn("slow");
            },
            function () {
                $(".m-img--hover").fadeOut();
            }
        );


    });
</script>
</body>
</html>