王展智修改

tunland/p7/css/contentBox.css

@@ -29,15 +29,16 @@
 .contentTitle2{
     font-size: 20px;
     color: #fff;
-    padding-bottom: 9px;
-    margin-bottom: 12px;
+    padding-bottom: 20px;
+    margin-bottom: 0px;
     font-family: SourceHanSansCN;
     font-weight: bold;
     text-align:center;
-    /* width: 92.6%; */
-    width: 95.4%;
-    margin-left: 2.2%;
-    background: url("../images/title_line.png") no-repeat bottom center;
+    width: 52% !important;
+    margin: 0 auto !important;
+    background: url(../../p7/images_mb/Mars7_09.jpg) no-repeat bottom center;
+    background-size: 416px 29px;
+    
 }
  
  .contentBox .contentMain{
@@ -48,6 +49,7 @@
  .contentBox .contentMain .contentMainHeader{
     height: 16px;
     font-size: 15px;
+    margin-bottom:24px;
     font-family: MicrosoftYaHei;
     font-weight: bold;
     color: #FFFFFF;

tunland/p7/css/indexm.css

@@ -75,10 +75,11 @@ input:-webkit-autofill:active {
 
 #container .qjzs{
     width: 100%;
-    margin-top: -145px;
+    margin-top: -100px;
 }
 #container .qjzs .content{
     position: relative;
+    margin-top: -15px;
 }
 #container .qjzs .content img{
     width: 100%;
@@ -91,7 +92,7 @@ input:-webkit-autofill:active {
     position: absolute;
     left: 0;
     right: 0;
-    top: 30px;
+    top: 15px;
     z-index: 2;
     display: flex;
     justify-content: space-between;
@@ -101,7 +102,7 @@ input:-webkit-autofill:active {
     width: 54.5px;
     float: left;
     text-align: center;
-    font-size: 14px;
+    font-size:12px;
     line-height: 1;
     font-family: MicrosoftYaHei;
     font-weight: bold;
@@ -184,7 +185,7 @@ input:-webkit-autofill:active {
 }
 #container .yysj .title{ background: none;}
 #container .yysj .content .row{
-    width: 100%;
+    /* width: 95.6%; */
     display: flex;
     justify-content: space-between;
     margin-left:0;
@@ -201,7 +202,7 @@ input:-webkit-autofill:active {
     background: none;
     height: 30px;
     line-height: 30px;
-    font-size: 8px;
+    font-size: 12px;
     padding: 0 7.5px;
     box-sizing: border-box;
     margin-bottom: 10px;
@@ -216,11 +217,11 @@ input:-webkit-autofill:active {
     width: 144px;
     height: 35px;
     border: 1px solid #0091FF;
-    border-radius: 9px;
-    line-height: 29px;
+    border-radius: 20px;
+    line-height: 33px;
     text-align: center;
     margin: 9px auto 0;
-    font-size: 9px;
+    font-size: 12px;
     font-family: MicrosoftYaHei;
     font-weight: bold;
     color: #0091FF;
@@ -299,6 +300,7 @@ input:-webkit-autofill:active {
 .titleBox.fixed{
     position: fixed;
     left: 0;
-    top: 53px;
+    top: 45px;
+    padding-top:5px;
     z-index:9;
 }

tunland/p7/css/topBox.css

@@ -11,11 +11,6 @@
     margin-top: 4.5px;
 }
 
-/* .topImg{
-    width:375pt;
-    height:187.5pt;
-} */
-
 
 .titleBox .title {
     width: 70px;
@@ -25,7 +20,7 @@
 
 .titleBox .tab {
     text-align: center;
-    font-size: 10px;
+    font-size: 11px;
     display:inline-block;
     vertical-align: middle;
     width:12.7%;
@@ -40,16 +35,13 @@
 
 .titleBox .radio{
     border: 1px solid #0091FF;
-    border-radius: 12px;
+    border-radius: 16px;
     width:21%;
     padding-top:6px;
     padding-bottom:6px;
     color: #0091FF;
 }
 
-.titleBox .tab:hover {
-    color: #FC4832;
-}
 
 .titleBox .active {
     color: #0091FF;
@@ -79,54 +71,4 @@
     color: #999999;
 }
 
-.typeBox .topTitle {
-    width: 35px;
-}
-
-.aItem {
-    font-size: 14px;
-    padding-left: 10px;
-    padding-right: 10px;
-    height: 24px;
-    line-height: 24px;
-    top: 20px;
-    cursor: pointer;
-    float: left;
-    margin: 20px 0 0 20px;
-}
-
-.aItem:hover {
-    color: #fff;
-    background: #FC4832;
-}
-
-.typeBox .item1 {
-    left: 50px;
-}
-
-.typeBox .item2 {
-    left: 117px;
-}
-
-.typeBox .item3 {
-    left: 225px;
-}
-
-.typeBox .item4 {
-    left: 310px;
-}
-
-.typeBox .item5 {
-    left: 383px;
-}
-
 
-.typeBox2 {
-    width: 100%;
-    height: 64px;
-    position: relative;
-}
-
-.typeBox2 .topTitle {
-    width: 50px;
-}

tunland/p7/index.html

@@ -11,7 +11,7 @@
     <script src="../static/lib/jquery_scrollBar.js"></script>
 
     <link rel="stylesheet" type="text/css" href="/tunland/static/css/common.css">
-	<script src="/tunland/static/js/headerAndFooter.js" type="text/javascript" charset="utf-8"></script>
+	<script src="https://pickup.foton.com.cn/tunland/static/js/headerAndFooter.js" type="text/javascript" charset="utf-8"></script>
     <script src="https://pv.sohu.com/cityjson" type="text/javascript" charset="utf-8"></script>
 
     <link rel="stylesheet" href="./css/index.css">

tunland/p7/indexm.html

@@ -243,15 +243,15 @@
                         天生越级，引领不凡
                     </div>
                     <ul>
-                        <li class="item">基于FIA（Full-size Intelligent Architecture）全尺寸智能架构，兼容混合动力、纯电、燃料电池等动力总成</li>
+                        <li class="item">基于 FIA （Full-size Intelligent Architecture）  全尺寸智能架构，兼容混合动力、纯电、燃料电池等动力总成</li>
                         <li class="item">国内首个全尺寸皮卡平台，双叉臂前悬架+多连杆后悬架，开创舒适驾乘新境界</li>
-                        <li class="item">全新升级底盘架构，通信网络架构可拓展，充分满足性能安全、信息安全与功能安全</li>
+                        <li class="item">全新升级底盘架构 ，  通信网络架构可拓展  ， 充分的满足了性能安全、信息安全与功能安全</li>
                     </ul>
                 </div>
             </div>
             <div class="contentBox tab-1-car-1-2">
                 <div class="tab-1-car-1"></div>
-                <div class="contentMain">
+                <div class="contentMain" style="top:-161px;">
                     <div class="contentMainHeader">
                         天生强劲 激擎无限
                     </div>
@@ -300,9 +300,9 @@
                         天生睿智 科技智能
                     </div>
                     <ul>
-                        <li class="item">14.6英寸超大中控高清显示屏，12.3英寸全彩数字液晶仪表，尽享科技豪华之美</li>
+                        <li class="item">14.6 英寸超大中控高清显示屏 ，12.3 英寸全彩数字液晶仪表，尽享科技豪华之美</li>
                         <li class="item">拥有投屏交互、智能情景模拟、智能人机互动等个性化功能，交互响应迅速，识别准确度高，结合专属虚拟卡通形象，让交互感受更加直观亲切</li>
-                        <li class="item">腾讯TAI4.0智能生态座舱，集成内容优势，提供全场景智能车载服务，并支持实时通讯、K歌娱乐等，让用户尽享智能生活、智能社交、智能出行生态</li>
+                        <li class="item">腾讯 TAI4.0 智能生态座舱，集成内容优势，提供全场景智能车载服务，并支持实时通讯、K歌娱乐等，让用户尽享智能生活、智能社交、智能出行生态</li>
                         <li class="item">支撑整车OTA远程升级，为用户提供及时优质的智能服务</li>
                     </ul>
                 </div>
@@ -334,7 +334,7 @@
                     <div class="n ns">内饰</div>
                     <div class="line"></div>
                 </div>
-                <div class="vr"><img src="./images_mb/pc/vr.png"/>全景观车</div></a>
+                <div class="vr vr_7"><img src="./images_mb/pc/vr.png"/>全景观车</div></a>
                 <div class="swiper-container">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide">

tunland/p7/js/indexm.js

@@ -97,6 +97,7 @@ window.foton = window.foton || {};
             let bannerH = $(".topImg").height() - 75;
             let top = $(document).scrollTop();
             if(top >= bannerH){
+                console.log('ssss')
                 $(".titleBox").addClass("fixed");
             }else{
                 $(".titleBox").removeClass("fixed");
@@ -104,45 +105,68 @@ window.foton = window.foton || {};
         })
         // 锚点
         let ary = ["cpld", "qjzs", "jctj", "cspz"];
-        
+        let flag = false
+        let oldIndex = 0;
         $(".titleBox .tab").click(e=>{
-            console.log('index');
-            let index = $(e.currentTarget).index();
             
+            let index = $(e.currentTarget).index();
+            if(index>=4){
+                return
+            }
             let section = $(`.${ary[index]}`);
-            let top = section.offset().top-56;
+            let top
+            if(oldIndex === 0){
+                top = section.offset().top-176;
+            }else{
+                top =  section.offset().top-126;
+            }
+             
+            console.log('index',index,top);
             
             window.scrollTo({
                 top: top,
                 behavior: "smooth"
             })
-
+            flag = true
             $(".titleBox .tab").removeClass("active");
             $(e.currentTarget).addClass("active");
+            oldIndex=index
         })
-
+      
         let topList = []
         ary.forEach((item) => {
             let section = $(`.${item}`);
-            topList.push(section.offset().top-56)
+            topList.push(section.offset().top-256)
         })
-        $(window).scroll(function () {
+        function scroll() {
+            flag=false
             var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-            for(let i = 1 ;i<4;i++){
-                if(scrollTop<topList[0]){
+            for (let i = 1; i < 4; i++) {
+                if (scrollTop < topList[0]) {
+                    $(".titleBox .tab").removeClass("active");
+                    $(".titleBox .tab")[0].className += ' active';
+                }
+                else if (scrollTop > topList[i - 1] && scrollTop < topList[i]) {
+
+                    $(".titleBox .tab").removeClass("active");
+                    $(".titleBox .tab")[i - 1].className += ' active'
+                } else if (scrollTop > topList[3]) {
                     $(".titleBox .tab").removeClass("active");
-                    $(".titleBox .tab")[0].className+=' active';
+                    $(".titleBox .tab")[3].className += ' active'
                 }
-              else if(scrollTop>topList[i-1]&&scrollTop<topList[i]){
-                 
-                $(".titleBox .tab").removeClass("active");
-                $(".titleBox .tab")[i-1].className+=' active'
-               }else if(scrollTop>topList[3]){
-                $(".titleBox .tab").removeClass("active");
-                $(".titleBox .tab")[3].className+=' active'
-               }
+            }
+        }
+        $(window).scroll(() => {
+            if (flag) {
+                setTimeout(scroll, 2000)
+            } else {
+                scroll()
             }
         })
+        
+
+
+
     }
     //预约跳转
     p.yysjLink = function(){
@@ -165,9 +189,11 @@ window.foton = window.foton || {};
     }
     //全景观车
     p.qjgc=function(){
-        $('.vr').click(()=>{
-            console.log('sss')
-            window.location.href = "http://foton.cloud-top.com.cn/p4_7/"
+        $('.vr_7').click(()=>{
+                window.location.href = "http://foton.cloud-top.com.cn/p4_7/"
+        })
+        $('.vr_9').click(()=>{
+                window.location.href = "http://foton.cloud-top.com.cn/p4_9/"
         })
     }
 

tunland/p9/css/contentBox.css

@@ -0,0 +1,116 @@
+.tab-1-car-1{
+    width:100%; 
+    height:589px;
+    background-color:transparent;
+ }
+ .contentBox{
+     margin-top:12px;
+     color: #FFFFFF;
+     position:relative;
+     padding-left: 4.2%;
+     padding-right: 4.2%;
+ }
+ 
+ .contentBox .contentTitle{
+     font-size: 20px;
+     font-family: SourceHanSansCN;
+     font-weight: bold;
+     position:absolute;
+     top:45px;
+     left: 50%;
+     transform: translateX(-50%);
+ }
+ .contentBox .contentTitle2{
+    font-size: 20px;
+    font-family: SourceHanSansCN;
+    font-weight: bold;
+    text-align:center;
+}
+.contentTitle2{
+   font-size: 20px;
+   color: #fff;
+   padding-bottom: 20px;
+   margin-bottom: 0px;
+   font-family: SourceHanSansCN;
+   font-weight: bold;
+   text-align:center;
+   width: 52% !important;
+   margin: 0 auto !important;
+   background: url(../../p7/images_mb/Mars7_09.jpg) no-repeat bottom center;
+   background-size: 416px 29px;
+}
+ 
+ .contentBox .contentMain{
+    margin-top:-140px;
+    top: -140px;
+    position:relative;
+ }
+ .contentBox .contentMain .contentMainHeader{
+    height: 16px;
+    font-size: 15px;
+    margin-bottom:24px;
+    font-family: MicrosoftYaHei;
+    font-weight: bold;
+    color: #FFFFFF;
+ }
+
+ .item {
+     font-size: 13px;
+     font-family: MicrosoftYaHei;
+     font-weight: 400;
+     color: #B9B9B9;
+     line-height: 24px;
+     margin-top:15px;
+    list-style: disc;
+    margin-left: 4.2%;
+ }
+ ::marker{
+    color: #fff;
+ }
+ .back-img{
+    background: url(../images_mb/Mars7_06.jpg) no-repeat center center;
+    background-size: cover;
+    width: 100%;
+    position:relative;
+    top:-58px;
+    z-index:-1;
+ }
+ .back-img2{
+    background: url(../images_mb/Mars7_09.jpg) no-repeat center center;
+    background-size: cover;
+    width: 100%;
+ }
+ .back-img3{
+    background: url(../images_mb/Mars7_11.jpg) no-repeat center center;
+    background-size: cover;
+    width: 100%;
+ }
+ .back-img4{
+    background: url(../images_mb/Mars7_13.jpg) no-repeat center center;
+    background-size: cover;
+    width: 100%;
+ }
+
+ .swiper-container{
+    margin-top:14px;
+ }
+ .swiper-container .swiper-wrapper .swiper-slide img{
+    width:100%;
+ }
+.swiper1{
+        height: auto;
+        max-height: 850px;
+        overflow: hidden;
+}
+.swiper1 img{
+    width:100%;
+}
+ ul{
+    padding-inline-start:4.2%;
+    margin-block: 0;
+ }
+
+ #container .qjzs .content {
+   position: relative;
+   margin-top: -15px;
+}

tunland/p9/css/indexm.css

@@ -0,0 +1,304 @@
+body{
+    padding:0;
+    margin:0;
+    background:#000;
+    width:100%
+}
+input{
+    border-radius: 0;
+}
+/* input背景色透明 */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus, 
+input:-webkit-autofill:active {
+    transition-delay: 999999999s;
+    transition: color  999999999s ease-out, background-color  999999999s ease-out;
+    -webkit-transition-delay:  999999999s;
+    -webkit-transition: color  999999999s ease-out, background-color  999999999s ease-out;
+    -webkit-text-fill-color: #fff;
+}
+
+.main{
+    width:100%;
+}
+#container .section{
+    width: 100%;
+}
+#container .section .title{
+    font-size: 20px;
+    font-family: SourceHanSansCN;
+    font-weight: bold;
+    text-align:center;
+    background: url("../images/title_line.png") no-repeat bottom center;
+}
+#container .cpld .content{
+    width: 100%;
+}
+#container .cpld .content .item .l{ float: left;}
+#container .cpld .content .item .r{ float: right;}
+#container .cpld .content .item .l.info{ margin-left: 150px;}
+#container .cpld .content .item .r.info{ margin-right: 150px;}
+/* #container .cpld .content .item .info{
+} */
+#container .cpld .content .item .info .subTitle{
+    font-size: 18px;
+    line-height: 1;
+    font-family: MicrosoftYaHei;
+    font-weight: bold;
+    color: #fff;
+    margin-bottom: 22.5px;
+}
+#container .cpld .content .item .info .row{
+    display: flex;
+}
+#container .cpld .content .item .info span{
+    width: 4px;
+    height: 4px;
+    display: inline-block;
+    background-color: #fff;
+    border-radius: 50%;
+    margin-right: 6px;
+    margin-top: 9px;
+}
+#container .cpld .content .item .info p{
+    width: 100%;
+    font-size: 9px;
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    color: #B9B9B9;
+    line-height: 48px;
+    flex: 1;
+}
+#container .cpld .content .item .clear{ width: 100%; clear: both;}
+
+
+#container .qjzs{
+    width: 100%;
+    margin-top: -100px;
+}
+#container .qjzs .content{
+    position: relative;
+}
+#container .qjzs .content img{
+    width: 100%;
+}
+#container .qjzs .nav{
+    width: 125px;
+    height: 20px;
+    margin: 0 auto;
+    color: #fff;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 15px;
+    z-index: 2;
+    display: flex;
+    justify-content: space-between;
+    border-bottom: solid 1px rgba(255, 255, 255, .4);
+}
+#container .qjzs .nav .n{
+    width: 54.5px;
+    float: left;
+    text-align: center;
+    font-size:12px;
+    line-height: 1;
+    font-family: MicrosoftYaHei;
+    font-weight: bold;
+    color: rgba(255, 255, 255, .6);
+    cursor: pointer;
+}
+#container .qjzs .nav .n.swiper-button-disabled{
+    color: #fff;
+}
+#container .qjzs .nav .line{
+    width: 55px;
+    height: 0;
+    border-bottom: solid 1px #fff;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    transition: all .3s;
+}
+#container .qjzs .nav .line.right{
+    left: 70px;
+}
+#container .qjzs .vr{
+    width: 112px;
+    height: 24px;
+    border: 1px solid #FFFFFF;
+    border-radius: 12px;
+    display: flex;
+    justify-content: center;
+    line-height: 24px;
+    box-sizing: border-box;
+    color: #fff;
+    font-size: 12px;
+    font-family: MicrosoftYaHei;
+    position: absolute;
+    bottom: 22px;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    z-index: 2;
+    cursor: pointer;
+}
+#container .qjzs .vr img{
+    width: 17.5px;
+    height: 12px;
+    margin-right: 6px;
+    margin-top: 6px;
+}
+
+
+#container .jctj{ 
+    width: 100%; 
+    color: #fff;
+    overflow: hidden;
+    margin-top:70px;
+}
+#container .jctj .swiper1{
+    overflow: hidden;
+}
+#container .jctj .swiper1 img{ 
+    width: 100%;
+}
+#container .jctj .swiper2{
+    margin-top: 15px;
+    position: relative;
+    left: -35%;
+}
+#container .jctj .swiper2 .swiper-slide{
+    width: auto !important;
+}
+#container .jctj .swiper2 img{ 
+    width: 105px;
+}
+
+#container .yysj{
+    padding-left: 4.2%;
+    width:92.6%;
+    /* width: 95.4%; */
+    margin-top:60px;
+    margin-bottom:60px;
+}
+#container .yysj .title{ background: none;}
+#container .yysj .content .row{
+    display: flex;
+    justify-content: space-between;
+    margin-left:0;
+    margin-right:0;
+}
+
+#container .yysj .content .row input,
+#container .yysj .content .row select{
+    width: 100%;
+    outline: none;
+    width: 100%;
+    border: none;
+    border-bottom: solid 1px rgba(255, 255, 255, .5);
+    background: none;
+    height: 30px;
+    line-height: 30px;
+    font-size: 12px;
+    padding: 0 7.5px;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+    color: #fff;
+}
+#container .yysj .content .row select option{ color: #000;}
+#container .yysj .content .row input:first-child,
+#container .yysj .content .row select:first-child{
+    margin-right: 10px;
+}
+#container .yysj .btn{
+    width: 144px;
+    height: 35px;
+    border: 1px solid #0091FF;
+    border-radius: 20px;
+    line-height: 33px;
+    text-align: center;
+    margin: 9px auto 0;
+    font-size: 12px;
+    font-family: MicrosoftYaHei;
+    font-weight: bold;
+    color: #0091FF;
+    cursor: pointer;
+    box-sizing: border-box;
+}
+
+
+/* 提示框 */
+.alertbox{
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 100;
+    display: none;
+    background: rgba(0,0,0,.6);
+}
+.alertbox .boxwrap{
+    margin: 0 auto;
+}
+.alertbox .boxwrap .content{
+    position: relative;
+    margin: 100px auto;
+    width: 70%;
+    outline: 0;
+    border: 1px solid rgba(0,0,0,.2);
+    border-radius: 15px;
+    background-color: #fff;
+    background-clip: padding-box;
+    -webkit-background-clip: padding-box;
+}
+.alertbox .alertheader {
+    padding: 15px;
+    min-height: 8.2px;
+}
+.alertbox .modaltitle {
+    margin: 0;
+    line-height: 50px;
+    font-size: 22px;
+    background-size: 70%;
+    text-align: center;
+}
+.alertbox .modalbody {
+    position: relative;
+    padding: 15px;
+    text-align: center;
+}
+.modalbody p {
+    margin: 0 0 5px;
+}
+.alertbox .modalfooter {
+    padding: 15px;
+    text-align: right;
+}
+.alertbox .modalfooter .btn {
+    font-size: 15px;
+    margin: 0 auto;
+    width: 200px;
+    background: #ad2f27;
+    color: #fff;
+    display: block;
+    height: 40px;
+    border: none;
+    border-radius: 20px;
+}
+.contentBox .contentTitle2{
+    font-size: 20px;
+    font-family: SourceHanSansCN;
+    font-weight: bold;
+    text-align:center;
+    color: #fff;
+    background: url("../p9/images_mb/Mar-9.jpg") no-repeat bottom center;
+}
+.titleBox.fixed{
+    position: fixed;
+    left: 0;
+    top: 45px;
+    padding-top:5px;
+    z-index:9;
+}

tunland/p9/indexm.html

@@ -6,8 +6,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../p7/css/topBox.css" />
-    <link rel="stylesheet" href="../p7/css/indexm.css" />
-    <link rel="stylesheet" href="../p7/css/contentBox.css" />
+    <link rel="stylesheet" href="../p9/css/indexm.css" />
+    <link rel="stylesheet" href="../p9/css/contentBox.css" />
     <link rel="stylesheet" href="../p7/libs/animate.min.css" />
     <link rel="stylesheet" href="../p7/libs/swiper.animate.min.js" />
     <link rel="stylesheet" type="text/css" href="../p7/libs/animate.min.css">
@@ -224,10 +224,10 @@
                 <img src="./images_mb/Mars7_02.jpg" style="width:100%">
             </div>
             <div class="titleBox">
-                <a class="tab active" href="#cpld" >产品亮点</a>
-                <a class="tab " href="#qjzs" >全景展示</a>
-                <a class="tab " href="#jctj" >精彩图集</a>
-                <a class="tab" href="#cspz">参数配置</a>
+                <a class="tab active"  >产品亮点</a>
+                <a class="tab "  >全景展示</a>
+                <a class="tab "  >精彩图集</a>
+                <a class="tab" >参数配置</a>
                 <a class="tab radio" >预约试驾</a>
             </div>
         </div>
@@ -238,20 +238,20 @@
                 <div class="contentTitle">
                     产品亮点
                 </div>
-                <div class="contentMain">
+                <div class="contentMain"  style="top:-130px;">
                     <div class="contentMainHeader">
                         天生越级，引领不凡
                     </div>
                     <ul>
-                        <li class="item">基于FIA（Full-size Intelligent Architecture）全尺寸智能架构，兼容混合动力、纯电、燃料电池等动力总成</li>
+                        <li class="item">基于 FIA （Full-size Intelligent Architecture）  全尺寸智能架构，兼容混合动力、纯电、燃料电池等动力总成</li>
                         <li class="item">国内首个全尺寸皮卡平台，双叉臂前悬架+多连杆后悬架，开创舒适驾乘新境界</li>
-                        <li class="item">全新升级底盘架构，通信网络架构可拓展，充分满足性能安全、信息安全与功能安全</li>
+                        <li class="item">全新升级底盘架构 ，  通信网络架构可拓展  ， 充分的满足了性能安全、信息安全与功能安全</li>
                     </ul>
                 </div>
             </div>
             <div class="contentBox tab-1-car-1-2">
                 <div class="tab-1-car-1"></div>
-                <div class="contentMain">
+                <div class="contentMain" style="top: -151px;">
                     <div class="contentMainHeader">
                         天生强劲 激擎无限
                     </div>
@@ -265,7 +265,7 @@
             </div>
             <div class="contentBox tab-1-car-1-3">
                 <div class="tab-1-car-1"></div>
-                <div class="contentMain">
+                <div class="contentMain" style="top:-120px;">
                     <div class="contentMainHeader">
                         天生硬悍 刚毅威猛
                     </div>
@@ -279,7 +279,7 @@
             </div>
             <div class="contentBox tab-1-car-1-4">
                 <div class="tab-1-car-1"></div>
-                <div class="contentMain">
+                <div class="contentMain" style="top:-80px;">
                     <div class="contentMainHeader">
                         天生舒享 品质驾乘
                     </div>
@@ -295,21 +295,21 @@
             </div>
             <div class="contentBox tab-1-car-1-5">
                 <div class="tab-1-car-1"></div>
-                <div class="contentMain">
+                <div class="contentMain" style="top:0px;">
                     <div class="contentMainHeader">
                         天生睿智 科技智能
                     </div>
                     <ul>
-                        <li class="item">14.6英寸超大中控高清显示屏，12.3英寸全彩数字液晶仪表，尽享科技豪华之美</li>
+                        <li class="item">14.6 英寸超大中控高清显示屏 ，12.3 英寸全彩数字液晶仪表，尽享科技豪华之美</li>
                         <li class="item">拥有投屏交互、智能情景模拟、智能人机互动等个性化功能，交互响应迅速，识别准确度高，结合专属虚拟卡通形象，让交互感受更加直观亲切</li>
-                        <li class="item">腾讯TAI4.0智能生态座舱，集成内容优势，提供全场景智能车载服务，并支持实时通讯、K歌娱乐等，让用户尽享智能生活、智能社交、智能出行生态</li>
+                        <li class="item">腾讯 TAI4.0 智能生态座舱，集成内容优势，提供全场景智能车载服务，并支持实时通讯、K歌娱乐等，让用户尽享智能生活、智能社交、智能出行生态</li>
                         <li class="item">支撑整车OTA远程升级，为用户提供及时优质的智能服务</li>
                     </ul>
                 </div>
             </div>
             <div class="contentBox tab-1-car-1-6">
                 <div class="tab-1-car-1"></div>
-                <div class="contentMain">
+                <div class="contentMain" style="top:-100px;">
                     <div class="contentMainHeader">
                         天生可靠 五星防护
                     </div>
@@ -327,18 +327,18 @@
         </div>
         </div>
         <div class="section qjzs" id="qjzs">
-            <div class="contentTitle2">全景展示</div>
+            <div class="contentTitle2" style="margin-bottom: -25px;">全景展示</div>
             <div class="content wow fadeInUp">
                 <div class="nav">
                     <div class="n wg">外观</div>
                     <div class="n ns">内饰</div>
                     <div class="line"></div>
                 </div>
-                <div class="vr"><img src="./images_mb/pc/vr.png"/>全景观车</div></a>
+                <div class="vr vr_9"><img src="./images_mb/pc/vr.png"/>全景观车</div></a>
                 <div class="swiper-container">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide">
-                            <img src="./images_mb/pc/qjzs_1.jpg" alt="">
+                            <img src="./images/qjzs_1.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
                             <img src="./images_mb/pc/qjzs_2.jpg" alt="">
@@ -353,26 +353,32 @@
                 <div class="swiper1">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide">
-                            <img src="./images_mb/jctj/1.jpg" alt="">
+                            <img src="./images/jctj/1.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
-                            <img src="./images_mb/jctj/2.jpg" alt="">
+                            <img src="./images/jctj/2.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
-                            <img src="./images_mb/jctj/3.jpg" alt="">
+                            <img src="./images/jctj/3.jpg" alt="">
+                        </div>
+                        <div class="swiper-slide">
+                            <img src="./images/jctj/4.jpg" alt="">
                         </div>
                     </div>
                 </div>
                 <div class="swiper2">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide">
-                            <img src="./images_mb/jctj/1.jpg" alt="">
+                            <img src="./images/jctj/1.jpg" alt="">
+                        </div>
+                        <div class="swiper-slide">
+                            <img src="./images/jctj/2.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
-                            <img src="./images_mb/jctj/2.jpg" alt="">
+                            <img src="./images/jctj/3.jpg" alt="">
                         </div>
                         <div class="swiper-slide">
-                            <img src="./images_mb/jctj/3.jpg" alt="">
+                            <img src="./images/jctj/4.jpg" alt="">
                         </div>
                     </div>
                 </div>
@@ -535,7 +541,7 @@
     <script src="../p7/libs/swiper-3.4.2.jquery.min.js"></script>
     <script src="../p7/libs/swiper.animate.min.js"></script>
     <script src="../p7/libs/wow.min.js" type="text/javascript" charset="utf-8"></script>
-    <script src="../p7/js/index.js"></script>
+    <script src="../p7/js/indexm.js"></script>
     <script>
       $(function() {
 				new foton.Common();