pdt_idt.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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. <style>
  11. .itd_join {
  12. font-size: 2.4em;
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. background: #444546;
  17. height: 0.9rem;
  18. color: #FFFFFF;
  19. padding: 0 0.31rem;
  20. }
  21. .itd_join a{
  22. color: #FFFFFF;
  23. }
  24. .itd_join p:nth-child(2) {
  25. display: inline-block;
  26. border: none;
  27. padding: 0.17rem;
  28. background-color: #479aee;
  29. border-radius:5px;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="page_top"><img src="img/introduct/introduct_top.jpg" /></div>
  35. <header>
  36. <div class="hd_nav">
  37. <a class="icon_left"><img src="img/header/nav_left.png" /></a>
  38. <a class="icon_title"><img src="img/header/nav_logo.png" /></a>
  39. <a class="icon_right" href="index.html"><img src="img/header/nav_right.png" /></a>
  40. </div>
  41. <div class="bar_content">
  42. <a href="pdt_idt.html">幻速赛车<img src="img/header/bar_right.png" alt="" /></a>
  43. <a href="join.html">加盟体验店<img src="img/header/bar_right.png" alt="" /></a>
  44. <a href="all_store.html">线下体验店<img src="img/header/bar_right.png" alt="" /></a>
  45. <a href="message.html">在线留言<img src="img/header/bar_right.png" alt="" /></a>
  46. <a href="service.html">服务<img src="img/header/bar_right.png" alt="" /></a>
  47. </div>
  48. </header>
  49. <div class="content">
  50. <div class="itd_join">
  51. <p>产品介绍</p>
  52. <p><a href="join.html">加盟体验店</a></p>
  53. </div>
  54. <div class="itd_img">
  55. <div class="col"><img src="img/introduct/itd_01.jpg" alt="" /></div>
  56. <div class="col"><img src="img/introduct/itd_02.jpg" alt="" /></div>
  57. <div class="col"><img src="img/introduct/itd_03.jpg" alt="" /></div>
  58. <div class="col"><img src="img/introduct/itd_04.jpg" alt="" /></div>
  59. <div class="col"><img src="img/introduct/itd_05.jpg" alt="" /></div>
  60. <div class="col"><img src="img/introduct/itd_06.jpg" alt="" /></div>
  61. <div class="col"><img src="img/introduct/itd_07.jpg" alt="" /></div>
  62. <div class="col"><img src="img/introduct/itd_08.jpg" alt="" /></div>
  63. </div>
  64. <div class="swiper-container" data-space-between='10'>
  65. <div class="swiper-wrapper col">
  66. <div class="swiper-slide"><img src="img/introduct/swiper/01.jpg" alt=""></div>
  67. <div class="swiper-slide"><img src="img/introduct/swiper/02.jpg" alt=""></div>
  68. <div class="swiper-slide"><img src="img/introduct/swiper/03.jpg" alt=""></div>
  69. <div class="swiper-slide"><img src="img/introduct/swiper/04.jpg" alt=""></div>
  70. <div class="swiper-slide"><img src="img/introduct/swiper/05.jpg" alt=""></div>
  71. <div class="swiper-slide"><img src="img/introduct/swiper/06.jpg" alt=""></div>
  72. </div>
  73. </div>
  74. <!--底部-->
  75. <div class="footer" style="margin-top: 0.2rem;">
  76. <img src="img/introduct/introduct_bot.jpg" style="width: 100%;" />
  77. <a href='' id="rtTop">
  78. 回到顶部&nbsp;&nbsp;<img src="img/footer/rt_top.jpg" alt="" />
  79. </a>
  80. <ul>
  81. <li>
  82. <p>关于我们 <span>+</span></p>
  83. <ul>
  84. <li><a href="pdt_idt.html">产品简介</a></li>
  85. <li><a href="contact.html">联系我们</a></li>
  86. <li><a href="cp_idt.html">公司简介</a></li>
  87. </ul>
  88. </li>
  89. <li>
  90. <p>新闻中心 <span>+</span></p>
  91. <ul>
  92. <li><a href="industry.html">行业动态</a></li>
  93. <li><a href="cp_news.html">公司动态</a></li>
  94. <li><a href="join_news.html">加盟动态</a></li>
  95. </ul>
  96. </li>
  97. <li>
  98. <p>线下体验店 <span>+</span></p>
  99. <ul>
  100. <li><a href="all_store.html">全部门店</a></li>
  101. </ul>
  102. </li>
  103. <li>
  104. <p>客服支持 <span>+</span></p>
  105. <ul>
  106. <li><a href="service.html">售后服务</a></li>
  107. <li><a href="">联系客服</a></li>
  108. </ul>
  109. </li>
  110. </ul>
  111. <div class="footer_bot">
  112. <p class="dy">订阅我们</p>
  113. <p>第一时间获得幻速赛车的最新动态</p>
  114. <p class="ipt_btn">
  115. <input type="text" name="" id="" value="" placeholder="输入您的邮箱地址" />
  116. <button><img src="img/footer/bt_right.png"/></button></p>
  117. <p class="wechat">
  118. <a href=""><img src="img/footer/wechat.jpg" /></a>
  119. <a href="https://weibo.com/u/5804049938"><img src="img/footer/weibo.jpg" /></a>
  120. <a href="http://v.youku.com/v_show/id_XODc0NzY5Njcy.html?qq-pf-to=pcqq.c2c"><img src="img/footer/youku.jpg" /></a>
  121. </p>
  122. <p class="phone">0592-5022711</p>
  123. <p class="last_p">Copyright©2018 厦门欣富地智能科技有限公司 版权所有</p>
  124. </div>
  125. </div>
  126. </div>
  127. <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  128. <script src="js/swiper-4.1.6.min.js" type="text/javascript" charset="utf-8"></script>
  129. <script src="js/init.js" type="text/javascript" charset="utf-8"></script>
  130. </body>
  131. </html>