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

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="全国旅游包车_南京大包车_长沙旅游包车_郑州包车_福州包商务车_苏州包车专业网站" />
	<meta name="keywords" content="全国旅游包车_南京大包车_长沙旅游包车_郑州包车_福州包商务车_苏州包车专业网站" />
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css?v=2">
    <link rel="stylesheet" href="./citypicker/cityPicker.css">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <title>全国旅游包车_南京大包车_长沙旅游包车_郑州包车_福州包商务车_苏州包车专业网站</title>
    <script type="text/javascript">
        function goPAGE() {
            if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
                /*window.location.href="你的手机版地址";*/
                window.location.href = '../mobile/index.htm';
            } else {
                /*window.location.href="你的电脑版地址";    */
                // window.location.href="/";
            }
        }
        goPAGE();
    </script>
</head>

<body>

    <!-- 头部 -->
    <header>
        <div class="my-header">
            <div class="header-left">
                <img class="header-logo" src="img/head_logo.png" alt />
                <img class="address-icon" src="img/address_icon.png" alt />
                <div class="address"></div>
                <div id="header-choose-city" class="color7D7F86 fs16">[切换]</div>
            </div>
            <!-- 右侧nav -->
            <nav class="header-right">
                <ul class="header-nav">
                    <li class="nav-active"><a href="#">首页</a></li>
                    <li><a href="#service">服务范围</a></li>
                    <li><a href="#vehicle">车型展示</a></li>
                    <li><a href="#advantage">我们优势</a></li>
                    <li><a href="#evaluate">好评如潮</a></li>
                    <li><a href="#about">关于我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="blank_section"></div>

    <!-- 内容 -->
    <main>
        <section class=" banner-container">
            <div class="section-content">
                <div class="consult-box">
                    <div class="consult-title">
                        输入电话，免费提供用车咨询
                    </div>
                    <div class="tip-num">
                        <img src="img/consult_title_left.png" alt="">
                        <p>今日已为<span class="color0F6AD9">52682</span>人提供满意咨询</p>
                        <img src="img/consult_title_right.png" alt="">
                    </div>
                    <div class="input-line">
                        <div id="consult-choose-cicy" class="input_short">
                            <div class="input-title">用车城市：</div>
                            <input placeholder="输入人数" value="" disabled class="select-city">
                            <img src="img/arrow_down.png" alt="">
                        </div>
                        <div class="input_short">
                            <label class="input-title" for="">乘车人数：</label>
                            <input class="people-num" placeholder="输入人数" type="text">
                        </div>
                    </div>
                    <div class="input-line" style="margin-top: 12px;">
                        <div id="phone-input" class="input_long">
                            <label class="input-title" for="">手机号码：</label>
                            <input class="phone-input" placeholder="请输入手机号码" type="text" maxlength=11>
                            <div class="error-text"></div>
                        </div>
                    </div>
                    <div class="submit-button"><button>提交咨询</button></div>
                    <ul>
                        <li style="margin-left: 22px;"><img src="img/ok_icon.png" alt="">
                            <h6>杜绝骚扰</h6>
                        </li>
                        <li><img src="img/ok_icon.png" alt="">
                            <h6>一价全包</h6>
                        </li>
                        <li><img src="img/ok_icon.png" alt="">
                            <h6>专业车调</h6>
                        </li>
                        <li><img src="img/ok_icon.png" alt="">
                            <h6>行程建议</h6>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 第一次包车 -->
        <section class="nav_item step-container">
            <div class="step-content">
                <div class="step-title">第一次包车？</div>
                <div class="step-title-small">您仅需要5步走完流程</div>
                <img class="step-img" src="img/step_img.png" alt />
                <ul class="step-text">
                    <li>
                        <span class="step_num">1</span>
                        <span>填写需求</span>
                    </li>
                    <li>
                        <span class="step_num">2</span>
                        <span>调度回复</span>
                    </li>
                    <li>
                        <span class="step_num">3</span>
                        <span>支付定金</span>
                    </li>
                    <li>
                        <span class="step_num">4</span>
                        <span>安排驾驶</span>
                    </li>
                    <li>
                        <span class="step_num">5</span>
                        <span>全程跟单</span>
                    </li>
                </ul>
            </div>
        </section>
        <!-- 服务范围 -->
        <section id="service" class="nav_item service-container">
            <div class="section-content">
                <div class="title">服务范围</div>
                <div class="title-small">SCOPE OF SERVICE</div>
                <ul class="service-list">
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img class="service-img" src="img/service_img1.jpg" alt="">
                        <div class="service-name">接送机/站</div>
                        <p>接机送机、接送火车站只要告诉我们航班/动车号我们将准时准点出现在您面前</p>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img class="service-img" src="img/service_img2.jpg" alt="">
                        <div class="service-name">团建包车</div>
                        <p>企业团建、活动用车、接待客户我们采用一价全包，绝无隐性消费</p>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img class="service-img" src="img/service_img2.jpg" alt="">
                        <div class="service-name">企业班车</div>
                        <p>通勤班车、企业员工上下班接送，找天天巴士更专业，自营车辆更实惠</p>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img class="service-img" src="img/service_img4.jpg" alt="">
                        <div class="service-name">其他用途</div>
                        <p>无论三五好友结伴出行亦或婚宴、会议，用车事宜找天天巴士，尊享一站式服务</p>
                    </li>
                </ul>
            </div>
        </section>
        <!-- 车型展示 -->
        <section id="vehicle" class="nav_item vehicle-container">
            <div class="section-content">
                <div class="title">车型展示</div>
                <div class="title-small">VEHICLE DISPLAY</div>
                <ul class="car-type-list">
                    <li class="car-type-active" onclick="carShowSeat(this)">
                        <img class="img-active" src="img/car-type-star.png" alt="">
                        <div>精选车型</div>
                    </li>
                    <li onclick="carShowSeat(this)">
                        <img src="img/car-type-star.png" alt="">
                        <div>5 至 7座商务车</div>
                    </li>
                    <li onclick="carShowSeat(this)">
                        <img src="img/car-type-star.png" alt="">
                        <div>8至17座商务车</div>
                    </li>
                    <li onclick="carShowSeat(this)">
                        <img src="img/car-type-star.png" alt="">
                        <div>18至29座中巴车</div>
                    </li>
                    <li onclick="carShowSeat(this)">
                        <img src="img/car-type-star.png" alt="">
                        <div>30至57座大巴车</div>
                    </li>
                </ul>
                <ul class="car-list">
                </ul>
            </div>
        </section>
        <!-- 选择我们的理由 -->
        <section id="advantage" class="nav_item advantage-container">
            <div class="section-content">
                <div class="title">选择我们的理由</div>
                <div class="title-small">REASONS FOR CHOOSING US</div>
                <ul class="advantage-list">
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img src="img/advantage_img1.png" alt="">
                        <div class="advantage-text">
                            <div class="advantage-part">
                                <span class="color0F6AD9">1</span>
                                <span class="advantage-title">行业品牌，值得托付</span>
                            </div>
                            <p>
                                天天巴士成立12年来，是10万+客户信
                                赖的选择
                            </p>
                        </div>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img src="img/advantage_img2.png" alt="">
                        <div class="advantage-text">
                            <div class="advantage-part">
                                <span class="color0F6AD9">2</span>
                                <span class="advantage-title">专业调度，服务热情</span>
                            </div>
                            <p>
                                专业调度免费行程规划指导，热情友善是我们的态度
                            </p>
                        </div>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img src="img/advantage_img3.png" alt="">
                        <div class="advantage-text">
                            <div class="advantage-part">
                                <span class="color0F6AD9">3</span>
                                <span class="advantage-title">
                                    一价全包，杜绝加价
                                </span>
                            </div>
                            <p>
                                我们采用一价全包，杜绝用车时趁机加
                                价、投机取巧情况发生
                            </p>
                        </div>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img src="img/advantage_img4.png" alt="">
                        <div class="advantage-text">
                            <div class="advantage-part">
                                <span class="color0F6AD9">4</span>
                                <span class="advantage-title">爽约赔偿，误点赔付</span>
                            </div>
                            <p>
                                用车时无车提供亦或迟到晚点赔偿一切
                                由此造成的损失
                            </p>
                        </div>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img src="img/advantage_img5.png" alt="">
                        <div class="advantage-text">
                            <div class="advantage-part">
                                <span class="color0F6AD9">5</span>
                                <span class="advantage-title">少量定金，满意付款</span>
                            </div>
                            <p>
                                我们只收取少量的预订金，大额车费尾
                                款待满意用车后再结
                            </p>
                        </div>
                    </li>
                    <li data-scroll-reveal="enter from the left over 1s">
                        <img src="img/advantage_img6.png" alt="">
                        <div class="advantage-text">
                            <div class="advantage-part">
                                <span class="color0F6AD9">6</span>
                                <span class="advantage-title">持证上岗，有礼有节</span>
                            </div>
                            <p>
                                持证老司机经公司多年培训，是您行程
                                的良好搭档
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <!-- 好评如潮 -->
        <section id="evaluate" class="nav_item evaluate-container">
            <div class="section-content">
                <div class="title">好评如潮</div>
                <div class="title-small">RAVE REVIEWS</div>
                <div class="swiper-box" data-scroll-reveal="enter from the left over 1s">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="img/slide_img1.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">188********324桂林</div>
                                    <div class="evaluate-text">
                                        在这家订了好多次车，价格实惠报价快，很方便。这次虽然迟到了10几分钟，司机很客气、一直解释还拍视频由于路上交通事故堵车寻求谅解，没有影响行程。调度员也及时来电话询问有没有接到，感觉很负责任！
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img src="img/slide_img2.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">150********315厦门</div>
                                    <div class="evaluate-text">
                                        这次我们是通过网上定的车子，司机很细心，一路上开车很稳，还给我们介绍了很多景点历史，下次用车还是选择天天巴士。</div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img src="img/slide_img3.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">180********618成都</div>
                                    <div class="evaluate-text">
                                        第一次用天天巴士的车，非常满意这车况，司机师傅服务也很到位很专业，期待下一次合作！</div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img src="img/slide_img4.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">159********411上海</div>
                                    <div class="evaluate-text">
                                        合作这么多次了才来评论，不好意思啊。幸好有你们不然我们这处临时用车都不知道怎么办了，再次感谢！很值得信赖的企业，全国连锁，很方便。</div>
                                </div>
                            </div>
                            <div class="swiper-slide"><img src="img/slide_img5.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">152********923厦门</div>
                                    <div class="evaluate-text">
                                        之前有找了一家公司合作，提前一天被告知没有车了，被领导批评的不行不行的，无意中发现天天巴士，合作起来很省心，每次用车司机都非常的准时、服务态度也好，值得推荐的一家企业。
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide"><img src="img/slide_img6.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">150********712佛山</div>
                                    <div class="evaluate-text">
                                        非常满意，张师傅很随和哦，超级好沟通的，准时到达，帮我们安排行程，路上有说有笑的。车况也非常好，我们都很满意。整个行程下来感觉确实不错，很贴心很愉快的一次用车，下次会继续使用。
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide"><img src="img/slide_img7.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">137********473苏州</div>
                                    <div class="evaluate-text">
                                        司机非常有责任感，钱包落下车上，后续联系工作人员，司机找到后还给我送来，这种拾金不昧的品质值得表扬，谢谢黄师傅！</div>
                                </div>
                            </div>
                            <div class="swiper-slide"><img src="img/slide_img8.jpg" />
                                <div class="evaluate-content">
                                    <div class="evaluate-phone">188********480武汉</div>
                                    <div class="evaluate-text">
                                        初次合作非常满意，我们在返程时推迟了一个多小时才出发，司机一直很耐心的等我们。</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div src="img/left_icon.png" class="swiper-prev"></div>
                    <div src="img/right_icon.png" class="swiper-next"></div>
                </div>
            </div>

        </section>
        <!-- 合作伙伴 -->
        <section id="partner" class="nav_item partner-container">
            <div class="section-content">
                <div class="title">合作伙伴</div>
                <div class="title-small">COOPERATIVE PARTNER</div>
                <div class="partner-img" data-scroll-reveal="enter from the left over 1s"></div>
            </div>
        </section>
        <!-- 关于我们 -->
        <section id="about" class="nav_item abous-us">
            <div class="section-content">
                <div class="title">关于我们</div>
                <div class="title-small">ABOUT US</div>
                <div class="about-us-text">
                    <p>
						
						厦门特旅旅游客运有限公司自成立之日至今，已覆盖全国300+城市，合作车队高达6000+，驾驶员均有多年驾
						驶经验，技术熟练，素质高，安全放心，服务周到。公司坚持秉承“诚信经营，客户至上”的服务理念，为客户提供快速、便利的
						全新用车服务体验。公司证件票据保险齐全，致力于成为中国最佳的旅游包车服务提供商。
					</p>

                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="section-content">
            <div class="footer-title">
                <img src="img/foot_title_left.png" alt="">
                <p>输入电话，免费提供用车咨询</p>
                <img src="img/foot_title_right.png" alt="">
            </div>
            <div class="footer-input">
                <div id="footer-city" class="short-input">
                    <span>用车城市：</span>
                    <input type="text" readonly>
                    <img src="img/arrow_down.png" alt="">
                </div>
                <div class="short-input">
                    <span>乘车人数：</span>
                    <input class="foot-site" type="text" placeholder="输入人数">
                </div>
                <div class="long-input">
                    <span>手机号码：</span>
                    <input type="text" class="foot-phone" placeholder="输入手机号码" maxlength=11>
                    <div class="foot-error-text"></div>
                </div>
                <button class="consult-btn">提交咨询</button>
            </div>
            <nav class="footer-nav">
                <ul class="footer-nav-left">
                    <li class="nav-active"><a href="#">首页</a></li>
                    <li><a href="#service">服务范围</a></li>
                    <li><a href="#vehicle">车型展示</a></li>
                    <li><a href="#advantage">我们优势</a></li>
                    <li><a href="#evaluate">好评如潮</a></li>
                    <li><a href="#about">关于我们</a></li>
                </ul>
                <div class="footer-nav-right">
                    <span>联系电话：</span>
                    <h3 id="phone_name">400-666 9580</h3>
                </div>
            </nav>
            <div style="color: #bbbbc7;font-size:14px;text-align: right;height: 32px;line-height: 32px;" id="address_name">地址：福建省厦门市集美区厦门北站商务运营中心603号楼5F</div>
        </div>
        <div class="foot-bottom">
            <span>COPYRIGHT <span id="company_name">厦门特旅旅游客运有限公司</span> 2018 All RIGHTS RESERVED 
            <a href="http://beian.miit.gov.cn" style="text-decoration: none;color: #bbbbc7"><span id="copyright">闽ICP备18029771号-1</span></a>
            <a href="xieyi.html" style="text-decoration: none; color: #bbbbc7;">《用车服务条款》</a>
        </span>
        </div>
    </footer>

    <!-- 选择城市 -->
    <div class="choose-city">
        <div class="mask"></div>
        <div class="choose-box">
            <div class="choose-box-top">
                <span>请选择您想要的城市</span>
            </div>
            <div class="choose-box-body">
                <div class="choose_input">
                    <input type="text" disabled value="" placeholder="选择城市">
                    <img src="img/arrow_down_blue.png" alt="">
                </div>
                <button class="ok-btn">确定</button>
            </div>
        </div>
    </div>

    <!-- 找调度员 -->
    <div class="find-box">
        <img src="img/phone_icon.png" alt="">
        <span>找调度员</span>
    </div>

    <!-- 该城市调度员 -->
    <div class="city-yardman">
        <div class="yardman-content">
            <img class="yardman-header" src="img/yardman.png"><img>
            <div class="yardman-body">
                <div class="yardman-title">该城市调度员</div>
                <div class="yardman-list">
                </div>
            </div>
            <div class="yardman-foot">
                <div class="now-city">当前城市：</div>
                <button class="change-city">切换</button>
            </div>
            <div class="close-btn">×</div>
        </div>
    </div>


    <!-- 返回置顶 -->
    <img class="to_top" src="img/to_top.png" alt="">

    <div class="tip-box">
        <div class="tip-msg">
            <img src="img/ok_icon_green.png" alt="">
            <div class="msg-text"><span>提交成功，</span>请等待调度员回电</div>
        </div>
    </div>


    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./citypicker/cityPicker.js"></script>
    <script src="./citypicker/cityData.js"></script>
    <script src="./js/storage.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./layui/layui.js"></script>

    <script>

        window.scrollReveal = new scrollReveal({ reset: true, move: "80px" });

        function setNavClass(num) {
            $('.header-nav li').eq(num).addClass('nav-active').siblings().removeClass('nav-active');
        }

        // 滚动的距离
        var scrollArr = []
        $('.nav_item').each(function (index, ele) {
            scrollArr.push($(ele).offset().top);
        });

        var carData = [
            // 精选车型
            [
                {
                    name: '7座别克GL8新款',
                    src: 'img/5-7-6.jpg',
                    data: [
                        {
                            alt: '7座别克GL8新款外观',
                            src: 'img/5-7-6-1.jpg',
                            thumb: 'img/5-7-6-1.jpg',
                        },
                        {
                            alt: '7座别克GL8新款内饰',
                            src: 'img/5-7-6-2.jpg',
                            thumb: 'img/5-7-6-2.jpg'
                        },
                    ],
                    luggage: 4,
                    people: 6,
                },
                {
                    name: '7座奔驰唯雅诺',
                    src: 'img/5-7-5.jpg',
                    data: [
                        {
                            alt: '7座奔驰唯雅诺外观',
                            src: 'img/5-7-5-1.jpg',
                            thumb: 'img/5-7-5-1.jpg',
                        },
                        {
                            alt: '7座奔驰唯雅诺内饰',
                            src: 'img/5-7-5-2.jpg',
                            thumb: 'img/5-7-5-2.jpg'
                        },
                    ],
                    luggage: 4,
                    people: 6,
                },
                {
                    name: '9座奔驰威霆',
                    src: 'img/8-17-1.jpg',
                    data: [
                        {
                            alt: '9座奔驰威霆外观',
                            src: 'img/8-17-1-1.jpg',
                            thumb: 'img/8-17-1-1.jpg'
                        },
                        {
                            alt: '9座奔驰威霆内饰',
                            src: 'img/8-17-1-2.jpg',
                            thumb: 'img/8-17-1-2.jpg',
                        },

                    ],
                    luggage: 5,
                    people: 8,
                },
                {
                    name: '15座丰田海狮',
                    src: 'img/8-17-6.jpg',
                    data: [
                        {
                            alt: '15座丰田海狮内饰',
                            src: 'img/8-17-6-1.jpg',
                            thumb: 'img/8-17-6-1.jpg'
                        },
                        {
                            alt: '15座丰田海狮外观',
                            src: 'img/8-17-6-2.jpg',
                            thumb: 'img/8-17-6-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 14,
                },
                {
                    name: '19座丰田考斯特',
                    src: 'img/18-29-2.jpg',
                    data: [
                        {
                            alt: '19座丰田考斯特外观',
                            src: 'img/18-29-2-1.jpg',
                            thumb: 'img/18-29-2-1.jpg'
                        },
                        {
                            alt: '19座丰田考斯特内饰',
                            src: 'img/18-29-2-2.jpg',
                            thumb: 'img/18-29-2-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 18,
                },
                {
                    name: '28座江铃中巴车',
                    src: 'img/18-29-8.jpg',
                    data: [
                        {
                            alt: '28座江铃中巴车外观',
                            src: 'img/18-29-8-1.jpg',
                            thumb: 'img/18-29-8-1.jpg'
                        },
                        {
                            alt: '28座江铃中巴车内饰',
                            src: 'img/18-29-8-2.jpg',
                            thumb: 'img/18-29-8-2.jpg',
                        },
                    ],
                    luggage: 8,
                    people: 27,
                },
                {
                    name: '39座宇通大巴车',
                    src: 'img/30-57-3.jpg',
                    data: [
                        {
                            alt: '39座宇通大巴车外观',
                            src: 'img/30-57-3-1.jpg',
                            thumb: 'img/30-57-3-1.jpg'
                        },
                        {
                            alt: '39座宇通大巴车内饰',
                            src: 'img/30-57-3-2.jpg',
                            thumb: 'img/30-57-3-2.jpg',
                        },
                    ],
                    luggage: 10,
                    people: 38,
                },
                {
                    name: '57座福田大巴车',
                    src: 'img/30-57-8.jpg',
                    data: [
                        {
                            alt: '57座福田大巴车外观',
                            src: 'img/30-57-8-1.jpg',
                            thumb: 'img/30-57-8-1.jpg'
                        },
                        {
                            alt: '57座福田大巴车内饰',
                            src: 'img/30-57-8-2.jpg',
                            thumb: 'img/30-57-8-2.jpg',
                        },
                    ],
                    luggage: 25,
                    people: 58,
                },
            ],
            // 5-7座商务车
            [
                {
                    name: '5座奥迪A6',
                    src: 'img/5-7-1.jpg',
                    data: [
                        {
                            alt: '5座奥迪A6内饰',
                            src: 'img/5-7-1-1.jpg',
                            thumb: 'img/5-7-1-1.jpg',
                        },
                        {
                            alt: '5座奥迪A6外观',
                            src: 'img/5-7-1-2.jpg',
                            thumb: 'img/5-7-1-2.jpg'
                        },
                        {
                            alt: '5座奥迪A6外观',
                            src: 'img/5-7-1-3.png',
                            thumb: 'img/5-7-1-3.png'
                        },

                    ],
                    luggage: 2,
                    people: 4,
                },
                {
                    name: '5座奔驰E级',
                    src: 'img/5-7-2.jpg',
                    data: [
                        {
                            alt: '5座奔驰E级外观',
                            src: 'img/5-7-2-1.jpg',
                            thumb: 'img/5-7-2-1.jpg',
                        },
                        {
                            alt: '5座奔驰E级内饰',
                            src: 'img/5-7-2-2.jpg',
                            thumb: 'img/5-7-2-2.jpg'
                        },
                    ],
                    luggage: 2,
                    people: 4,
                },
                {
                    name: '5座本田雅格',
                    src: 'img/5-7-3.jpg',
                    data: [
                        {
                            alt: '5座奔驰E级外观',
                            src: 'img/5-7-3-1.jpg',
                            thumb: 'img/5-7-3-1.jpg',
                        },
                        {
                            alt: '5座奔驰E级内饰',
                            src: 'img/5-7-3-2.jpg',
                            thumb: 'img/5-7-3-2.jpg'
                        },
                    ],
                    luggage: 2,
                    people: 4,
                },
                {
                    name: '5座日产尼桑',
                    src: 'img/5-7-4.jpg',
                    data: [
                        {
                            alt: '5座日产尼桑外观',
                            src: 'img/5-7-4-1.jpg',
                            thumb: 'img/5-7-4-1.jpg',
                        },
                        {
                            alt: '5座日产尼桑内饰',
                            src: 'img/5-7-4-2.jpg',
                            thumb: 'img/5-7-4-2.jpg'
                        },
                        {
                            alt: '5座日产尼桑内饰',
                            src: 'img/5-7-4-3.jpg',
                            thumb: 'img/5-7-4-3.jpg'
                        },
                    ],
                    luggage: 2,
                    people: 4,
                },
                {
                    name: '7座奔驰唯雅诺',
                    src: 'img/5-7-5.jpg',
                    data: [
                        {
                            alt: '7座奔驰唯雅诺外观',
                            src: 'img/5-7-5-1.jpg',
                            thumb: 'img/5-7-5-1.jpg',
                        },
                        {
                            alt: '7座奔驰唯雅诺内饰',
                            src: 'img/5-7-5-2.jpg',
                            thumb: 'img/5-7-5-2.jpg'
                        },
                    ],
                    luggage: 4,
                    people: 6,
                },
                {
                    name: '7座别克GL8老款',
                    src: 'img/5-7-7.jpg',
                    data: [
                        {
                            alt: '7座别克GL8老款外观',
                            src: 'img/5-7-7-1.jpg',
                            thumb: 'img/5-7-7-1.jpg',
                        },
                        {
                            alt: '7座别克GL8老款内饰',
                            src: 'img/5-7-7-2.jpg',
                            thumb: 'img/5-7-7-2.jpg'
                        },
                    ],
                    luggage: 4,
                    people: 6,
                },
                {
                    name: '7座别克GL8新款',
                    src: 'img/5-7-6.jpg',
                    data: [
                        {
                            alt: '7座别克GL8新款外观',
                            src: 'img/5-7-6-1.jpg',
                            thumb: 'img/5-7-6-2.jpg',
                        },
                        {
                            alt: '7座别克GL8新款内饰',
                            src: 'img/5-7-6-2.jpg',
                            thumb: 'img/5-7-6-2.jpg'
                        },
                    ],
                    luggage: 4,
                    people: 6,
                },
                {
                    name: '7座丰田埃尔法',
                    src: 'img/5-7-8.jpg',
                    data: [
                        {
                            alt: '7座丰田埃尔法外观',
                            src: 'img/5-7-8-1.jpg',
                            thumb: 'img/5-7-8-1.jpg',
                        },
                        {
                            alt: '7座丰田埃尔法内饰',
                            src: 'img/5-7-8-2.jpg',
                            thumb: 'img/5-7-8-2.jpg'
                        },
                    ],
                    luggage: 4,
                    people: 6,
                },

            ],
            // 8-17座商务车
            [
                {
                    name: '9座奔驰威霆',
                    src: 'img/8-17-1.jpg',
                    data: [
                        {
                            alt: '9座奔驰威霆外观',
                            src: 'img/8-17-1-1.jpg',
                            thumb: 'img/8-17-1-1.jpg'
                        },
                        {
                            alt: '9座奔驰威霆内饰',
                            src: 'img/8-17-1-2.jpg',
                            thumb: 'img/8-17-1-2.jpg',
                        },

                    ],
                    luggage: 5,
                    people: 8,
                },
                {
                    name: '9座江淮瑞风',
                    src: 'img/8-17-2.jpg',
                    data: [
                        {
                            alt: '9座江淮瑞风外观',
                            src: 'img/8-17-2-1.png',
                            thumb: 'img/8-17-2-1.png'
                        },
                        {
                            alt: '9座江淮瑞风内饰',
                            src: 'img/8-17-2-2.png',
                            thumb: 'img/8-17-2-2.png',
                        },
                        {
                            alt: '9座江淮瑞风外观',
                            src: 'img/8-17-2-3.jpg',
                            thumb: 'img/8-17-2-3.jpg'
                        },
                    ],
                    luggage: 5,
                    people: 8,
                },
                {
                    name: '14座奔驰凌特',
                    src: 'img/8-17-3.jpg',
                    data: [
                        {
                            alt: '14座奔驰凌特外观',
                            src: 'img/8-17-3-1.jpg',
                            thumb: 'img/8-17-3-1.jpg'
                        },
                        {
                            alt: '14座奔驰凌特内饰',
                            src: 'img/8-17-3-2.jpg',
                            thumb: 'img/8-17-3-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 13,
                },
                {
                    name: '14座九龙海狮',
                    src: 'img/8-17-4.jpg',
                    data: [
                        {
                            alt: '14座九龙海狮外观',
                            src: 'img/8-17-4-1.jpg',
                            thumb: 'img/8-17-4-1.jpg'
                        },
                        {
                            alt: '14座九龙海狮内饰',
                            src: 'img/8-17-4-2.jpg',
                            thumb: 'img/8-17-4-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 13,
                },
                {
                    name: '15座奔驰MB100',
                    src: 'img/8-17-5.jpg',
                    data: [
                        {
                            alt: '15座奔驰MB100外观',
                            src: 'img/8-17-5-1.jpg',
                            thumb: 'img/8-17-5-1.jpg'
                        },
                        {
                            alt: '15座奔驰MB100内饰',
                            src: 'img/8-17-5-2.jpg',
                            thumb: 'img/8-17-5-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 14,
                },
                {
                    name: '15座丰田海狮',
                    src: 'img/8-17-6.jpg',
                    data: [
                        {
                            alt: '15座丰田海狮内饰',
                            src: 'img/8-17-6-1.jpg',
                            thumb: 'img/8-17-6-1.jpg'
                        },
                        {
                            alt: '15座丰田海狮外观',
                            src: 'img/8-17-6-2.jpg',
                            thumb: 'img/8-17-6-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 14,
                },
                {
                    name: '15座福田海狮',
                    src: 'img/8-17-7.jpg',
                    data: [
                        {
                            alt: '15座福田海狮外观',
                            src: 'img/8-17-7-1.jpg',
                            thumb: 'img/8-17-7-1.jpg'
                        },
                        {
                            alt: '15座福田海狮内饰',
                            src: 'img/8-17-7-2.jpg',
                            thumb: 'img/8-17-7-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 14,
                },
                {
                    name: '17座福特全顺',
                    src: 'img/8-17-8.jpg',
                    data: [
                        {
                            alt: '17座福特全顺外观',
                            src: 'img/8-17-8-1.jpg',
                            thumb: 'img/8-17-8-1.jpg'
                        },
                        {
                            alt: '17座福特全顺内饰',
                            src: 'img/8-17-8-2.jpg',
                            thumb: 'img/8-17-8-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 16,
                },
            ],
            // 18-29座中巴车
            [
                {
                    name: '19座丰田考斯特',
                    src: 'img/18-29-1.jpg',
                    data: [
                        {
                            alt: '19座丰田考斯特外观',
                            src: 'img/18-29-1-1.jpg',
                            thumb: 'img/18-29-1-1.jpg'
                        },
                        {
                            alt: '19座丰田考斯特内饰',
                            src: 'img/18-29-1-2.jpg',
                            thumb: 'img/18-29-1-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 18,
                },
                {
                    name: '19座丰田考斯特',
                    src: 'img/18-29-2.jpg',
                    data: [
                        {
                            alt: '19座丰田考斯特外观',
                            src: 'img/18-29-2-1.jpg',
                            thumb: 'img/18-29-2-1.jpg'
                        },
                        {
                            alt: '19座丰田考斯特内饰',
                            src: 'img/18-29-2-2.jpg',
                            thumb: 'img/18-29-2-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 18,
                },
                {
                    name: '19座江铃中巴车',
                    src: 'img/18-29-3.jpg',
                    data: [
                        {
                            alt: '19座江铃中巴车外观',
                            src: 'img/18-29-3-1.jpg',
                            thumb: 'img/18-29-3-1.jpg'
                        },
                        {
                            alt: '19座江铃中巴车内饰',
                            src: 'img/18-29-3-2.jpg',
                            thumb: 'img/18-29-3-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 18,
                },
                {
                    name: '19座金龙中巴车',
                    src: 'img/18-29-4.jpg',
                    data: [
                        {
                            alt: '19座金龙中巴车外观',
                            src: 'img/18-29-4-1.jpg',
                            thumb: 'img/18-29-4-1.jpg'
                        },
                        {
                            alt: '19座金龙中巴车内饰',
                            src: 'img/18-29-4-2.jpg',
                            thumb: 'img/18-29-4-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 18,
                },
                {
                    name: '21座安凯仿考斯特',
                    src: 'img/18-29-5.jpg',
                    data: [
                        {
                            alt: '21座安凯仿考斯特外观',
                            src: 'img/18-29-5-1.jpg',
                            thumb: 'img/18-29-5-1.jpg'
                        },
                        {
                            alt: '21座安凯仿考斯特内饰',
                            src: 'img/18-29-5-2.jpg',
                            thumb: 'img/18-29-5-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 20,
                },
                {
                    name: '22座金龙中巴车',
                    src: 'img/18-29-6.jpg',
                    data: [
                        {
                            alt: '22座金龙中巴车外观',
                            src: 'img/18-29-6-1.jpg',
                            thumb: 'img/18-29-6-1.jpg'
                        },
                        {
                            alt: '22座金龙中巴车内饰',
                            src: 'img/18-29-6-2.jpg',
                            thumb: 'img/18-29-6-2.jpg',
                        },
                    ],
                    luggage: 6,
                    people: 21,
                },
                {
                    name: '27座宇通中巴车',
                    src: 'img/18-29-7.jpg',
                    data: [
                        {
                            alt: '27座宇通中巴车外观',
                            src: 'img/18-29-7-1.jpg',
                            thumb: 'img/18-29-7-1.jpg'
                        },
                        {
                            alt: '27座宇通中巴车内饰',
                            src: 'img/18-29-7-2.jpg',
                            thumb: 'img/18-29-7-2.jpg',
                        },
                    ],
                    luggage: 8,
                    people: 26,
                },
                {
                    name: '28座江铃中巴车',
                    src: 'img/18-29-8.jpg',
                    data: [
                        {
                            alt: '28座江铃中巴车外观',
                            src: 'img/18-29-8-1.jpg',
                            thumb: 'img/18-29-8-1.jpg'
                        },
                        {
                            alt: '28座江铃中巴车内饰',
                            src: 'img/18-29-8-2.jpg',
                            thumb: 'img/18-29-8-2.jpg',
                        },
                    ],
                    luggage: 8,
                    people: 27,
                },
            ],
            // 30-57座大巴车
            [
                {
                    name: '37座金龙大巴车',
                    src: 'img/30-57-1.jpg',
                    data: [
                        {
                            alt: '37座金龙大巴车外观',
                            src: 'img/30-57-1-1.jpg',
                            thumb: 'img/30-57-1-1.jpg'
                        },
                        {
                            alt: '37座金龙大巴车内饰',
                            src: 'img/30-57-1-2.jpg',
                            thumb: 'img/30-57-1-2.jpg',
                        },
                    ],
                    luggage: 10,
                    people: 36,
                },
                {
                    name: '39座宇通大巴车',
                    src: 'img/30-57-2.jpg',
                    data: [
                        {
                            alt: '39座宇通大巴车外观',
                            src: 'img/30-57-2-1.jpg',
                            thumb: 'img/30-57-2-1.jpg'
                        },
                        {
                            alt: '39座宇通大巴车内饰',
                            src: 'img/30-57-2-2.jpg',
                            thumb: 'img/30-57-2-2.jpg',
                        },
                    ],
                    luggage: 10,
                    people: 38,
                },
                {
                    name: '39座宇通大巴车',
                    src: 'img/30-57-3.jpg',
                    data: [
                        {
                            alt: '39座宇通大巴车外观',
                            src: 'img/30-57-3-1.jpg',
                            thumb: 'img/30-57-3-1.jpg'
                        },
                        {
                            alt: '39座宇通大巴车内饰',
                            src: 'img/30-57-3-2.jpg',
                            thumb: 'img/30-57-3-2.jpg',
                        },
                    ],
                    luggage: 10,
                    people: 38,
                },
                {
                    name: '48座开沃大巴车',
                    src: 'img/30-57-4.jpg',
                    data: [
                        {
                            alt: '48座开沃大巴车外观',
                            src: 'img/30-57-4-1.png',
                            thumb: 'img/30-57-4-1.png'
                        },
                        {
                            alt: '48座开沃大巴车外观',
                            src: 'img/30-57-4-2.jpg',
                            thumb: 'img/30-57-4-2.jpg'
                        },
                        {
                            alt: '48座开沃大巴车内饰',
                            src: 'img/30-57-4-2.jpg',
                            thumb: 'img/30-57-4-2.jpg',
                        },
                    ],
                    luggage: 20,
                    people: 47,
                },
                {
                    name: '49座宇通大巴车',
                    src: 'img/30-57-5.jpg',
                    data: [
                        {
                            alt: '49座宇通大巴车外观',
                            src: 'img/30-57-5-1.jpg',
                            thumb: 'img/30-57-5-1.jpg'
                        },
                        {
                            alt: '49座宇通大巴车内饰',
                            src: 'img/30-57-5-2.jpg',
                            thumb: 'img/30-57-5-2.jpg',
                        },
                    ],
                    luggage: 20,
                    people: 48,
                },
                {
                    name: '51座福田大巴车',
                    src: 'img/30-57-6.jpg',
                    data: [
                        {
                            alt: '51座福田大巴车外观',
                            src: 'img/30-57-6-1.jpg',
                            thumb: 'img/30-57-6-1.jpg'
                        },
                        {
                            alt: '51座福田大巴车内饰',
                            src: 'img/30-57-6-2.jpg',
                            thumb: 'img/30-57-6-2.jpg',
                        },
                    ],
                    luggage: 20,
                    people: 50,
                },
                {
                    name: '55座安凯大巴车',
                    src: 'img/30-57-7.jpg',
                    data: [
                        {
                            alt: '55座安凯大巴车外观',
                            src: 'img/30-57-7-1.jpg',
                            thumb: 'img/30-57-7-1.jpg'
                        },
                        {
                            alt: '55座安凯大巴车内饰',
                            src: 'img/30-57-7-2.jpg',
                            thumb: 'img/30-57-7-2.jpg',
                        },
                    ],
                    luggage: 20,
                    people: 54,
                },
                {
                    name: '57座福田大巴车',
                    src: 'img/30-57-8.jpg',
                    data: [
                        {
                            alt: '57座福田大巴车外观',
                            src: 'img/30-57-8-1.jpg',
                            thumb: 'img/30-57-8-1.jpg'
                        },
                        {
                            alt: '57座福田大巴车内饰',
                            src: 'img/30-57-8-2.jpg',
                            thumb: 'img/30-57-8-2.jpg',
                        },
                    ],
                    luggage: 25,
                    people: 58,
                },
            ],
        ]

        //车型展示图片放大
        function carShowPic(data) {
            layui.use('layer', function () {
                var layer = layui.layer;
                layer.photos({
                    photos: {
                        title: '车型预览',
                        start: 0,
                        data: data
                    },
                    anim: 5
                });
            });
        }

        // 获取车型展示
        function showCarList(i = 0) {
            var carDataIndex = carData[i];
            var htmlStr = '';

            for (var i = 0; i < carDataIndex.length; i++) {
                htmlStr += `
                    <li data-scroll-reveal="enter from the left over 1s">
                        <div class="img-box" onclick=carShowPic(${JSON.stringify(carDataIndex[i].data)})>
                            <img class="car-img" src="${carDataIndex[i].src}">
                            <div class="look-img"></div>
                        </div>
                        <div class="car-type">${carDataIndex[i].name}</div>
                        <div class="car-info">行李：${carDataIndex[i].luggage}件&#x3000;&#x3000;乘客：${carDataIndex[i].people}人
                        </div>
                    </li>
                `
            };

            $('.car-list').html(htmlStr);
            scrollReveal.init();
        }

        showCarList()



        // 切换导航
        $('.header-nav li').click(function () {
            $(this).addClass('nav-active').siblings().removeClass('nav-active');

        })

        $(window).scroll(function () {
            var scroll_top = $(document).scrollTop()
            if (scroll_top > 400) {
                $('header').css('boxShadow', '0px 1px 8px 0px #ddd');
            } else {
                $('header').css('boxShadow', 'unset');
            }

            for (var i = 0; i < scrollArr.length; i++) {
                if (scroll_top >= (scrollArr[i] - 68) && scroll_top <= scrollArr[i + 1]) {
                    setNavClass(i);
                }
            }
        })


        // 获取调度员信息
        function getYardmanInfo(city) {
            var data = {}
            if (city && city.id) {
                data.cityid = city.id
            }
            $.get('http://madmin.busbaoche.com/ab/Ttapi/get_sales', data, function (res) {
                if (res.data && res.code == 200) {
                    var yardman_list = res.data;
                    var name = yardman_list.name;
                    var phone = yardman_list.phone;
                    var user_pic = yardman_list.user_pic;
                    var wxcode = yardman_list.wxcode;
                    var wxpath = yardman_list.wxpath;
                    console.log(wxcode)
                    var htmlStr = `
                    <div class='list-top' style="margin-top:12px;">
                        <div><img src='${user_pic}'></div>
                        <div>
                            <div>${name}</div>
                            <div>${phone}</div>
                        </div>
                    </div>
                    <div style="display:flex;justify-content: center"><img src='${wxpath}' class="wx_img" style="width:128px;height:128px;"></div>
                    <div class="list-bottom" style="justify-content: center;margin-top:12px;">
                        <img src='img/wechat.png'>
                        <span>${wxcode}</span>
                    </div>`


                    $('.yardman-list').html(htmlStr)
                }
            })
        }
        //获取指定地址栏参数
        function getUrlKey(name) {
            return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[
                1].replace(/\+/g, '%20')) || null
        }
        $(function () {
            let cityid = getUrlKey("cityid");
            //console.log(cityid);
            let data = {};
            data.cityid = cityid;
            if(cityid){
                //{id: 78, pid: 38, name: "秦皇岛市"}
                $.ajax({
                    url: "http://madmin.busbaoche.com/ab/Ttapi/get_city",
                    async: false,
                    data:data,
                    success: function (res) {
                        //console.log(res);
                        if (res.data) {
                            let city = {};
                            city.id = res.data.id;
                            city.name = res.data.name;
                            city.pid = res.data.pid;
                            Storage.set('selected_city', city);
                            var city_name = city.name
                            $('.address').html(city_name);
                            $('.select-city').val(city_name);
                            $('.choose_input input').val(city_name);
                            $('#footer-city input').val(city_name)
                            $('.now-city').html('当前城市：' + city_name)
                            getYardmanInfo(city);
                            // console.log(res.data);
                            // cityData = res.data;
                        } else {
                            alert('城市获取失败，请尝试刷新网页');
                        }
                    }
                });
            }else{
                const selected_city = Storage.get('selected_city')
                //console.log(selected_city);
                if (selected_city && selected_city.name) {
                    var city_name = selected_city.name
                    $('.address').html(city_name);
                    $('.select-city').val(city_name);
                    $('.choose_input input').val(city_name);
                    $('#footer-city input').val(city_name)
                    $('.now-city').html('当前城市：' + city_name)
                    getYardmanInfo(selected_city)
                } else {
                    //console.log(111);
                    $('.choose-city').css('display', 'block');
                }
            }


        })


        var carTypeIndex;
        // 切换车型
        function carShowSeat(e) {
            $(e).addClass('car-type-active').siblings().removeClass('car-type-active')
            $('.car-type-list img').each(function (index, ele) {
                $(ele).removeClass('img-active')
            })
            $(e).find('img').addClass('img-active')
            carTypeIndex = $(e).index()
            showCarList(carTypeIndex)
        }

        // 轮播
        new Swiper('.swiper-container', {
            watchSlidesProgress: true,
            slidesPerView: 'auto',
            centeredSlides: true,
            loop: true,
            loopedSlides: 5,
            autoplay: false,
            navigation: {
                nextEl: '.swiper-next',
                prevEl: '.swiper-prev',
            },
            on: {
                progress: function (progress) {
                    for (i = 0; i < this.slides.length; i++) {
                        var slide = this.slides.eq(i);
                        var slideProgress = this.slides[i].progress;
                        modify = 1;
                        if (Math.abs(slideProgress) > 1) {
                            modify = (Math.abs(slideProgress) - 1) * 0.20 + 1;
                        }
                        translate = slideProgress * modify * 144 + 'px';
                        scale = 1 - Math.abs(slideProgress) / 5;
                        zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                        slide.transform('translateX(' + translate + ')');
                        slide.css('zIndex', zIndex);
                        slide.css('opacity', 1);
                        if (Math.abs(slideProgress) > 3) {
                            slide.css('opacity', 0);
                        }
                    }
                },
                setTransition: function (transition) {
                    for (var i = 0; i < this.slides.length; i++) {
                        var slide = this.slides.eq(i)
                        slide.transition(transition);
                    }
                }
            }

        })

        // 返回顶部
        $('.to_top').click(function () {
            $('body,html').animate({ scrollTop: 0 }, 400)
            // return false
        })

        // 滚动一定距离时显示返回顶部
        function getToTop() {
            var top = $(document).scrollTop()
            if ($(document).scrollTop() > 1800) {
                $('.to_top').show()
            } else {
                $('.to_top').hide()
            }
            setTimeout(getToTop)
        }

        getToTop()




        $('#consult-choose-cicy,#header-choose-city,.change-city,#footer-city').click(function () {
            $('.choose-city').show()
        })

        //   城市切换
        var city;
        const cityPickerNav = new IIInsomniaCityPicker({
            data: cityData,
            target: '.choose_input',
            valType: 'k-v',
            callback: function (res) {
                if (res && res.id && res.name) {
                    city = res
                    console.log(city);
                    var city_name = city.name
                    $('.choose_input input').val(city_name)
                } else {
                    // Storage.remove('selected_city')
                }
            }
        });

        cityPickerNav.init();

        $('.ok-btn').click(function () {
            if (city) {
                var city_name = city.name
                $('.address').html(city_name)
                $('.select-city').val(city_name)
                $('.now-city').html('当前城市：' + city_name)
                $('#footer-city input').val(city_name)
                Storage.set('selected_city', city);
                getYardmanInfo(city);
                $('.choose-city').hide(200)
            } else {
                $('.choose-city').hide(200)
            }

        })


        // 提交咨询
        $('.submit-button').click(function () {
            var regex = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
            var phone = $('.consult-box .phone-input').val()
            phone = Number(phone)
            var site = $('.people-num').val();
            var start_city = $(".select-city").val()
            var city_id = Storage.get('selected_city').id;
            if (!regex.test(phone)) {
                $('.error-text').text('手机号格式错误')
                return
            } else {
                $('.error-text').text('')
            }
			var bd_vid = getUrlKey('bd_vid')
            var data = {
                phone,
                site: 9,
                start_city,
                city_id,
                type: 1,
                site_type: 1,
				is_ocpc: bd_vid ? 1: 0
            }

            $.post("http://travel.xiangbaoche.cn/api.php/api/Gbook/index", data, function (res) {
                res = JSON.parse(res);
                console.log(res);
                if (res.resCode == 1) {
                    $('.tip-box').show(200);
                    setTimeout(function () {
                        $('.tip-box').hide(200)
                    }, 1500)
					if(bd_vid) {
						var ocpc_url = "http://busbaoche.com";
						var ocpcData = { 
							ocpc_url: ocpc_url,
							bd_vid: bd_vid,
							convertType: 3 
						}
						$.post('http://copyapixbc.xiangbaoche.cn/api.php/main/Ocpc/submit9', ocpcData)
					}
                } else {
                    $('.tip-box .tip-msg').html('<div class="msg-text">咨询失败，请稍后再试~</div>')
                    $('.tip-box').show(200)
                    setTimeout(function () {
                        $('.tip-box').hide(200)
                    }, 1500)
                }
            })
        })

        $('.find-box').hide();

        $('.find-box').click(function () {
            $(this).hide(100)
            $('.city-yardman').show(100)
        })

        $('.close-btn').click(function () {
            $('.city-yardman').hide(100)
            $('.find-box').show(100)
        })


        $('.consult-btn').click(function () {
            var regex = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
            var phone = $('.foot-phone').val()
            phone = Number(phone)
            var site = $('.foot-site').val();
            var start_city = $(".footer-city input").val()
            var city_id = Storage.get('selected_city').id;
            if (!regex.test(phone)) {
                $('.foot-error-text').text('手机号格式错误')
                return
            } else {
                $('.foot-error-text').text('')
            }
			var bd_vid = getUrlKey('bd_vid')
            var data = {
                phone,
                site:9,
                start_city,
                city_id,
                type: 1,
                site_type: 1,
				is_ocpc: bd_vid ? 1: 0
            }

            $.post("http://travel.xiangbaoche.cn/api.php/api/Gbook/index", data, function (res) {
                res = JSON.parse(res);
                console.log(res);
                if (res.resCode == 1) {
                    $('.tip-box').show(200)
                    setTimeout(function () {
                        $('.tip-box').hide(200)
                    }, 1500)
					if(bd_vid) {
						var ocpc_url = "http://busbaoche.com";
						var ocpcData = { 
							ocpc_url: ocpc_url,
							bd_vid: bd_vid,
							convertType: 3 
						}
						$.post('http://copyapixbc.xiangbaoche.cn/api.php/main/Ocpc/submit9', ocpcData)
					}
					
                } else {
                    $('.tip-box .tip-msg').html('<div class="msg-text">咨询失败，请稍后再试~</div>')
                    $('.tip-box').show(200)
                    setTimeout(function () {
                        $('.tip-box').hide(200)
                    }, 1500)
                }
            })


        })

        //根据域名判断
        let company_name = '厦门特旅旅游客运有限公司';
        let address_name = '地址：福建省厦门市集美区厦门北站商务运营中心603号楼5F';
        let phone_name = '400-666-9580';
        let host = window.location.host;
        console.log(host);
        if(host=='360.xnjyb.cn'){
            company_name = '芒康县盛达客运有限责任公司';
            address_name = '地址：西藏昌都市芒康县嘎托镇尼扎街';
            phone_name = '0895-8798167';

            $('#copyright').html('');
        }else if(host=='tbs.wuhanyidu.com'){
            company_name = '武汉易都科技有限公司';
            address_name = '地址：洪山区珞南街武珞路717号1栋第6层632室';
            phone_name = '13394069472';
            $('#copyright').html('鄂ICP备2021003522号');
        } else if(host == 'topbaoche.cn') {
			company_name = '厦门创狐网络科技有限公司';
			address_name = '地址：福建省厦门市集美软件园三期B19栋22层A室';
			phone_name = '400-666-9580';
			$('#copyright').html('闽ICP备16028322号-11');
		}
        $('#company_name').html(company_name);
        $('#company_name2').html(company_name);
        $('#address_name').html(address_name);
        $('#phone_name').html(phone_name);
    </script>




</body>

</html>