all_store.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
  6. <link rel="stylesheet" type="text/css" href="css/public.css" />
  7. <title>全部门店 </title>
  8. <link rel="stylesheet" href="css/swiper-4.1.6.min.css" />
  9. <link rel="stylesheet" type="text/css" href="css/public.css" />
  10. <link rel="stylesheet" type="text/css" href="css/shop_news.css" />
  11. <style type="text/css">
  12. .news_jp p.active {
  13. background: url(img/news/jp_bg.jpg) no-repeat;
  14. background-size: 100%;
  15. background-position: center;
  16. }
  17. .select_ul {
  18. margin-top: 0.5rem;
  19. }
  20. body{
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="page_top"><img src="img/introduct/introduct_top.jpg" /></div>
  26. <header>
  27. <div class="hd_nav">
  28. <a class="icon_left"><img src="img/header/nav_left.png" /></a>
  29. <a class="icon_title"><img src="img/header/nav_logo.png" /></a>
  30. <a class="icon_right" href="index.html"><img src="img/header/nav_right.png" /></a>
  31. </div>
  32. <div class="bar_content">
  33. <a href="pdt_idt.html">幻速赛车<img src="img/header/bar_right.png" alt="" /></a>
  34. <a href="join.html">加盟体验店<img src="img/header/bar_right.png" alt="" /></a>
  35. <a href="all_store.html">线下体验店<img src="img/header/bar_right.png" alt="" /></a>
  36. <a href="message.html">在线留言<img src="img/header/bar_right.png" alt="" /></a>
  37. <a href="service.html">服务<img src="img/header/bar_right.png" alt="" /></a>
  38. </div>
  39. </header>
  40. <div class="content">
  41. <div class="stores_top">
  42. <h2>线下体验店</h2>
  43. <h3>首页/全部门店</h3>
  44. </div>
  45. <div class="news_ct">
  46. <div class="news_jp">
  47. <p>
  48. <a href="new_store.html">最新门店</a>
  49. </p>
  50. <p class="active">
  51. <a href="#">全部门店</a>
  52. </p>
  53. <p>
  54. <a href="sale_store.html">优惠政策</a>
  55. </p>
  56. <div class="select_ul">省份&nbsp;/&nbsp;直辖市&nbsp;/&nbsp;行政区
  57. <div class="all_stli">
  58. <p class="select_li">
  59. <a href="">北京市</a>
  60. </p>
  61. <p class="select_li">
  62. <a href="">上海市</a>
  63. </p>
  64. <p class="select_li">
  65. <a href="">福建省</a>
  66. </p>
  67. <p class="select_li">
  68. <a href="">广东省</a>
  69. </p>
  70. <p class="select_li">
  71. <a href="">浙江省</a>
  72. </p>
  73. <p class="select_li">
  74. <a href="">江苏省</a>
  75. </p>
  76. <p class="select_li">
  77. <a href="">湖北省</a>
  78. </p>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="col">
  84. <img src="img/news/shop_img.jpg" />
  85. </div>
  86. <!--底部-->
  87. <div class="footer" style="margin-top: 0.2rem;">
  88. <img src="img/introduct/introduct_bot.jpg" style="width: 100%;" />
  89. <a href='' id="rtTop">
  90. 回到顶部&nbsp;&nbsp;<img src="img/footer/rt_top.jpg" alt="" />
  91. </a>
  92. <ul>
  93. <li>
  94. <p>关于我们 <span>+</span></p>
  95. <ul>
  96. <li>
  97. <a href="pdt_idt.html">产品简介</a>
  98. </li>
  99. <li>
  100. <a href="contact.html">联系我们</a>
  101. </li>
  102. <li>
  103. <a href="cp_idt.html">公司简介</a>
  104. </li>
  105. </ul>
  106. </li>
  107. <li>
  108. <p>新闻中心 <span>+</span></p>
  109. <ul>
  110. <li>
  111. <a href="industry.html">行业动态</a>
  112. </li>
  113. <li>
  114. <a href="cp_news.html">公司动态</a>
  115. </li>
  116. <li>
  117. <a href="join_news.html">加盟动态</a>
  118. </li>
  119. </ul>
  120. </li>
  121. <li>
  122. <p>线下体验店 <span>+</span></p>
  123. <ul>
  124. <li>
  125. <a href="all_store.html">全部门店</a>
  126. </li>
  127. </ul>
  128. </li>
  129. <li>
  130. <p>客服支持 <span>+</span></p>
  131. <ul>
  132. <li>
  133. <a href="service.html">售后服务</a>
  134. </li>
  135. <li>
  136. <a href="">联系客服</a>
  137. </li>
  138. </ul>
  139. </li>
  140. </ul>
  141. <div class="footer_bot">
  142. <p class="dy">订阅我们</p>
  143. <p>第一时间获得幻速赛车的最新动态</p>
  144. <p class="ipt_btn">
  145. <input type="text" name="" id="" value="" placeholder="输入您的邮箱地址" />
  146. <button><img src="img/footer/bt_right.png"/></button></p>
  147. <p class="wechat">
  148. <a href=""><img src="img/footer/wechat.jpg" /></a>
  149. <a href="https://weibo.com/u/5804049938"><img src="img/footer/weibo.jpg" /></a>
  150. <a href="http://v.youku.com/v_show/id_XODc0NzY5Njcy.html?qq-pf-to=pcqq.c2c"><img src="img/footer/youku.jpg" /></a>
  151. </p>
  152. <p class="phone">0592-5022711</p>
  153. <p class="last_p">Copyright©2018 厦门欣富地智能科技有限公司 版权所有</p>
  154. </div>
  155. </div>
  156. </div>
  157. <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  158. <script src="js/swiper-4.1.6.min.js" type="text/javascript" charset="utf-8"></script>
  159. <script src="js/init.js" type="text/javascript" charset="utf-8"></script>
  160. <script type="text/javascript">
  161. $('.select_ul').click(function(e) {
  162. e.stopPropagation()
  163. $('.all_stli').toggleClass('li_active')
  164. })
  165. $('.news_ct').click(function(e) {
  166. $('.all_stli').removeClass('li_active')
  167. })
  168. </script>
  169. </body>
  170. </html>