123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>首页</title>
- <link rel="stylesheet" href="css/swiper-4.1.6.min.css" />
- <link rel="stylesheet" type="text/css" href="css/public.css" />
- <style type="text/css">
-
- .swiper-pagination-bullet-active {
- background-color: #6f6e72;
- height: 0.07rem !important;
- position: relative;
- top: 0.02rem;
- }
-
- .swiper-pagination-bullet {
- width: 0.54rem;
- height: 0.03rem;
- border-radius: 0;
- }
-
- .img_list {
- position: relative;
- margin-top: 0.15rem;
- }
-
- .img_words {
- color: #FFFFFF;
- position: absolute;
- bottom: 0.37rem;
- left: 0.31rem;
- }
-
- .img_words h3 {
- font-size: 2.6em;
- }
-
- .img_words span {
- font-size: 1.8em;
- }
-
- .img_words p {
- background: #FFFFFF;
- width: 0.47rem;
- height: 0.01rem;
- margin: 0.18rem 0;
- }
-
- .img_list:last-child {
- margin-bottom: 0.3rem;
- }
- .swiper-slide{
- position: relative;
- }
- .swiper-slide p{
- position: absolute;
- top: 2.46rem;
- left: 1.34rem;
- text-align: center;
- }
- .swiper-slide p>a{
- /*background: red;*/
- display: inline-block;
- width: 1.70rem;
- height: 0.65rem;
- margin-right: 0.10rem;
- }
- .swiper-slide p>a:nth-child(2){
- width: 1.32rem;
- }
- .swiper-slide p>a:nth-child(3){
- width: 1.56rem;
- }
- </style>
- </head>
- <body>
- <div class="page_top"><img src="img/introduct/introduct_top.jpg" /></div>
- <header>
- <div class="hd_nav">
- <a class="icon_left"><img src="img/header/nav_left.png" /></a>
- <a class="icon_title"><img src="img/header/nav_logo.png" /></a>
- <a class="icon_right" href="index.html"><img src="img/header/nav_right.png" /></a>
- </div>
- <div class="bar_content">
- <a href="pdt_idt.html">幻速赛车<img src="img/header/bar_right.png" alt="" /></a>
- <a href="join.html">加盟体验店<img src="img/header/bar_right.png" alt="" /></a>
- <a href="all_store.html">线下体验店<img src="img/header/bar_right.png" alt="" /></a>
- <a href="message.html">在线留言<img src="img/header/bar_right.png" alt="" /></a>
- <a href="service.html">服务<img src="img/header/bar_right.png" alt="" /></a>
- </div>
- </header>
- <div class="content">
- <!-- Slider -->
- <div class="swiper-container" data-space-between='10'>
- <div class="swiper-wrapper col">
- <div class="swiper-slide">
- <a href="pdt_idt.html"><img src="img/home/home_slide_01.jpg" alt=""></a>
- <p>
- <a href=""></a>
- <a href="pdt_idt.html"></a>
- <a href="join.html"></a>
- </p>
- </div>
- <div class="swiper-slide"><img src="img/home/home_slide_01.jpg" alt=""></div>
- <div class="swiper-slide"><img src="img/home/home_slide_01.jpg" alt=""></div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- <!--图片展示-->
- <div class="home_img col">
- <div class="img_list">
- <a href="pdt_idt.html">
- <img src=" img/home/home_01.jpg " alt=" " />
- <div class="img_words ">
- <h3>体感/VR/力反馈</h3>
- <p></p>
- <span>了解幻速专业设计与全新科技</span>
- </div>
- </a>
- </div>
- <div class="img_list ">
- <a href="all_store.html">
- <img src="img/home/home_02.jpg " alt=" " />
- <div class="img_words ">
- <h3>全国线下体验店</h3>
- <p></p>
- <span>踩过油门,才懂速度。尝试漂移,身体力行 </span>
- </div>
- </a>
- </div>
- <div class="img_list ">
- <a href="">
- <img src="img/home/home_03.jpg " alt=" " />
- <div class="img_words ">
- <h3>主题挑战赛</h3>
- <p></p>
- <span>挑战全世界的赛车手</span>
- </div>
- </a>
- </div>
- </div>
- <!--底部-->
- <div class="footer" style="margin-top: 0.2rem;">
- <img src="img/introduct/introduct_bot.jpg" style="width: 100%;" />
- <a href='' id="rtTop">
- 回到顶部 <img src="img/footer/rt_top.jpg" alt="" />
- </a>
- <ul>
- <li>
- <p>关于我们 <span>+</span></p>
- <ul>
- <li><a href="pdt_idt.html">产品简介</a></li>
- <li><a href="contact.html">联系我们</a></li>
- <li><a href="cp_idt.html">公司简介</a></li>
- </ul>
- </li>
- <li>
- <p>新闻中心 <span>+</span></p>
- <ul>
- <li><a href="industry.html">行业动态</a></li>
- <li><a href="cp_news.html">公司动态</a></li>
- <li><a href="join_news.html">加盟动态</a></li>
- </ul>
- </li>
- <li>
- <p>线下体验店 <span>+</span></p>
- <ul>
- <li><a href="all_store.html">全部门店</a></li>
- </ul>
- </li>
- <li>
- <p>客服支持 <span>+</span></p>
- <ul>
- <li><a href="service.html">售后服务</a></li>
- <li><a href="">联系客服</a></li>
- </ul>
- </li>
- </ul>
- <div class="footer_bot">
- <p class="dy">订阅我们</p>
- <p>第一时间获得幻速赛车的最新动态</p>
- <p class="ipt_btn">
- <input type="text" name="" id="" value="" placeholder="输入您的邮箱地址" />
- <button><img src="img/footer/bt_right.png"/></button></p>
- <p class="wechat">
- <a href=""><img src="img/footer/wechat.jpg" /></a>
- <a href="https://weibo.com/u/5804049938"><img src="img/footer/weibo.jpg" /></a>
- <a href="http://v.youku.com/v_show/id_XODc0NzY5Njcy.html?qq-pf-to=pcqq.c2c"><img src="img/footer/youku.jpg" /></a>
- </p>
- <p class="phone">0592-5022711</p>
- <p class="last_p">Copyright©2018 厦门欣富地智能科技有限公司 版权所有</p>
- </div>
- </div>
- </div>
- <script src="js/jquery-3.3.1.min.js " type="text/javascript " charset="utf-8 "></script>
- <script src="js/swiper-4.1.6.min.js " type="text/javascript " charset="utf-8 "></script>
- <script src="js/init.js " type="text/javascript " charset="utf-8 "></script>
- <script>
- </script>
- </body>
- </html>
|