new_store.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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. <link rel="stylesheet" type="text/css" href="css/new_store.css"/>
  12. <style type="text/css">
  13. .news_jp p.active{
  14. background: url(img/news/jp_bg.jpg) no-repeat;
  15. background-size: 100%;
  16. background-position: center;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div class="page_top"><img src="img/introduct/introduct_top.jpg" /></div>
  22. <header>
  23. <div class="hd_nav">
  24. <a class="icon_left"><img src="img/header/nav_left.png" /></a>
  25. <a class="icon_title"><img src="img/header/nav_logo.png" /></a>
  26. <a class="icon_right" href="index.html"><img src="img/header/nav_right.png" /></a>
  27. </div>
  28. <div class="bar_content">
  29. <a href="pdt_idt.html">幻速赛车<img src="img/header/bar_right.png" alt="" /></a>
  30. <a href="join.html">加盟体验店<img src="img/header/bar_right.png" alt="" /></a>
  31. <a href="all_store.html">线下体验店<img src="img/header/bar_right.png" alt="" /></a>
  32. <a href="message.html">在线留言<img src="img/header/bar_right.png" alt="" /></a>
  33. <a href="service.html">服务<img src="img/header/bar_right.png" alt="" /></a>
  34. </div>
  35. </header>
  36. <div class="content">
  37. <div class="stores_top">
  38. <h2>线下体验店</h2>
  39. <h3>首页/全部门店</h3>
  40. </div>
  41. <div class="news_ct">
  42. <div class="news_jp">
  43. <p class="active">
  44. <a href="#">最新门店</a>
  45. </p>
  46. <p>
  47. <a href="all_store.html">全部门店</a>
  48. </p>
  49. <p>
  50. <a href="sale_store.html">优惠政策</a>
  51. </p>
  52. </div>
  53. <div class="shop_sw">
  54. <div class="shop_li">
  55. <p class="shop_img col"><img src="img/news/news_01.jpg"/></p>
  56. <p class="shop_title">厦门市闽南古镇赛车竞速馆</p>
  57. <p class="shop_address shop_icon"><img src="img/news/shop_ad.jpg"/>&nbsp;厦门市湖里区闽南古镇节庆广场102-103号</p>
  58. <p class="shop_time shop_icon"><img src="img/news/shop_tm.jpg"/>&nbsp;周一至周日: 10:00-22:00 &emsp;周四至周五: 10:00-22:00</p>
  59. <p class="shop_phone shop_icon"><img src="img/news/shop_ph.jpg" alt="" />&nbsp;0592-9876364</p>
  60. </div>
  61. <div class="shop_li">
  62. <p class="shop_img col"><img src="img/news/news_01.jpg"/></p>
  63. <p class="shop_title">厦门市闽南古镇赛车竞速馆</p>
  64. <p class="shop_address shop_icon"><img src="img/news/shop_ad.jpg"/>&nbsp;厦门市湖里区闽南古镇节庆广场102-103号</p>
  65. <p class="shop_time shop_icon"><img src="img/news/shop_tm.jpg"/>&nbsp;周一至周日: 10:00-22:00 &emsp;周四至周五: 10:00-22:00</p>
  66. <p class="shop_phone shop_icon"><img src="img/news/shop_ph.jpg" alt="" />&nbsp;0592-9876364</p>
  67. </div>
  68. <div class="shop_li">
  69. <p class="shop_img col"><img src="img/news/news_01.jpg"/></p>
  70. <p class="shop_title">厦门市闽南古镇赛车竞速馆</p>
  71. <p class="shop_address shop_icon"><img src="img/news/shop_ad.jpg"/>&nbsp;厦门市湖里区闽南古镇节庆广场102-103号</p>
  72. <p class="shop_time shop_icon"><img src="img/news/shop_tm.jpg"/>&nbsp;周一至周日: 10:00-22:00 &emsp;周四至周五: 10:00-22:00</p>
  73. <p class="shop_phone shop_icon"><img src="img/news/shop_ph.jpg" alt="" />&nbsp;0592-9876364</p>
  74. </div>
  75. </div>
  76. </div>
  77. <!--底部-->
  78. <div class="footer" style="margin-top: 0.2rem;">
  79. <img src="img/introduct/introduct_bot.jpg" style="width: 100%;" />
  80. <a href='' id="rtTop">
  81. 回到顶部&nbsp;&nbsp;<img src="img/footer/rt_top.jpg" alt="" />
  82. </a>
  83. <ul>
  84. <li>
  85. <p>关于我们 <span>+</span></p>
  86. <ul>
  87. <li><a href="pdt_idt.html">产品简介</a></li>
  88. <li><a href="contact.html">联系我们</a></li>
  89. <li><a href="cp_idt.html">公司简介</a></li>
  90. </ul>
  91. </li>
  92. <li>
  93. <p>新闻中心 <span>+</span></p>
  94. <ul>
  95. <li><a href="industry.html">行业动态</a></li>
  96. <li><a href="cp_news.html">公司动态</a></li>
  97. <li><a href="join_news.html">加盟动态</a></li>
  98. </ul>
  99. </li>
  100. <li>
  101. <p>线下体验店 <span>+</span></p>
  102. <ul>
  103. <li><a href="all_store.html">全部门店</a></li>
  104. </ul>
  105. </li>
  106. <li>
  107. <p>客服支持 <span>+</span></p>
  108. <ul>
  109. <li><a href="service.html">售后服务</a></li>
  110. <li><a href="">联系客服</a></li>
  111. </ul>
  112. </li>
  113. </ul>
  114. <div class="footer_bot">
  115. <p class="dy">订阅我们</p>
  116. <p>第一时间获得幻速赛车的最新动态</p>
  117. <p class="ipt_btn">
  118. <input type="text" name="" id="" value="" placeholder="输入您的邮箱地址" />
  119. <button><img src="img/footer/bt_right.png"/></button></p>
  120. <p class="wechat">
  121. <a href=""><img src="img/footer/wechat.jpg" /></a>
  122. <a href="https://weibo.com/u/5804049938"><img src="img/footer/weibo.jpg" /></a>
  123. <a href="http://v.youku.com/v_show/id_XODc0NzY5Njcy.html?qq-pf-to=pcqq.c2c"><img src="img/footer/youku.jpg" /></a>
  124. </p>
  125. <p class="phone">0592-5022711</p>
  126. <p class="last_p">Copyright©2018 厦门欣富地智能科技有限公司 版权所有</p>
  127. </div>
  128. </div>
  129. </div>
  130. <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  131. <script src="js/swiper-4.1.6.min.js" type="text/javascript" charset="utf-8"></script>
  132. <script src="js/init.js" type="text/javascript" charset="utf-8"></script>
  133. <script type="text/javascript">
  134. $('.select_ul').click(function(e) {
  135. e.stopPropagation()
  136. $('.all_stli').toggleClass('li_active')
  137. })
  138. $('.news_ct').click(function(e) {
  139. $('.all_stli').removeClass('li_active')
  140. })
  141. </script>
  142. </body>
  143. </html>