sy.html 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit"/>
  6. <meta name="force-rendering" content="webkit"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
  8. <meta name="renderer" content="webkit">
  9. <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=1.0, maximum-scale=1.0">
  10. <link href="img/favicon.ico" rel="shortcut icon">
  11. <link rel="stylesheet" href="./css/foot.css">
  12. <link rel="stylesheet" href="./layui/css/layui.css">
  13. <link rel="stylesheet" href="./css/district.css">
  14. <link rel="stylesheet" href="./css/sy.css">
  15. <title>重庆市南岸区政务公开惠民便民地图</title>
  16. </head>
  17. <body>
  18. <div class="head">
  19. <!-- 头部蓝色部分的logo和文字 -->
  20. <div class="left-logo">
  21. <a href="https://www.cqna.gov.cn/" target="_blank">
  22. <img class="logo-img" src="img/map-logo.png">
  23. </a>
  24. </div>
  25. <!-- 头部的搜索框 -->
  26. <div class="right-search">
  27. <div class="layui-tab">
  28. <ul class="layui-tab-title search-change">
  29. <li class="layui-this">搜索</li>
  30. <li>公交</li>
  31. <li>自驾</li>
  32. </ul>
  33. <div class="layui-tab-content content-input">
  34. <div class="layui-tab-item layui-show">
  35. <div class="input-icon">
  36. <input type="text" name="" id="" value="" class="inp"/>
  37. <img src="img/ss2.png" class="inp-icon1">
  38. </div>
  39. </div>
  40. <!-- 点击公交出现的内容 -->
  41. <div class="layui-tab-item">
  42. <div class="input-icon">
  43. <input type="text" id="gj-one" value=""/>
  44. <div id="change-word"></div>
  45. <input type="text" name="" id="gj-two" value=""/>
  46. <img src="img/ss2.png" class="inp-icon2" id="inp-icon2">
  47. </div>
  48. </div>
  49. <!-- 点击自驾出现的内容 -->
  50. <div class="layui-tab-item">
  51. <div class="input-icon">
  52. <input type="text" name="" id="zj-one" value=""/>
  53. <div id="word-change"></div>
  54. <input type="text" name="" id="zj-two" value=""/>
  55. <img src="img/ss2.png" class="inp-icon3" id="inp-icon3">
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="erw">
  62. <a href="javascript:;" onclick="aria.start()" style="
  63. width: 207px;
  64. text-align: center;
  65. font-size: 21px;
  66. height: 140px;
  67. line-height: 140px;
  68. color: #fff;">网站无障碍</a>
  69. <a href="http://www.cqna.gov.cn/vr/vr.html" target="_blank">
  70. <img src="./img/second-erw-3.png" alt="" class="first_erw">
  71. </a>
  72. <img src="./img/first-ewm-2.png" alt="" class="first_erw">
  73. <img src="./img/second-erm.png" alt="" class="second_erw">
  74. <a href="https://www.cqna.gov.cn/" class="back_sy">返回网站首页</a>
  75. </div>
  76. </div>
  77. <div class="main">
  78. <div class="left-map">
  79. <div class="show-first">
  80. <div class="wrap_fwdt">
  81. <div class="box_fwdt">
  82. <img src="img/fwdt.png" class="fwdt_img">
  83. <p class="fwdt_text">服务导图</p>
  84. </div>
  85. <div class="fwdt_line"></div>
  86. </div>
  87. <ul class="flex_box">
  88. <li class="flex_li">
  89. <div class="img_tab">
  90. <img src="img/fgk.png">
  91. <p class="flex_text">政务公开</p>
  92. </div>
  93. </li>
  94. <li class="flex_li">
  95. <div class="img_tab">
  96. <img src="img/fzwfw.png">
  97. <p class="flex_text">政务服务</p>
  98. </div>
  99. <div class="flex_pop pop lineTwo" style="display: none;">
  100. <ul class="flex_wrap">
  101. <li>
  102. <img src="img/flex.png">
  103. <a class="mapnav" title="区级行政服务中心">区级政务服务中心</a>
  104. </li>
  105. <li>
  106. <img src="img/flex.png">
  107. <a class="mapnav" title="镇(街道)公共服务中心">镇(街道)便民服务中心</a>
  108. </li>
  109. <li>
  110. <img src="img/flex.png">
  111. <a class="mapnav" title="村(社区)便民服务中心">村(社区)便民服务站</a>
  112. </li>
  113. <!-- <li>
  114. <img src="img/flex.png">
  115. <a class="mapnav" title="市场监督管理所">市场监督管理所</a>
  116. </li> -->
  117. <li>
  118. <img src="img/flex.png">
  119. <a class="mapnav" title="生源地助学贷款办理点">生源地助学贷款办理点</a>
  120. </li>
  121. </ul>
  122. </div>
  123. </li>
  124. <li class="flex_li">
  125. <div class="img_tab">
  126. <img src="img/fdqfwzx.png">
  127. <p class="flex_text">党群服务</p>
  128. </div>
  129. <div class="flex_pop pop lineThree" style="display: none;">
  130. <ul class="flex_wrap">
  131. <li>
  132. <img src="img/flex.png">
  133. <a class="mapnav" title="党群服务中心">党群服务中心</a>
  134. </li>
  135. </ul>
  136. </div>
  137. </li>
  138. <!-- <li class="flex_li">-->
  139. <!-- <div class="img_tab">-->
  140. <!-- <img src="img/fhsjc.png">-->
  141. <!-- <p class="flex_text">核酸检测</p>-->
  142. <!-- </div>-->
  143. <!-- </li>-->
  144. <li class="flex_li">
  145. <div class="img_tab">
  146. <img src="img/fjy.png">
  147. <p class="flex_text">教育资源</p>
  148. </div>
  149. <div class="flex_pop_two pop lineOne" style="display: none;">
  150. <ul class="flex_wrap">
  151. <li>
  152. <img src="img/flex.png">
  153. <a class="mapnav" title="职业教育学校">职业教育学校</a>
  154. </li>
  155. <li>
  156. <img src="img/flex.png">
  157. <a class="mapnav" title="特殊教育学校">特殊教育学校</a>
  158. </li>
  159. <li>
  160. <img src="img/flex.png">
  161. <a class="mapnav" title="高等院校">高等院校</a>
  162. </li>
  163. <li>
  164. <img src="img/flex.png">
  165. <a class="mapnav" title="小学">小学</a>
  166. </li>
  167. <li>
  168. <img src="img/flex.png">
  169. <a class="mapnav" title="中学">中学</a>
  170. </li>
  171. <li>
  172. <img src="img/flex.png">
  173. <a class="mapnav" title="幼儿园">幼儿园</a>
  174. </li>
  175. <li>
  176. <img src="img/flex.png">
  177. <a class="mapnav" title="教育考试中心">教育考试中心</a>
  178. </li>
  179. </ul>
  180. </div>
  181. </li>
  182. <li class="flex_li">
  183. <div class="img_tab">
  184. <img src="img/fyl.png">
  185. <p class="flex_text">医疗卫生</p>
  186. </div>
  187. <div class="flex_pop_two pop lineTwo" style="display: none;">
  188. <ul class="flex_wrap">
  189. <li>
  190. <img src="img/flex.png">
  191. <a class="mapnav" title="村卫生室">村卫生室</a>
  192. </li>
  193. <li>
  194. <img src="img/flex.png">
  195. <a class="mapnav" title="社区卫生服务站">社区卫生服务站</a>
  196. </li>
  197. <li>
  198. <img src="img/flex.png">
  199. <a class="mapnav" title="儿科诊疗服务机构">儿科诊疗服务机构</a>
  200. </li>
  201. <li>
  202. <img src="img/flex.png">
  203. <a class="mapnav" title="狂犬病、破伤风处置门诊">狂犬病、破伤风处置门诊</a>
  204. </li>
  205. <li>
  206. <img src="img/flex.png">
  207. <a class="mapnav" title="免疫规划预防接种门诊">免疫规划预防接种门诊</a>
  208. </li>
  209. <li>
  210. <img src="img/flex.png">
  211. <a class="mapnav" title="二级医疗机构">二级医疗机构</a>
  212. </li>
  213. <li>
  214. <img src="img/flex.png">
  215. <a class="mapnav" title="三级医疗机构">三级医疗机构</a>
  216. </li>
  217. <li>
  218. <img src="img/flex.png">
  219. <a class="mapnav" title="社区卫生服务机构">社区卫生服务机构</a>
  220. </li>
  221. <li>
  222. <img src="img/flex.png">
  223. <a class="mapnav" title="职业病诊断机构">职业病诊断机构</a>
  224. </li>
  225. <li>
  226. <img src="img/flex.png">
  227. <a class="mapnav" title="助产医疗机构">助产医疗机构</a>
  228. </li>
  229. <li>
  230. <img src="img/flex.png">
  231. <a class="mapnav" title="产科门诊服务机构">产科门诊服务机构</a>
  232. </li>
  233. <li>
  234. <img src="img/flex.png">
  235. <a class="mapnav" title="医疗保障事务中心">医疗保障事务中心</a>
  236. </li>
  237. <!-- <li>-->
  238. <!-- <img src="img/flex.png">-->
  239. <!-- <a class="mapnav" title="核酸采样点">核酸采样点</a>-->
  240. <!-- </li>-->
  241. </ul>
  242. </div>
  243. </li>
  244. <li class="flex_li">
  245. <div class="img_tab">
  246. <img src="img/fhjgl.png">
  247. <p class="flex_text">户籍管理</p>
  248. </div>
  249. <div class="flex_pop_two pop lineThree" style="display: none;">
  250. <ul class="flex_wrap">
  251. <li>
  252. <img src="img/flex.png">
  253. <a class="mapnav" title="派出所">派出所</a>
  254. </li>
  255. <li>
  256. <img src="img/flex.png">
  257. <a class="mapnav" title="出入境业务办理机构">出入境业务办理机构</a>
  258. </li>
  259. </ul>
  260. </div>
  261. </li>
  262. <li class="flex_li">
  263. <div class="img_tab">
  264. <img src="img/fjtfw.png">
  265. <p class="flex_text">交通服务</p>
  266. </div>
  267. <div class="flex_pop_two pop lineFour" style="display: none;">
  268. <ul class="flex_wrap">
  269. <li>
  270. <img src="img/flex.png">
  271. <a class="mapnav" title="交通支大队">交通支大队</a>
  272. </li>
  273. <li>
  274. <img src="img/flex.png">
  275. <a class="mapnav" title="交通违法处理机构">交通违法处理机构</a>
  276. </li>
  277. <li>
  278. <img src="img/flex.png">
  279. <a class="mapnav" title="交通事故处理机构">交通事故处理机构</a>
  280. </li>
  281. <li>
  282. <img src="img/flex.png">
  283. <a class="mapnav" title="车管所">车管所</a>
  284. </li>
  285. <li>
  286. <img src="img/flex.png">
  287. <a class="mapnav" title="机动车检测场所">机动车检测场所</a>
  288. </li>
  289. <li>
  290. <img src="img/flex.png">
  291. <a class="mapnav" title="驾驶人体检医院">驾驶人体检医院</a>
  292. </li>
  293. <li>
  294. <img src="img/flex.png">
  295. <a class="mapnav" title="车驾管社会服务站">车驾管社会服务站</a>
  296. </li>
  297. </ul>
  298. </div>
  299. </li>
  300. <li class="flex_li">
  301. <div class="img_tab">
  302. <img src="img/fshbz.png">
  303. <p class="flex_text">社会保障</p>
  304. </div>
  305. <div class="flex_pop_three pop lineOne" style="display: none;">
  306. <ul class="flex_wrap">
  307. <li>
  308. <img src="img/flex.png">
  309. <a class="mapnav" title="就业和人才中心">就业和人才中心</a>
  310. </li>
  311. <li>
  312. <img src="img/flex.png">
  313. <a class="mapnav" title="社会保险事务中心">社会保险事务中心</a>
  314. </li>
  315. </ul>
  316. </div>
  317. </li>
  318. <li class="flex_li">
  319. <div class="img_tab">
  320. <img src="img/fylfw.png">
  321. <p class="flex_text">养老服务</p>
  322. </div>
  323. <div class="flex_pop_three pop lineTwo" style="display: none;">
  324. <ul class="flex_wrap">
  325. <li>
  326. <img src="img/flex.png">
  327. <a class="mapnav" title="养老机构">养老机构</a>
  328. </li>
  329. </ul>
  330. </div>
  331. </li>
  332. <li class="flex_li">
  333. <div class="img_tab">
  334. <img src="img/fmzfw.png">
  335. <p class="flex_text">民政服务</p>
  336. </div>
  337. <div class="flex_pop_three pop lineThree" style="display: none;">
  338. <ul class="flex_wrap">
  339. <li>
  340. <img src="img/flex.png">
  341. <a class="mapnav" title="婚姻登记机构">婚姻登记机构</a>
  342. </li>
  343. <li>
  344. <img src="img/flex.png">
  345. <a class="mapnav" title="殡仪服务机构">殡仪服务机构</a>
  346. </li>
  347. </ul>
  348. </div>
  349. </li>
  350. <li class="flex_li">
  351. <div class="img_tab">
  352. <img src="img/fbsfwt.png">
  353. <p class="flex_text">办税服务</p>
  354. </div>
  355. </li>
  356. <li class="flex_li">
  357. <div class="img_tab">
  358. <img src="img/fscjd.png">
  359. <p class="flex_text">市场监管</p>
  360. </div>
  361. </li>
  362. <li class="flex_li">
  363. <div class="img_tab">
  364. <img src="img/fgzf.png">
  365. <p class="flex_text">住房保障</p>
  366. </div>
  367. </li>
  368. <li class="flex_li">
  369. <div class="img_tab">
  370. <img src="img/fbdcdj.png">
  371. <p class="flex_text">不动产登记</p>
  372. </div>
  373. </li>
  374. <li class="flex_li">
  375. <div class="img_tab">
  376. <img src="img/fgjj.png">
  377. <p class="flex_text">住房公积金</p>
  378. </div>
  379. </li>
  380. <li class="flex_li">
  381. <div class="img_tab">
  382. <img src="img/fwtly.png">
  383. <p class="flex_text">文体旅游</p>
  384. </div>
  385. <div class="flex_pop_five pop lineOne" style="display: none;">
  386. <ul class="flex_wrap">
  387. <li>
  388. <img src="img/flex.png">
  389. <a class="mapnav" title="图书馆">图书馆</a>
  390. </li>
  391. <li>
  392. <img src="img/flex.png">
  393. <a class="mapnav" title="文化馆">文化馆</a>
  394. </li>
  395. <li>
  396. <img src="img/flex.png">
  397. <a class="mapnav" title="文管所">文管所</a>
  398. </li>
  399. <li>
  400. <img src="img/flex.png">
  401. <a class="mapnav" title="公共体育馆">公共体育馆</a>
  402. </li>
  403. <li>
  404. <img src="img/flex.png">
  405. <a class="mapnav" title="旅游景点">旅游景点</a>
  406. </li>
  407. <li>
  408. <img src="img/flex.png">
  409. <a class="mapnav" title="公园">公园</a>
  410. </li>
  411. </ul>
  412. </div>
  413. </li>
  414. <li class="flex_li">
  415. <div class="img_tab">
  416. <img src="img/fsffw.png">
  417. <p class="flex_text">司法服务</p>
  418. </div>
  419. <div class="flex_pop_five pop lineTwo" style="display: none;">
  420. <ul class="flex_wrap">
  421. <li>
  422. <img src="img/flex.png">
  423. <a class="mapnav" title="公证处">公证处</a>
  424. </li>
  425. <li>
  426. <img src="img/flex.png">
  427. <a class="mapnav" title="司法鉴定机构">司法鉴定机构</a>
  428. </li>
  429. <li>
  430. <img src="img/flex.png">
  431. <a class="mapnav" title="基层司法所">基层司法所</a>
  432. </li>
  433. <li>
  434. <img src="img/flex.png">
  435. <a class="mapnav" title="法律援助机构">法律援助机构</a>
  436. </li>
  437. <li>
  438. <img src="img/flex.png">
  439. <a class="mapnav" title="矫正中心">矫正中心</a>
  440. </li>
  441. </ul>
  442. </div>
  443. </li>
  444. <li class="flex_li">
  445. <div class="img_tab">
  446. <img src="img/fcjr.png">
  447. <p class="flex_text">助残服务</p>
  448. </div>
  449. <div class="flex_pop_five pop lineThree" style="display: none;">
  450. <ul class="flex_wrap">
  451. <li>
  452. <img src="img/flex.png">
  453. <a class="mapnav" title="残疾人服务中心">残疾人服务中心</a>
  454. </li>
  455. <li>
  456. <img src="img/flex.png">
  457. <a class="mapnav" title="定点残疾人服务机构">定点残疾人服务机构</a>
  458. </li>
  459. </ul>
  460. </div>
  461. </li>
  462. <li class="flex_li">
  463. <div class="img_tab">
  464. <img src="img/fcyy.png">
  465. <p class="flex_text">产业园区</p>
  466. </div>
  467. </li>
  468. <li class="flex_li">
  469. <div class="img_tab">
  470. <img src="img/fbmfw.png">
  471. <p class="flex_text">商业服务</p>
  472. </div>
  473. <div class="flex_pop_six pop lineOne" style="display: none;">
  474. <ul class="flex_wrap">
  475. <li>
  476. <img src="img/flex.png">
  477. <a class="mapnav" title="商圈">商圈</a>
  478. </li>
  479. <li>
  480. <img src="img/flex.png">
  481. <a class="mapnav" title="购物中心">购物中心</a>
  482. </li>
  483. <li>
  484. <img src="img/flex.png">
  485. <a class="mapnav" title="酒店">酒店</a>
  486. </li>
  487. </ul>
  488. </div>
  489. </li>
  490. <li class="flex_li">
  491. <div class="img_tab">
  492. <img src="img/fgc.png">
  493. <p class="flex_text">便民公厕</p>
  494. </div>
  495. </li>
  496. <li class="flex_li">
  497. <div class="img_tab">
  498. <img src="img/ftc.png">
  499. <p class="flex_text">停车泊车</p>
  500. </div>
  501. </li>
  502. <li class="flex_li">
  503. <div class="img_tab">
  504. <img src="img/zysd.png">
  505. <p class="flex_text">直饮水点</p>
  506. </div>
  507. </li>
  508. <li class="flex_li"></li>
  509. </ul>
  510. <div class="text-second"></div>
  511. </div>
  512. <!-- 受理场所和查阅场所 -->
  513. <div class="layui-tab layui-tab-brief show-fifth" lay-filter="docDemoTabBrief">
  514. <div class="title-second">
  515. <h6>政务公开</h6>
  516. <button type="button" class="backBtn">返回</button>
  517. </div>
  518. <ul class="layui-tab-title top-title">
  519. <li class="layui-this">
  520. <img src="img/slcs1.png">
  521. <img src="img/slcs2.png" class="hideIcon">
  522. 受理场所
  523. </li>
  524. <li>
  525. <img src="img/sycs1.png" class="hideIcon">
  526. <img src="img/sycs2.png">
  527. 查阅场所
  528. </li>
  529. </ul>
  530. <div class="layui-tab-content">
  531. <div class="layui-tab-item layui-show">
  532. <div class="layui-tab">
  533. <ul class="layui-tab-title second-title">
  534. <li class="layui-this">区级部门</li>
  535. <li>街镇</li>
  536. </ul>
  537. <div class="layui-tab-content hidePadding">
  538. <div class="layui-tab-item layui-show hidePadding">
  539. <div class="districtLevel"></div>
  540. <div class="textThird"></div>
  541. </div>
  542. <div class="layui-tab-item hidePadding">
  543. <div class="text-first">
  544. <p class="tab alltotal">全部</p>
  545. <p>南坪镇</p>
  546. <p>涂山镇</p>
  547. <p>鸡冠石镇</p>
  548. <p>峡口镇</p>
  549. <p>长生桥镇</p>
  550. <p>迎龙镇</p>
  551. <p>广阳镇</p>
  552. <p>南坪街道</p>
  553. <p>花园路街道</p>
  554. <p>海棠溪街道</p>
  555. <p>铜元局街道</p>
  556. <p>龙门浩街道</p>
  557. <p>弹子石街道</p>
  558. <p>南山街道</p>
  559. <p>天文街道</p>
  560. </div>
  561. <div class="text-second" id="text-second"></div>
  562. <div class="text-third"></div>
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567. <div class="layui-tab-item">
  568. <div class="layui-tab">
  569. <ul class="layui-tab-title second-title2">
  570. <li class="layui-this">区级部门</li>
  571. <li>街镇</li>
  572. </ul>
  573. <div class="layui-tab-content hidePadding">
  574. <div class="layui-tab-item hidePadding layui-show">
  575. <div class=" districtLevel2"></div>
  576. <div class="textThird2"></div>
  577. </div>
  578. <div class="layui-tab-item">
  579. <div class=" districtLevel2"></div>
  580. <div class="textThird2"></div>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  587. <!-- 点击公交搜索出现的路径选择 -->
  588. <div class="show-second">
  589. <div class="title-second">
  590. <h6>搜索</h6>
  591. <button type="button" class="backBtn">返回</button>
  592. </div>
  593. <div class="content-second">
  594. <div id="start"></div>
  595. <img src="img/right-grey.png">
  596. <div id="end"></div>
  597. </div>
  598. <div class="layui-tab content-third">
  599. <ul class="layui-tab-title content-title">
  600. <li class="layui-this">时间最短</li>
  601. <li>少换乘</li>
  602. <li>少步行</li>
  603. <li>不乘地铁</li>
  604. </ul>
  605. <div class="layui-tab-content" id="result"></div>
  606. </div>
  607. <div class="zjboxpanel">
  608. <h5 id="startbus">请选择起点</h5>
  609. <ul id="busstartPanel"></ul>
  610. <h5 id="endBus">请选择终点</h5>
  611. <ul id="busendPanel"></ul>
  612. </div>
  613. </div>
  614. <!-- 点击自驾搜索出现的路径选择 -->
  615. <div class="show-third">
  616. <div class="title-second">
  617. <h6>搜索</h6>
  618. <button type="button" class="backBtn">返回</button>
  619. </div>
  620. <div class="content-second">
  621. <div id="start2"></div>
  622. <img src="img/right-grey.png">
  623. <div id="end2"></div>
  624. </div>
  625. <div class="layui-tab content-third">
  626. <ul class="layui-tab-title main-third" id="zjxz">
  627. <li class="layui-this">推荐路线</li>
  628. <li>最短路程</li>
  629. <li>不走高速</li>
  630. </ul>
  631. <div class="layui-tab-content" id="result1"></div>
  632. </div>
  633. <div class="boxpanel">
  634. <h5 id="startDrving">请选择起点</h5>
  635. <ul id="startPanel"></ul>
  636. <h5 id="endDrving">请选择终点</h5>
  637. <ul id="endPanel"></ul>
  638. </div>
  639. </div>
  640. <!-- 点击搜索出现的页面 -->
  641. <div class="show-fourth">
  642. <div class="title-second">
  643. <h6>搜索</h6>
  644. <button type="button" class="backBtn">返回</button>
  645. </div>
  646. <div class="search-result" id="search-result">
  647. <!-- <div class="textSecond"></div>
  648. <div class="textFourth"></div> -->
  649. </div>
  650. </div>
  651. </div>
  652. <div class="right-map" id="right-map"></div>
  653. <a href="http://www.cqna.gov.cn/ghwd/znwd/index.html" target="_blank" class="right-button"><img src="./img/gdwt.png"
  654. alt=""></a>
  655. </div>
  656. <!-- 底部 -->
  657. <div style="width: 100%;overflow: hidden;height: 100px;">
  658. <div class="foot_content">
  659. <div class="three_pic">
  660. <a href="http://bszs.conac.cn/sitename?method=show&id=169360097F9303C8E053022819AC5CD0" target="_blank">
  661. <img src="img/dzjg.png" >
  662. </a>
  663. <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010802001142" target="_blank">
  664. <img src="img/jc.png" >
  665. </a>
  666. <span>
  667. <img src="img/zfwz.png" >
  668. </span>
  669. </div>
  670. <div class="f_text">
  671. <p>重庆市南岸区人民政府 版权所有 主办:重庆市南岸区人民政府办公室</p>
  672. <p><a style=" text-decoration: none;color: #fff;" href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">渝ICP备2021011583号</a> 政府网站标识码:5001080014<span><img src="img/jh.png" ></span>渝公网安备 50010802001142号</p>
  673. </div>
  674. <div class="f_list">
  675. <a href="http://www.cqna.gov.cn/ggbf_search/lxwm/202109/t20210910_9683034.html">联系我们</a>
  676. <span>|</span>
  677. <a href="http://www.cqna.gov.cn/ggbf_search/wzdt/">网站地图</a>
  678. <span>|</span>
  679. <a href="http://www.cqna.gov.cn/ggbf_search/bqsm/202109/t20210910_9683174.html">版权说明</a>
  680. </div>
  681. </div>
  682. </div>
  683. <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>
  684. <script type="text/javascript" src="constans_map.js"></script>
  685. <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
  686. <script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
  687. <script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
  688. <script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js"></script>
  689. <script type="text/javascript" src="./layui/layui.js"></script>
  690. <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
  691. <script src="./js/sy.js" type="text/javascript" charset="utf-8"></script>
  692. <script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
  693. </body>
  694. </html>