pengpeng
/
foton_pickup-202304
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
福田皮卡火星7+火星9
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
2 коммитов
1 ветка
Дерево: f08e16bb4f
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'f08e16bb4f'
${ noResults }
foton_pickup-202304/tunland/p7/index.html

index.html 31KB
Исходник Blame История

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. <head>

  4.     <meta charset="UTF-8">

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

  7.     <title>皮卡</title>

  8.     <link rel="stylesheet" type="text/css" href="./libs/animate.min.css">

  9.     <link rel="stylesheet" type="text/css" href="./libs/swiper-3.4.2.min.css">

  10.     <script src="./libs/jquery-1.11.3.min.js"></script>

  11.     <script src="../static/lib/jquery_scrollBar.js"></script>

  12. 

  13.     <link rel="stylesheet" type="text/css" href="/tunland/static/css/common.css">

  14. 	<script src="/tunland/static/js/headerAndFooter.js" type="text/javascript" charset="utf-8"></script>

  15.     <script src="https://pv.sohu.com/cityjson" type="text/javascript" charset="utf-8"></script>

  16. 

  17.     <link rel="stylesheet" href="./css/index.css">

  18.     <script>

  19.         if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

  20.             window.location.href = "indexm.html";

  21.         }

  22. 

  23.         $(document).ready(function() {

  24.             new foton.HeaderAndFooter();

  25. 		});

  26.     </script>

  27. </head>

  28. <body>

  29.     <!-- 头 -->

  30.     <div id="header">

  31.         <div class="header w1200-1400">

  32.             <div class="header w1200-1400">

  33.                 <a href="/tunland/"><img class="logo" src="/tunland/static/images/index/2oyearslogo.png" alt="福田皮卡" />

  34.                 </a>

  35.                 <div class="navPanel">

  36.                     <a class="homeNav" href="/tunland/">首页</a>

  37.                     <!--

  38.                                 <a class="mpvNav" style="font-family: arial;font-weight: normal;">MPV</a>

  39.                                 

  40.                                 <a class="suvNav" style="font-family: arial;font-weight: normal;">SUV</a>

  41.                     

  42.                     -->

  43.                     <!--

  44.                                 <a class="pickupNav" style="font-family: arial;font-weight: normal;">皮卡</a>

  45.                     -->

  46.                     <a class="pickupNav">产品展厅</a>

  47.                     <!--<a class="newNav" href="/tunland/support#youhuiline">最新活动</a>-->

  48.                     <a class="newNav" href="/tunland/support/data">最新活动</a>

  49.                     

  50.                     <!--<a class="vrNav">VR看车</a>-->

  51.                     <a class="supportNav" href="/tunland/support">购车支持</a>

  52.                     <a class="customerNav" href="/tunland/customer">客户服务</a>

  53.                     <a class="zhaoshangNav" href="/tunland/about/join">招商加盟</a>

  54.                     <a class="ppNav" href="/tunland/about">关于品牌</a>

  55.                     <a class="aboutNav" href="https://www.foton.com.cn/webback/about/brand" target="_blank">福田世界</a>

  56.                 </div>

  57.                 <div class="rightPanel">

  58.                     <a class="languageIcon" href="http://www.foton-global.com/"></a>

  59.                     <div class="line"></div>

  60.                     <div class="searchIcon"></div>

  61.                     <!--

  62.                                 <div class="wscbox">

  63.                         <span class="wscicon"></span>

  64.                         <span class="wsckey">拓路者微商城</span>

  65.                         <img src="/tunland/static/images/wscewm.jpg" class="wscpic trans"/>

  66.                     </div>

  67.                     

  68.                     -->

  69.                 </div>

  70.                 <form class="searchPanel" action="/tunland/bottom/search" method="post">

  71.                     <input class="searchBtn" type="submit" value="" />

  72.                     <input class="searchInput" type="text" name="title" value="search" />

  73.                     <div class="searchClose"></div>

  74.                 </form>

  75.                 <div class="loginPanel">

  76.                     <div class="title">

  77.                         <a href="/tunland/bottom/regist">注册</a>

  78.                     </div>

  79.                     <div class="line"></div>

  80.                     <div class="title">

  81.                         <a href="/tunland/bottom/login">登录</a>

  82.                     </div>

  83.                     <div class="line"></div>

  84.                     <div class="title">

  85.                         <a class="onlineservice">在线客服</a>

  86.                     </div>

  87.                 </div>

  88.                 <div class="subNavMask">

  89.                     <div class="subNavScrollPanel">

  90.                         <div class="subNavGroup"></div>

  91.         

  92.                         <!--

  93.                                         <div class="subNavGroup" style="width: 990px;height: 280px;">

  94.                                     <div class="car_togeter clearfix">

  95.                                 <ul class="car_name car_name0">

  96.                                 </ul>

  97.                                 <div class="car_imgbox car_imgbox0">

  98.                                 </div>

  99.                                 <div class="car_conbox">

  100.                                     <div class="car_conone">

  101.                                         <p class="car_conname car_conname0"></p>

  102.                                         <p class="car_conpace car_conpace0"></p>

  103.                                         <a href="" target="_blank" class="car_moreBtn trans car_moreBtn0">查看详情</a>

  104.                                     </div>

  105.                                 </div>

  106.                             </div>

  107.                                 </div>

  108.                                 

  109.                                 

  110.                                         <div class="subNavGroup" style="width: 990px;height: 280px;">

  111.                                     <div class="car_togeter clearfix">

  112.                                 <ul class="car_name car_name1">

  113.                                 </ul>

  114.                                 <div class="car_imgbox car_imgbox1">

  115.                                 </div>

  116.                                 <div class="car_conbox">

  117.                                     <div class="car_conone">

  118.                                         <p class="car_conname car_conname1"></p>

  119.                                         <p class="car_conpace car_conpace1"></p>

  120.                                         <a href="" target="_blank" class="car_moreBtn trans car_moreBtn1">查看详情</a>

  121.                                     </div>

  122.                                 </div>

  123.                             </div>

  124.                                 </div>

  125.                                 -->

  126.         

  127.                         <div class="subNavGroup" style="width: 990px;height: 280px;">

  128.                             <div class="car_togeter clearfix">

  129.                             </div>

  130.                         </div>

  131.                         <!--  <div class="subNavGroup">

  132.                                                 <a class="subNav" href="http://fpv.foton.com.cn/virtual/waiguan/e5/index.html" target="_blank">E5</a>

  133.                                 </div> -->

  134.                                 

  135.                                 <div class="subNavGroup">

  136.                                     <!--<a class="subNav" href="/tunland/support#youhuiline">优惠活动</a>-->

  137.                                     <a class="subNav" href="/tunland/support/data">最新活动</a>

  138.                                 </div>

  139.                         <div class="subNavGroup">

  140.                                 

  141.                             <!--<a class="subNav" href="http://fpv.foton.com.cn/tunland/1111/index.html" target="_blank">1111大促</a>-->

  142.                             <!--<a class="subNav" href="/tunland/support/carOnline">在线订车</a>-->

  143.                             <a class="subNav" href="/tunland/support/sale">在线订车</a>

  144.                             <a class="subNav" href="/activity/testdrive/pc">预约试驾</a>

  145.                             <a class="subNav" href="http://www.fotonmall.com/" target="_blank">福田车e购</a>

  146.                             <a class="subNav" href="/tunland/support#jingxiaoline">经销商查询</a>

  147.                             <!-- <a class="subNav" href="/tunland/support/carProcess">购车流程</a> -->

  148.                             

  149.                             

  150.                             

  151.                             <!-- <a class="subNav" href="https://futian.tmall.com/shop/view_shop.htm?spm=a1z10.1-b.w5002-7470620951.7.87TB6k&user_number_id=2257394727&rn=daba8095af1890e6bf5c292cd691683e&scene=taobao_shop" target="_blank">汽车精品</a> -->

  152.                         </div>

  153.                         <div class="subNavGroup">

  154.                             <!-- <a class="subNav" href="/tunland/customer/servicepolicy">服务政策</a> -->

  155.                             <a class="subNav" href="/tunland/customer/customerService">维修与保养</a>

  156.                             <a class="subNav" href="/tunland/customer#serviceline">服务商查询</a>

  157.                         

  158.                             <!-- <a class="subNav" href="/tunland/customer/carZonghe">爱车宝典</a> -->

  159.                             <!--<a class="subNav" href="/tunland/customer/genuineParts">纯正配件</a>-->

  160.                             <!-- <a class="subNav" href="/tunland/customer/finance">金融服务</a> -->

  161.                             <!--<a class="subNav" href="/tunland/customer#tsjy">投诉建议</a>-->

  162.                             <!-- <a class="subNav" href="/tunland/baoke/getparam">车主有礼</a> -->

  163.                         </div>

  164.                         <div class="subNavGroup">

  165.                         </div>

  166.                         <div class="subNavGroup">

  167.                             <a class="subNav" href="/tunland/about#ppjs">品牌介绍</a>

  168.                             <a class="subNav" href="/tunland/about/data">品牌新闻</a>

  169.                             <!-- 20180806 注释

  170.                                                 <a class="subNav" href="/tunland/about#ppry">品牌荣誉</a>

  171.                                                 <a class="subNav" href="/tunland/about#pplc">品牌历程</a>

  172.                             

  173.                             -->

  174.                             <a class="subNav" href="/tunland/about#rmsp">热门视频</a>

  175.                             <!--<a class="subNav" href="/tunland/about/join">招商加盟</a>-->

  176.                             <a class="subNav" href="/tunland/about/contactUs">联系我们</a>

  177.                         </div>

  178.                         <div class="subNavGroup">

  179.                             <a class="subNav" href="https://www.foton.com.cn/webback/about/brand" target="_blank">走进福田</a>

  180.                             <a class="subNav" href="https://www.foton.com.cn/webback/news" target="_blank">新闻中心</a>

  181.                         </div>

  182.                     </div>

  183.                 </div>

  184.             </div>

  185.             <div class="toolPanel w1200-1400">

  186.                 <div class="toolGroup">

  187.                     <div class="icon marketingIcon" href="/webback/baoke/getparam">

  188.                         <div class="title">

  189.                             <a href="/tunland/baoke/getparam">车主有礼</a>

  190.                         </div>

  191.                     </div>

  192.                     <div class="icon phoneIcon" href="/tunland/support/testDrive">

  193.                         <div class="title">

  194.                             <a href="/activity/testdrive/pc">预约试驾</a>

  195.                         </div>

  196.                     </div>

  197.                     <a class="icon driveIcon">

  198.                         <div class="title">4008-199-199贵宾专线</div>

  199.                     </a>

  200.                     <div class="icon codeIcon">

  201.                         <div class="innerIcon"></div>

  202.                         <div class="arrow"></div>

  203.                     </div>

  204.                     <div class="icon zxydIcon" href="/tunland/support/carOnline">

  205.                         <div class="title">

  206.                             <a href="/tunland/support/carOnline">在线预订</a>

  207.                         </div>

  208.                     </div>

  209.                     <a class="icon tmallIcon_jqr onlineservice"></a>

  210.                     <!-- <a class="icon tmallIcon" href="https://foton.tmall.com/search.htm" target="_blank"></a> -->

  211.                 </div>

  212.                 <ul class="codePanel">

  213.         

  214.                     <li>

  215.                         <div class="codeTitle">拓陆者微信</div>

  216.                         <img src="/tunland/static/images/contact_us/code4.jpg" width="84" height="84">

  217.                     </li>

  218.                     <li>

  219.                         <div class="codeTitle">拓陆者微博</div>

  220.                         <img src="/tunland/static/images/contact_us/code2.jpg" width="84" height="84">

  221.                     </li>

  222.                 </ul>

  223.                 <div class="xfcarbox">

  224.                     <a href="/tunland/support/testDrive" class="buttonone"></a>

  225.                     <a href="javascript:;" class="buttontwo" id="infortop"></a>

  226.                 </div>

  227.             </div>

  228.         </div>

  229.     </div>

  230.     

  231. 

  232.     <div id="banner"><img src="./images/banner.jpg"/></div>

  233. 

  234.     <!-- 导航 -->

  235.     <div id="navContainer">

  236.         <div class="content">

  237.             <div class="nav">

  238.                 <div class="n active">产品亮点</div>

  239.                 <div class="n">全景展示</div>

  240.                 <div class="n">精彩图集</div>

  241.                 <div class="n">参数配置</div>

  242.                 <div class="line"></div>

  243.             </div>

  244.             <a class="order" href="/tunland/support/testDrive" target="_blank">预约试驾</a>

  245.         </div>

  246.     </div>

  247.     <div id="container" style="background: url('./images/bg.jpg') no-repeat center top;">

  248.         <div class="zhanwei" style="height:1px;"></div>

  249.         <div class="section cpld">

  250.             <div class="title wow fadeInUp">产品亮点</div>

  251.             <div class="content">

  252.                 <div class="item" style="margin-top:170px; height:273px;">

  253.                     <div class="l info wow fadeInLeft" style="width:40%;">

  254.                         <div class="subTitle">天生越级  引领不凡</div>

  255.                         <div class="row"><span></span><p>基于FIA（Full-size Intelligent Architecture）全尺寸智能架构，兼容混合动力、纯电、燃料电池等动力总成</p></div>

  256.                         <div class="row"><span></span><p>国内首个全尺寸皮卡平台，双叉臂前悬架+多连杆后悬架，开创舒适驾乘新境界</p></div>

  257.                         <div class="row"><span></span><p>全新升级底盘架构，通信网络架构可拓展，充分满足性能安全、信息安全与功能安全</p></div>

  258.                     </div>

  259.                     <div class="r img" style="width:685px; margin-right: 100px;"><img src="./images/details/1.png"/></div>

  260.                 </div>

  261.                 <div class="item" style="margin-top:390px">

  262.                     <div class="l img" style="width:600px; top:-50px; margin-left: 10%;"><img src="./images/details/2.png"/></div>

  263.                     <div class="r info wow fadeInRight">

  264.                         <div class="subTitle">天生强劲  激擎无限</div>

  265.                         <div class="row"><span></span><p>强劲动力：行业首创48V柴油混合动力，中低速扭矩提升至220N·m，峰值扭矩可达450N·m</p></div>

  266.                         <div class="row"><span></span><p>高效节油：48V混动系统具备启停及能量回收功能，搭载2000bar博世高压共轨系统，燃烧更充分，整车节油率最高达15%，综合油耗低至百公里6.8L</p></div>

  267.                         <div class="row"><span></span><p>百年基因：传承百年康明斯澎湃技术，匹配经典采埃孚8AT变速箱，换挡效率提升50%，传动效率最高可达96%，双百基因铸就黄金动力</p></div>

  268.                         <div class="row"><span></span><p>性能强大：博格华纳智能适时四驱系统+前中后三把差速锁，可满足泥地、沙地、雪地、运动、标准、经济，2H七种驾驶模式，实现全地形掌控</p></div>

  269.                     </div>

  270.                 </div>

  271.                 <div class="item" style="margin-top:340px; height:417px;">

  272.                     <div class="l info wow fadeInLeft" style="width: 32%;">

  273.                         <div class="subTitle">天生硬悍  刚毅威猛</div>

  274.                         <div class="row"><span></span><p>全尺寸硬派设计理念，近2.1米车宽，5.8米车长，3.5米超长轴距，威猛之躯傲视群雄，舒适驾乘越级之享</p></div>

  275.                         <div class="row"><span></span><p>机甲硬派+幻影时尚两款前脸设计，配以星际锋芒跃动腰线，引领潮流新风尚</p></div>

  276.                         <div class="row"><span></span><p>全LED矩阵式透镜大灯+L型日间行车灯，造型简洁；贯穿式后尾灯，具有开闭锁迎宾灯语，彰显时尚与未来感</p></div>

  277.                         <div class="row"><span></span><p>后尾门蹬车踏步，人性化设计更显实用之美</p></div>

  278.                     </div>

  279.                     <div class="r img" style="width:890px; margin-right:120px;"><img src="./images/details/3.png"/></div>

  280.                 </div>

  281.                 <div class="item" style="margin-top:300px">

  282.                     <div class="l img" style="flex:1;"><img src="./images/details/4.png" style="max-width:100%;"/></div>

  283.                     <div class="r info wow fadeInRight" style="width: 550px;">

  284.                         <div class="subTitle">天生舒享  品质驾乘</div>

  285.                         <div class="row"><span></span><p>宇宙科技静音座舱，国际领先的NVH调校，振动感受减小30%以上，带来舒适静谧的驾乘体验</p></div>

  286.                         <div class="row"><span></span><p>沉稳黑、激情橙、儒雅蓝三款套色内饰，彰显多面人生；大面积皮质包覆，搭配多彩氛围灯，豪华感跃然而生</p></div>

  287.                         <div class="row"><span></span><p>超1.1㎡全景天窗，后排靠背黄金倾斜角度，开阔视界与舒享驾乘伴你一路同行</p></div>

  288.                         <div class="row"><span></span><p>10向电动调节座椅，具备三档记忆与通风加热功能，减轻旅途疲惫</p></div>

  289.                         <div class="row"><span></span><p>双温区自动恒温空调+后排出风口，支持手机无线充电+数字钥匙开锁车，乐享驾乘，更享惬意人生</p></div>

  290.                         <div class="row"><span></span><p>驾舱与货箱预留220V电源接口，告别户外用电焦虑，纵享露营乐趣</p></div>

  291.                     </div>

  292.                 </div>

  293.                 <div class="item" style="margin-top:330px">

  294.                     <div class="l info wow fadeInLeft" style="width: 670px;">

  295.                         <div class="subTitle">天生睿智  科技智能</div>

  296.                         <div class="row"><span></span><p>14.6英寸超大中控高清显示屏，12.3英寸全彩数字液晶仪表，尽享科技豪华之美</p></div>

  297.                         <div class="row"><span></span><p>拥有投屏交互、智能情景模拟、智能人机互动等个性化功能，交互响应迅速，识别准确度高，结合专属虚拟卡通形象，让交互感受更加直观亲切</p></div>

  298.                         <div class="row"><span></span><p>腾讯TAI4.0智能生态座舱，集成内容优势，提供全场景智能车载服务，并支持实时通讯、K歌娱乐等，让用户尽享智能生活、智能社交、智能出行生态</p></div>

  299.                         <div class="row"><span></span><p>支撑整车OTA远程升级，为用户提供及时优质的智能服务</p></div>

  300.                     </div>

  301.                     <div class="r img" style="flex:1;"><img src="./images/details/5.png"/></div>

  302.                 </div>

  303.                 <div class="item" style="margin-top:250px">

  304.                     <div class="l img" style="flex:1;"><img src="./images/details/6.png" style="width:100%;"/></div>

  305.                     <div class="r info wow fadeInRight" style="width:45%; max-width: 690px; height: 513px;">

  306.                         <div class="subTitle">天生可靠  五星防护</div>

  307.                         <div class="row"><span></span><p>高强度笼型车身+双安全气囊+侧气囊+侧气帘+全员预紧式安全带，全方位守护人员安全</p></div>

  308.                         <div class="row"><span></span><p>博世9.3版本ESP，在车辆紧急状态下保持车身稳定，守护行车安全</p></div>

  309.                         <div class="row"><span></span><p>L2+级智能驾驶辅助系统，12项辅助功能，（支持AEB自动刹车辅助、ACC自适应巡航、TSR交通标志识别、TJA交通拥堵辅助、FCW前碰撞预警、LDW车道保持系统、LCC车道居中辅助、LCA变道辅助、BSD盲区监测、RTCA倒车横穿预警、DOW开门预警、DMS疲劳驾驶监测，打造皮卡圈最强驾辅系统）</p></div>

  310.                         <div class="row"><span></span><p>“透明底盘”功能快速捕捉道路状况，避免坑洼、崎岖路面带来的底盘伤害</p></div>

  311.                         <div class="row"><span></span><p>DVR车载视频终端、MOD移动物体监测全景环视为安全驾驶提供有力的支持</p></div>

  312.                     </div>

  313.                 </div>

  314.             </div>

  315.         </div>

  316.         <div class="section qjzs">

  317.             <div class="title wow fadeInUp">全景展示</div>

  318.             <div class="content wow fadeInUp">

  319.                 <div class="nav">

  320.                     <div class="n wg">外观</div>

  321.                     <div class="n ns">内饰</div>

  322.                     <div class="line"></div>

  323.                 </div>

  324.                 <a class="vr" href="http://foton.cloud-top.com.cn/p4_7/" target="_blank"><img src="./images/vr.png"/>全景观车</a>

  325.                 <div class="swiper-container">

  326.                     <div class="swiper-wrapper">

  327.                         <div class="swiper-slide">

  328.                             <img src="./images/qjzs_1.jpg" alt="">

  329.                         </div>

  330.                         <div class="swiper-slide">

  331.                             <img src="./images/qjzs_2.jpg" alt="">

  332.                         </div>

  333.                     </div>

  334.                 </div>

  335.             </div>

  336.         </div>

  337.         <div class="section jctj">

  338.             <div class="title wow fadeInUp">精彩图集</div>

  339.             <div class="content wow fadeInUp">

  340.                 <div class="swiper1">

  341.                     <div class="swiper-wrapper">

  342.                         <div class="swiper-slide">

  343.                             <img src="./images/jctj/1.jpg" alt="">

  344.                         </div>

  345.                         <div class="swiper-slide">

  346.                             <img src="./images/jctj/2.jpg" alt="">

  347.                         </div>

  348.                         <div class="swiper-slide">

  349.                             <img src="./images/jctj/3.jpg" alt="">

  350.                         </div>

  351.                         <div class="swiper-slide">

  352.                             <img src="./images/jctj/4.jpg" alt="">

  353.                         </div>

  354.                     </div>

  355.                 </div>

  356.                 <div class="swiper2">

  357.                     <div class="swiper-wrapper">

  358.                         <div class="swiper-slide">

  359.                             <img src="./images/jctj/1.jpg" alt="" style="margin-left:-240px;">

  360.                         </div>

  361.                         <div class="swiper-slide">

  362.                             <img src="./images/jctj/2.jpg" alt="" style="margin-left:-160px;">

  363.                         </div>

  364.                         <div class="swiper-slide">

  365.                             <img src="./images/jctj/3.jpg" alt="">

  366.                         </div>

  367.                         <div class="swiper-slide">

  368.                             <img src="./images/jctj/4.jpg" alt="">

  369.                         </div>

  370.                     </div>

  371.                 </div>

  372.             </div>

  373.         </div>

  374.         <div class="section cspz">

  375.             <div class="title wow fadeInUp">参数配置</div>

  376.             <div class="content wow fadeInUp"><img src="./images/parameter.jpg" alt=""></div>

  377.         </div>

  378.         <div class="section yysj">

  379.             <div class="title wow fadeInUp">预约试驾</div>

  380.             <div class="content wow fadeInUp">

  381.                 <div class="row first">

  382.                     <input type="text" id="name" placeholder="请输入姓名">

  383.                     <input type="text" id="realPhone" placeholder="请输入手机号">

  384.                 </div>

  385.                 <div class="row">

  386.                     <select name="" id="province"><option value=-1>省份</option></select>

  387.                     <select name="" id="city"><option value=-1>请选择市</option></select>

  388.                 </div>

  389.                 <div class="row">

  390.                     <select name="" id="brand"><option value=-1>品牌</option></select>

  391.                     <select name="" id="carSeries"><option value=-1>选择车型</option></select>

  392.                 </div>

  393.             </div>

  394.             <div class="btn submit">预约试驾</div>

  395.         </div>

  396.     </div>

  397. 

  398.     <!-- 尾 -->

  399.     <div id="footer" class="phonehide" >

  400.         <div class="footer w1200-1400">

  401.             <div class="innerPanel w1200">

  402.                 <div class="col col1">

  403.                     <div class="otherNavPanel">

  404.                         <a href="/tunland/about/contactUs">联系我们</a>

  405.                         <div class="line"></div>

  406.                         <a href="/tunland/bottom/siteMap">网站地图</a>

  407.                         <div class="line"></div>

  408.                             <a href="https://www.foton.com.cn/webback/static/images/code44.jpg">营业执照</a>

  409.                                     <div class="line"></div>

  410.                         <a href="http://futurefoton.zhiye.com/home" target="_blank">招贤纳士</a>

  411.                         <div class="line"></div>

  412.                         <a href="https://www.foton.com.cn/webback/privacy/index.html">隐私政策</a>

  413.                     </div>

  414.                     <div class="searchTitle">探索福田皮卡官网</div>

  415.                     <form class="searchPanel" action="/tunland/bottom/search" method="post">

  416.                         <input class="searchInput" type="text" value="SEARCH" name="title"/>

  417.                         <input type="submit" class="searchBtn trans"  value="" />

  418.                     </form>

  419.                 </div>

  420.                 <div class="footLine"></div>

  421.                 <div class="col2 col">

  422.                     <div class="qrcodeBox">

  423.                         <div class="title">福田皮卡微信</div>

  424.                         <img class="qrcode" src="/tunland/static/images/contact_us/code4.jpg"/>

  425.                     </div>

  426.                     <div class="qrcodeBox">

  427.                         <div class="title">福田皮卡微博</div>

  428.                         <img class="qrcode" src="/tunland/static/images/contact_us/code2.jpg"/>

  429.                     </div>

  430.                     <div class="qrcodeBox">

  431.                         <div class="title">福田皮卡APP</div>

  432.                         <img class="qrcode" src="/tunland/static/images/contact_us/code3.jpg"/>

  433.                     </div>

  434.                 </div>

  435.                 <div class="footLine"></div>

  436.                 <div class="col3 col">

  437.                     <div class="phoneTitle">24小时贵宾热线：</div>

  438.                     <div class="phone">4008-199-199</div>

  439.                     <p class="text">福田汽车旗下产品品牌</p>

  440.                     <div class="linkPanel">

  441.                         <div class="linkTitle">福田汽车家族网站</div>

  442.                         <div class="linkGroup trans">

  443.                             <div class="linkBox">

  444.                                 <a href="https://www.foton.com.cn/" target="_blank" class="linkBtn">福田汽车官方网站</a>

  445.                                 <a href="https://www.aumantruck.com/" target="_blank" class="linkBtn">欧曼官方网站</a>

  446.                                 <a href="https://auv.foton.com.cn/" target="_blank" class="linkBtn">欧辉客车官方网站</a>

  447.                                 <a href="https://aumark.foton.com.cn/" target="_blank" class="linkBtn">欧航欧马可官方网站</a>

  448.                                 <a href="https://ollin.foton.com.cn" target="_blank" class="linkBtn">奥铃汽车官方网站</a>

  449.                                 <a href="http://forland.foton.com.cn/" target="_blank" class="linkBtn">时代汽车官方网站</a>

  450.                                 <a href="http://rowor.foton.com.cn" target="_blank" class="linkBtn">瑞沃品牌官方网站</a>

  451.                                 <a href="http://www.fotonloxa.com/" target="_blank" class="linkBtn">雷萨重机官方网站</a>

  452.                                 <a href="http://www.bfcec.com.cn/" target="_blank" class="linkBtn">福田康明斯官方网站</a>

  453.                                 <a href="http://pbms.foton.com.cn" target="_blank" class="linkBtn">供应商门户网站</a>

  454.                                 <a href="https://van.foton.com.cn/" target="_blank" class="linkBtn">图雅诺官方网站</a>

  455.                             </div>

  456.                         </div>

  457.                     </div>

  458.                 </div>

  459.             </div>

  460.         </div>

  461.         <div class="copyright w1200-1400">

  462.                 <div class="copyright w1200-1400">

  463.                 <div class="innerPanel w1200 cnzz">

  464.                 © 北汽福田汽车股份有限公司版权所有    <a style="color: #6d6d6d;" href="http://www.beian.miit.gov.cn/" >京ICP备12004550号</a>&nbsp;&nbsp;京公网安备 110401000095号 &nbsp;

  465.                 <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278622396'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/z_stat.php%3Fid%3D1278622396%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>

  466.                 <script>

  467.                     var _hmt = _hmt || [];

  468.                     (function() {

  469.                         var hm = document.createElement("script");

  470.                         hm.src = "https://hm.baidu.com/hm.js?a6b6ffc56a9ca88fbe0081ca9e2e1972";

  471.                         var s = document.getElementsByTagName("script")[0]; 

  472.                         s.parentNode.insertBefore(hm, s);

  473.                     })();

  474.                 </script>

  475. 

  476.                 </div>

  477.             </div>

  478.         </div>

  479.     </div>

  480. 

  481.     <!-- 弹窗 -->

  482.     <div class="alertbox">

  483.         <div class="boxwrap">

  484.             <div class="content">

  485.                 <div class="alertheader">

  486.                     <h4 class="modaltitle">提示</h4>

  487.                 </div>

  488.                 <div class="modalbody">

  489.                     <p>亲，活动还未开启呦！敬请期待！</p>

  490.                 </div>

  491.                 <div class="modalfooter">

  492.                     <button type="button" class="btn btn-default ">朕知道了</button>

  493.                 </div>

  494.             </div>

  495.         </div>

  496.     </div>

  497. 

  498.     <script src="./libs/swiper-3.4.2.jquery.min.js"></script>

  499.     <script src="./libs/swiper.animate.min.js"></script>

  500.     <script src="./libs/wow.min.js" type="text/javascript" charset="utf-8"></script>

  501.     <script src="./js/index.js"></script>

  502.     <script>

  503.         new foton.pk();

  504.     </script>

  505. </body>

  506. </html>