Browse Source

地图加底部

hyx 2 years ago
parent
commit
addd4ba64c
1 changed files with 654 additions and 647 deletions
  1. 654 647
      nngkxxdp/src/main/resources/static/district/sy.html

+ 654 - 647
nngkxxdp/src/main/resources/static/district/sy.html

@@ -1,650 +1,657 @@
 <!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="./layui/css/layui.css">
-		<link rel="stylesheet" href="./css/district.css">
-		<link rel="stylesheet" href="./css/sy.css">
-		<title>重庆市南岸区政务公开惠民便民地图</title>
-	</head>
-	<body>
-		<div class="head">
-			<!-- 头部蓝色部分的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="http://www.cqna.gov.cn/vr/vr.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/fhsjc.png">
-								<p class="flex_text">核酸检测</p>
-							</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_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>
-								</ul>
-							</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 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>
-									<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 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>
-								</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 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/fshbz.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>
-									<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 lineTwo" 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 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>
-								</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_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>
-									<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 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/fcjr.png">
-								<p class="flex_text">助残服务</p>
-							</div>
-							<div class="flex_pop_five 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>
-								</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_six 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>
-								</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"></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 type="text/javascript" src="constans_map.js"></script>
-		<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></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/javascript" charset="utf-8"></script>
-	</body>
+<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="./layui/css/layui.css">
+    <link rel="stylesheet" href="./css/district.css">
+    <link rel="stylesheet" href="./css/sy.css">
+    <title>重庆市南岸区政务公开惠民便民地图</title>
+</head>
+<body>
+<div class="head">
+    <!-- 头部蓝色部分的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="http://www.cqna.gov.cn/vr/vr.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/fhsjc.png">
+                        <p class="flex_text">核酸检测</p>
+                    </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_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>
+                        </ul>
+                    </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 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>
+                            <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 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>
+                        </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 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/fshbz.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>
+                            <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 lineTwo" 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 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>
+                        </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_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>
+                            <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 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/fcjr.png">
+                        <p class="flex_text">助残服务</p>
+                    </div>
+                    <div class="flex_pop_five 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>
+                        </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_six 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>
+                        </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"></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>
+<!-- 底部 -->
+<div style="width: 100%;height: 93px; position: relative;overflow: hidden;">
+    <iframe style="    position: absolute;bottom: 0;z-index: -5;"
+            src="https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/foot.html" width="100%" scrolling="no"
+            height="186px" frameborder="0"></iframe>
+</div>
+<script type="text/javascript" src="constans_map.js"></script>
+<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></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/javascript" charset="utf-8"></script>
+</body>
 </html>