CQ_JD
/
nazw


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=1.0, maximum-scale=1.0">
    <link href="img/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="./css/foot.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/district.css">
    <link rel="stylesheet" href="./css/sy.css">
    <title>重庆市南岸区政务公开惠民便民地图</title>
</head>
<style>
    ul{
        padding: 0;
        margin: 0;
    }
    .BMap_bubble_content{
        height: 100% !important;
        overflow-y: scroll !important;
        overflow-x: hidden;
    }

    /* 定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸 */
    .BMap_bubble_content::-webkit-scrollbar {
        width: 10px; /* 对垂直滚动条有效 */
    }

    /* 定义滚动条的轨道颜色、内阴影及圆角 */
    .BMap_bubble_content::-webkit-scrollbar-track {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
        background-color: #fff;
    }

    /* 定义滑块颜色、内阴影及圆角 */
    .BMap_bubble_content::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: rgba(0, 0, 0, .1);
    }


    /* 光标移到滚动滑块上样式颜色变深 */
    .BMap_bubble_content::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, .2);
    }

    /* 定义两端按钮的样式 */
    .BMap_bubble_content::-webkit-scrollbar-button {
        display: none;
    }

    /* 定义右下角汇合处的样式 */
    .BMap_bubble_content::-webkit-scrollbar-corner {
        background: khaki;
    }

    .ewm {
            width: 955px;
        }

        .ewm p:nth-of-type(1) {
            font-size: 35px;
            font-weight: 600;
            text-align: center;
            color: #000000;
            text-align: center;
        }

        .ewm .img-box {
            display: flex;
            justify-content: space-around;

        }

        .ewm p:nth-of-type(2) {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            text-align: center;
        }

        .ewm>.ljty {
            text-align: center;
            width: 230px;
            height: 52px;
            margin: 20px auto;
            cursor: pointer;
        }

        .layui-layer-btn a {
            width: 230px;
            height: 53px !important;
            font-size: 28px;
            line-height: 53px !important;
        }

        .open-bt .new {
            display: inline-block;
            width: 34px;
            height: 20px;
            background: #E02D31;
            box-shadow: 0px 3px 5px 0px rgba(191, 38, 42, 0.26);
            border-radius: 10px 10px 10px 0px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            transform: translateY(-27px);
        }

        .smewm {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -87.5px;
            margin-top: -87.5px;
        }
</style>
<body>
<div class="head layui-hide" style="display:none;">
    <!-- 头部蓝色部分的logo和文字 -->

    <div class="left-logo">
        <a href="https://www.cqna.gov.cn/" target="_blank">
            <img class="logo-img" src="img/map-logo.png">
        </a>
    </div>
    <!-- 头部的搜索框 -->
    <div class="right-search">
        <div class="layui-tab">
            <ul class="layui-tab-title search-change">
                <li class="layui-this">搜索</li>
                <li>公交</li>
                <li>自驾</li>
            </ul>
            <div class="layui-tab-content content-input">
                <div class="layui-tab-item layui-show">
                    <div class="input-icon">
                        <input type="text" name="" id="" value="" class="inp"/>
                        <img src="img/ss2.png" class="inp-icon1">
                    </div>
                </div>
                <!--  点击公交出现的内容  -->
                <div class="layui-tab-item">
                    <div class="input-icon">
                        <input type="text" id="gj-one" value=""/>
                        <div id="change-word"></div>
                        <input type="text" name="" id="gj-two" value=""/>
                        <img src="img/ss2.png" class="inp-icon2" id="inp-icon2">
                    </div>
                </div>
                <!--  点击自驾出现的内容  -->
                <div class="layui-tab-item">
                    <div class="input-icon">
                        <input type="text" name="" id="zj-one" value=""/>
                        <div id="word-change"></div>
                        <input type="text" name="" id="zj-two" value=""/>
                        <img src="img/ss2.png" class="inp-icon3" id="inp-icon3">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="erw">
        <a href="javascript:;" onclick="aria.start()" style="
        width: 207px;
        text-align: center;
        font-size: 21px;
        height: 140px;
        line-height: 140px;
        color: #fff;">网站无障碍</a>
        <a href="https://www.cqna.gov.cn/syygapi/naxsb/qjt.html" target="_blank">
            <img src="./img/second-erw-3.png" alt="" class="first_erw">
        </a>
        <img src="./img/first-ewm-2.png" alt="" class="first_erw">
        <img src="./img/second-erm.png" alt="" class="second_erw">
        <a href="https://www.cqna.gov.cn/" class="back_sy">返回网站首页</a>
    </div>
</div>
<div class="main">
    <div class="left-map">
        <div class="show-first">
            <div class="wrap_fwdt">
                <div class="box_fwdt">
                    <img src="img/fwdt.png" class="fwdt_img">
                    <p class="fwdt_text">服务导图</p>
                </div>
                <div class="fwdt_line"></div>
            </div>
            <ul class="flex_box">
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fgk.png">
                        <p class="flex_text">政务公开</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fzwfw.png">
                        <p class="flex_text">政务服务</p>
                    </div>
                    <div class="flex_pop pop lineTwo" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="区级行政服务中心">区级政务服务中心</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="镇（街道）公共服务中心">镇（街道）便民服务中心</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="村（社区）便民服务中心">村（社区）便民服务站</a>
                            </li>
                            <!-- <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="市场监督管理所">市场监督管理所</a>
                            </li> -->
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="生源地助学贷款办理点">生源地助学贷款办理点</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fdqfwzx.png">
                        <p class="flex_text">党群服务</p>
                    </div>
                    <div class="flex_pop pop lineThree" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="党群服务中心">党群服务中心</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fjy.png">
                        <p class="flex_text">教育资源</p>
                    </div>
                    <div class="flex_pop pop lineFour" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="职业教育学校">职业教育学校</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="特殊教育学校">特殊教育学校</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="高等院校">高等院校</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="小学">小学</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="中学">中学</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="幼儿园">幼儿园</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="教育考试中心">教育考试中心</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!--                <li class="flex_li">-->
                <!--                    <div class="img_tab">-->
                <!--                        <img src="img/fhsjc.png">-->
                <!--                        <p class="flex_text">核酸检测</p>-->
                <!--                    </div>-->
                <!--                </li>-->

                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fyl.png">
                        <p class="flex_text">医疗卫生</p>
                    </div>
                    <div class="flex_pop_two pop lineOne" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="村卫生室">村卫生室</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="社区卫生服务站">社区卫生服务站</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="儿科诊疗服务机构">儿科诊疗服务机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="狂犬病、破伤风处置门诊">狂犬病、破伤风处置门诊</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="免疫规划预防接种门诊">免疫规划预防接种门诊</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="二级医疗机构">二级医疗机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="三级医疗机构">三级医疗机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="社区卫生服务机构">社区卫生服务机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="职业病诊断机构">职业病诊断机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="助产医疗机构">助产医疗机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="产科门诊服务机构">产科门诊服务机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="医疗保障事务中心">医疗保障事务中心</a>
                            </li>
                            <!--                            <li>-->
                            <!--                                <img src="img/flex.png">-->
                            <!--                                <a class="mapnav" title="核酸采样点">核酸采样点</a>-->
                            <!--                            </li>-->
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fhjgl.png">
                        <p class="flex_text">户籍管理</p>
                    </div>
                    <div class="flex_pop_two pop lineTwo" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="派出所">派出所</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="出入境业务办理机构">出入境业务办理机构</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fjtfw.png">
                        <p class="flex_text">交通服务</p>
                    </div>
                    <div class="flex_pop_two pop lineThree" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="交通支大队">交通支大队</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="交通违法处理机构">交通违法处理机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="交通事故处理机构">交通事故处理机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="车管所">车管所</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="机动车检测场所">机动车检测场所</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="驾驶人体检医院">驾驶人体检医院</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="车驾管社会服务站">车驾管社会服务站</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fshbz.png">
                        <p class="flex_text">社会保障</p>
                    </div>
                    <div class="flex_pop_two pop lineFour" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="就业和人才中心">就业和人才中心</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="社会保险事务中心">社会保险事务中心</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fylfw.png">
                        <p class="flex_text">养老服务</p>
                    </div>
                    <div class="flex_pop_three pop lineOne" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="养老机构">养老机构</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fmzfw.png">
                        <p class="flex_text">民政服务</p>
                    </div>
                    <div class="flex_pop_three pop lineTwo" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="婚姻登记机构">婚姻登记机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="殡仪服务机构">殡仪服务机构</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fbsfwt.png">
                        <p class="flex_text">办税服务</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fscjd.png">
                        <p class="flex_text">市场监管</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fgzf.png">
                        <p class="flex_text">住房保障</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fbdcdj.png">
                        <p class="flex_text">不动产登记</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fgjj.png">
                        <p class="flex_text">住房公积金</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fwtly.png">
                        <p class="flex_text">文体旅游</p>
                    </div>
                    <div class="flex_pop_four pop lineFour" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="图书馆">图书馆</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="文化馆">文化馆</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="文管所">文管所</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="公共体育馆">公共体育馆</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="旅游景点">旅游景点</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="公园">公园</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fsffw.png">
                        <p class="flex_text">司法服务</p>
                    </div>
                    <div class="flex_pop_five pop lineOne" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="公证处">公证处</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="司法鉴定机构">司法鉴定机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="基层司法所">基层司法所</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="法律援助机构">法律援助机构</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="矫正中心">矫正中心</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fcjr.png">
                        <p class="flex_text">助残服务</p>
                    </div>
                    <div class="flex_pop_five pop lineTwo" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="残疾人服务中心">残疾人服务中心</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="定点残疾人服务机构">定点残疾人服务机构</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fcyy.png">
                        <p class="flex_text">产业园区</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fbmfw.png">
                        <p class="flex_text">商业服务</p>
                    </div>
                    <div class="flex_pop_five pop lineFour" style="display: none;">
                        <ul class="flex_wrap">
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="商圈">商圈</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="购物中心">购物中心</a>
                            </li>
                            <li>
                                <img src="img/flex.png">
                                <a class="mapnav" title="酒店">酒店</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/fgc.png">
                        <p class="flex_text">便民公厕</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/ftc.png">
                        <p class="flex_text">停车泊车</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/zysd.png">
                        <p class="flex_text">直饮水点</p>
                    </div>
                </li>
                <li class="flex_li">
                    <div class="img_tab">
                        <img src="img/ldzgw.png">
                        <p class="flex_text">劳动者港湾</p>
                    </div>
                </li>
                <li class="flex_li"></li>
            </ul>
            <div class="text-second"></div>
        </div>
        <!-- 受理场所和查阅场所 -->
        <div class="layui-tab layui-tab-brief show-fifth" lay-filter="docDemoTabBrief">
            <div class="title-second">
                <h6>政务公开</h6>
                <button type="button" class="backBtn">返回</button>
            </div>
            <ul class="layui-tab-title top-title">
                <li class="layui-this">
                    <img src="img/slcs1.png">
                    <img src="img/slcs2.png" class="hideIcon">
                    受理场所
                </li>
                <li>
                    <img src="img/sycs1.png" class="hideIcon">
                    <img src="img/sycs2.png">
                    查阅场所
                </li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="layui-tab">
                        <ul class="layui-tab-title second-title">
                            <li class="layui-this">区级部门</li>
                            <li>街镇</li>
                        </ul>
                        <div class="layui-tab-content hidePadding">
                            <div class="layui-tab-item layui-show hidePadding">
                                <div class="districtLevel"></div>
                                <div class="textThird"></div>
                            </div>
                            <div class="layui-tab-item hidePadding">
                                <div class="text-first">
                                    <p class="tab alltotal">全部</p>
                                    <p>南坪镇</p>
                                    <p>涂山镇</p>
                                    <p>鸡冠石镇</p>
                                    <p>峡口镇</p>
                                    <p>长生桥镇</p>
                                    <p>迎龙镇</p>
                                    <p>广阳镇</p>
                                    <p>南坪街道</p>
                                    <p>花园路街道</p>
                                    <p>海棠溪街道</p>
                                    <p>铜元局街道</p>
                                    <p>龙门浩街道</p>
                                    <p>弹子石街道</p>
                                    <p>南山街道</p>
                                    <p>天文街道</p>
                                </div>
                                <div class="text-second" id="text-second"></div>
                                <div class="text-third"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-tab">
                        <ul class="layui-tab-title second-title2">
                            <li class="layui-this">区级部门</li>
                            <li>街镇</li>
                        </ul>
                        <div class="layui-tab-content hidePadding">
                            <div class="layui-tab-item hidePadding layui-show">
                                <div class=" districtLevel2"></div>
                                <div class="textThird2"></div>
                            </div>
                            <div class="layui-tab-item">
                                <div class=" districtLevel2"></div>
                                <div class="textThird2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 点击公交搜索出现的路径选择 -->
        <div class="show-second">
            <div class="title-second">
                <h6>搜索</h6>
                <button type="button" class="backBtn">返回</button>
            </div>
            <div class="content-second">
                <div id="start"></div>
                <img src="img/right-grey.png">
                <div id="end"></div>
            </div>
            <div class="layui-tab content-third">
                <ul class="layui-tab-title content-title">
                    <li class="layui-this">时间最短</li>
                    <li>少换乘</li>
                    <li>少步行</li>
                    <li>不乘地铁</li>
                </ul>
                <div class="layui-tab-content" id="result"></div>
            </div>
            <div class="zjboxpanel">
                <h5 id="startbus">请选择起点</h5>
                <ul id="busstartPanel"></ul>
                <h5 id="endBus">请选择终点</h5>
                <ul id="busendPanel"></ul>
            </div>
        </div>
        <!-- 点击自驾搜索出现的路径选择 -->
        <div class="show-third">
            <div class="title-second">
                <h6>搜索</h6>
                <button type="button" class="backBtn">返回</button>
            </div>
            <div class="content-second">
                <div id="start2"></div>
                <img src="img/right-grey.png">
                <div id="end2"></div>
            </div>
            <div class="layui-tab content-third">
                <ul class="layui-tab-title main-third" id="zjxz">
                    <li class="layui-this">推荐路线</li>
                    <li>最短路程</li>
                    <li>不走高速</li>
                </ul>
                <div class="layui-tab-content" id="result1"></div>
            </div>
            <div class="boxpanel">
                <h5 id="startDrving">请选择起点</h5>
                <ul id="startPanel"></ul>
                <h5 id="endDrving">请选择终点</h5>
                <ul id="endPanel"></ul>
            </div>
        </div>
        <!-- 点击搜索出现的页面 -->
        <div class="show-fourth">
            <div class="title-second">
                <h6>搜索</h6>
                <button type="button" class="backBtn">返回</button>
            </div>
            <div class="search-result" id="search-result">
                <!-- <div class="textSecond"></div>
                <div class="textFourth"></div> -->
            </div>
        </div>
    </div>
    <div class="right-map" id="right-map"></div>
    <a href="http://www.cqna.gov.cn/ghwd/znwd/index.html" target="_blank" class="right-button"><img src="./img/gdwt.png"
                                                                                                    alt=""></a>
</div>
<script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7" charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
<script type="text/javascript" src="constans_map.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=V3e4UjE6ydU2lKSEuHaxAYrqszcW3DyG"></script>
<script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js"></script>
<script type="text/javascript" src="./layui/layui.js"></script>
<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/sy.js" type="text/babel" charset="utf-8"></script>
<script src="./js/sy-mark.js" type="text/javascript"></script>
<script src="./js/browser.min.js"></script>
<script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
<script type="text/javascript">
   $('.first_erw').click(() => {
            var index = layer.open({
                type: 1,
                title: "",
                offset: '100px',
                btn: ['立即体验'],
                btnAlign: 'c',
                btn1: function (index) {
                    layer.close(index);//关闭弹框
                    layer.open({
                        type: 1,
                        title: "",
                        offset: '100px',
                        content: `<div class="ewm" style="text-align:center">
            <p class="open-bt">南岸区便民地图上新啦<span class="new">new</span></p>
            <img src="./img/ewm.png" style="width:560px;height:620px;margin-top: 25px;"/><img src="./img/smewm.png" class="smewm"/></div>`
                    });
                },
                content: `<div class="ewm">
    <p class="open-bt" style="margin-bottom:20px">南岸区便民地图上新啦<span class="new">new</span></p>
    <div class="img-box">
        <img class="img-item" src="./img/img-left.png" />
        <img class="img-item" src="./img/img-right.png" />
    </div>
    <p>南岸区便民地图15分钟生活圈功能上线啦，您可以在手机上查看附近1公里范围内全部的公共场所信息，欢迎体验使用。
</p>
   </div>`
            })
        }
        )
    // <div class="ljty"><img src="./img/ljty.png" alt=""></div>
</script>
</body>
</html>