web

src/components/pages/index.vue

       slidesPerView: 'auto',
       loop: true,
       autoplay: 4000,
+      // grabCursor : true,
     });
     var mySwiper = new Swiper('.page-4-swiper-container', {
       centeredSlides: true,
       slidesPerView: 3,
       loop: true,
       autoplay: 4000,
+      grabCursor : true,
     });
   },
   methods: {
     overflow: hidden;
     .page-4-con {
       width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
       margin: auto;
       position: relative;
-      // background: url("../../assets/image/home/background/opt.jpg") no-repeat
-      // center;
+      // background: url("../../assets/image/home/background/opt.jpg") no-repeat center;
       // background-size:
       .page-4-swiper-container {
         width: 87%;
         }
       }
       .opt {
-        width: 87%;
+        width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
-        left: 6.5%;
+        left: 0;
         z-index: 10;
       }
       .page-4-swiper-container {
     background: url("../../assets/image/home/background/Group29.jpg") no-repeat
       center;
     width: 100%;
+    min-width: 1280px;
     height: 100%;
     background-size: 100% 100%;
     overflow: hidden;
     .title {
       font-size: 56px;
-      padding-top: 9.2%;
+      padding-top: 11.2%;
       color: #fff;
     }
     .logo-box {
       width: 65.63%;
       min-width: 980px;
-      height: 53.56%;
       margin: 0.63% auto;
       img {
         width: 13.14%;

src/components/pages/productCenter/AIwelcome.vue

 <template>
   <div class="product-center">
     <!-- <div class="cover-bg">
-      <img src="../../../assets/image/program/bg3.png" alt>
-    </div> -->
+      
+    </div>-->
     <headerTab></headerTab>
     <div class="product_box">
       <div class="product_top">
               </div>
             </div>
             <div class="secondHouse_content_right">
-              
-
               <div class="secondHouse_content_box">
                 <div class="box_tittle">
                   <p class="box_tittle_p1">客户到访</p>
                   <img src="../../../assets/image/AIwelcome/Group17.png" alt>
                 </div>
               </div>
-
             </div>
           </div>
         </div>
       tittle: 'AI迎宾判客系统',
       P1: '全方位布控，人脸自动抓取，智能判客',
       P2: '',
-      P3: 'Intelligent face risk control syste',
+      P3: 'AI GREETING AND JUDGING SYSTEM',
       activeIndex2: '1',
     }
   },
   methods: {
-    active1(){
+    active1 () {
       this.order1 = false;
       this.order_big = true;
       this.wisdom_nav = true;
       this.wisdom_big = false;
     },
-    handleOpen(key, keyPath) {
+    handleOpen (key, keyPath) {
       // this.collapse == 'false'
-        console.log(key, keyPath);
-      },
-      handleClose(key, keyPath) {
-        console.log(key, keyPath);
-      }
+      console.log(key, keyPath);
+    },
+    handleClose (key, keyPath) {
+      console.log(key, keyPath);
+    }
   }
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="less">
-.nav{
+.nav {
   width: 1280px;
   position: relative;
   top: 13%;
   align-items: center;
 }
 .product-center {
-  background: url(../../../assets/image/program/bg3.png) no-repeat center;
-  background-size: 100% 100%; 
+  background: url(../../../assets/image/program/bg3.jpg) no-repeat center;
+  background-size: 100% 100%;
   width: 100%;
   min-width: 1260px;
   height: 90%;
   background-size: cover;
   position: relative;
   .cover-bg {
-      position: absolute;
-      top: 0;
-      z-index: -1;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 779px;
-      }
+    position: absolute;
+    top: 0;
+    z-index: -1;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 779px;
     }
+  }
 }
 .product_box {
   width: 1260px;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
     font-size: 12px;
+    font-family: PingFangSC-Thin;
+    font-weight: 100;
+    color: rgba(255, 255, 255, 1);
+    line-height: 17px;
+    letter-spacing: 7px;
     margin: 19px 0;
   }
 }
   .secondHouse_content {
     width: 1260px;
     margin: 0 auto;
-    
   }
 }
 .Features1 {
-     margin: 80px auto 70px auto;
-      padding: 80px 0;
-    }
+  margin: 80px auto 70px auto;
+  padding: 80px 0;
+}
 .Features2 {
-      margin: 70px auto 0 auto;
-      padding-bottom: 80px;
-    }
+  margin: 70px auto 0 auto;
+  padding-bottom: 80px;
+}
 .secondHouse_tittle {
   height: 80px;
   width: 218px;
     box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
     border-radius: 6px;
     .dis_box_img {
-      img{
+      img {
         width: 265px;
-      height: 191px;
+        height: 191px;
       }
     }
-    .box_dis{
+    .box_dis {
       margin: 14px;
-      .dis_p1,.dis_p2{
-        color:rgba(128,128,128,1);
+      .dis_p1,
+      .dis_p2 {
+        color: rgba(128, 128, 128, 1);
         font-size: 16px;
       }
     }
   }
 }
-.box_tittle_p1{
-  color:rgba(78,132,255,1);
+.box_tittle_p1 {
+  color: rgba(78, 132, 255, 1);
   font-size: 26px;
 }
-.box_tittle_p2,.box_tittle_p3{
+.box_tittle_p2,
+.box_tittle_p3 {
   font-size: 18px;
-  color:rgba(102,102,102,1);
+  color: rgba(102, 102, 102, 1);
 }
 </style>

src/components/pages/productCenter/bigscreen.vue

 <template>
   <div class="product-center">
     <!-- <div class="cover-bg">
-      <img src="../../../assets/image/program/bg3.png" alt>
-    </div> -->
+    
+    </div>-->
     <headerTab></headerTab>
     <div class="product_box">
       <div class="product_top">
           </div>
         </div>
       </div>
-      
     </div>
     <prod-navi class="nav" default="case-2"></prod-navi>
     <div class="secondHouse-middle">
     }
   },
   methods: {
-    active1(){
+    active1 () {
       this.order1 = false;
       this.order_big = true;
       this.wisdom_nav = true;
       this.wisdom_big = false;
     },
-    handleOpen(key, keyPath) {
+    handleOpen (key, keyPath) {
       // this.collapse == 'false'
-        console.log(key, keyPath);
-      },
-      handleClose(key, keyPath) {
-        console.log(key, keyPath);
-      }
+      console.log(key, keyPath);
+    },
+    handleClose (key, keyPath) {
+      console.log(key, keyPath);
+    }
   }
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="less">
-.nav{
+.nav {
   width: 1280px;
   position: relative;
   top: -64px;
   align-items: center;
 }
 .product-center {
-  // background: url(../../../assets/image/program/bg3.jpg) no-repeat center;
+  background: url(../../../assets/image/program/bg3.jpg) no-repeat center;
+  background-size: 100% 100%;
   width: 100%;
   min-width: 1260px;
   height: 90%;
   background-size: cover;
   position: relative;
   .cover-bg {
-      position: absolute;
-      top: 0;
-      z-index: -1;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 779px;
-      }
+    position: absolute;
+    top: 0;
+    z-index: -1;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 779px;
     }
+  }
 }
 .product_box {
   width: 100%;
   min-width: 1260px;
   height: 100%;
-  background: url(../../../assets/image/program/bg3.png) no-repeat center;
-  background-size: 100% 100%; 
+  
   margin: 0 auto;
   display: flex;
   justify-content: center;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
     font-size: 12px;
+    font-family: PingFangSC-Thin;
+    font-weight: 100;
+    color: rgba(255, 255, 255, 1);
+    line-height: 17px;
+    letter-spacing: 7px;
     margin: 19px 0;
   }
 }
   .secondHouse_content {
     width: 1260px;
     margin: 0 auto;
-    
   }
 }
-.Features2{
+.Features2 {
   margin: 0 auto 70px auto;
-      padding-bottom: 80px;
+  padding-bottom: 80px;
 }
 .Features1 {
-      margin: 0 auto 70px auto;
-      padding: 80px 0;
-    }
+  margin: 0 auto 70px auto;
+  padding: 80px 0;
+}
 
-    .Features3{
-      margin: 0 auto;
-    }
+.Features3 {
+  margin: 0 auto;
+}
 .secondHouse_tittle {
   height: 80px;
   width: 218px;
     width: 960px;
     display: flex;
     justify-content: space-between;
-
-    
   }
 }
-.module_box_bottom{
+.module_box_bottom {
   margin: 80px auto;
   display: flex;
   justify-content: space-between;
 }
 .boxes {
-      width: 135px;
-      // height: 60px;
+  width: 135px;
+  // height: 60px;
 
-      .boxes_img {
-        width: 34px;
-        height: 44px;
-        margin: 15px auto;
-        img {
-          width: 34px;
-        }
-      }
-      .module_box_words {
-        font-size: 15px;
-        color: rgba(0, 0, 0, 1);
-      }
+  .boxes_img {
+    width: 34px;
+    height: 44px;
+    margin: 15px auto;
+    img {
+      width: 34px;
     }
+  }
+  .module_box_words {
+    font-size: 15px;
+    color: rgba(0, 0, 0, 1);
+  }
+}
 </style>

src/components/pages/productCenter/city.vue

       tittle: '城的空间',
       P1: '一站式社区服务共享空间',
       P2: '足不出户拓展生活空间 , 体验最便捷的品质生活',
-      P3: 'INTELLIGENT FACE RISK CONTROL SYSTEM',
+      P3: 'THE SPACE OF THE CITY',
       activeIndex2: '1',
     }
   },
   align-items: center;
 }
 .product-center {
-  background: url(../../../assets/image/program/bg1.png) no-repeat center;
+  background: url(../../../assets/image/program/bg1.jpg) no-repeat center;
   background-size: 100% 100%;
   width: 100%;
   min-width: 1260px;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
-    font-size: 12px;
+    
+   font-size:12px;
+font-family:PingFangSC-Thin;
+font-weight:100;
+color:rgba(255,255,255,1);
+line-height:17px;
+letter-spacing:7px;
     margin: 19px 0;
   }
 }

src/components/pages/productCenter/community.vue

 <template>
   <div class="product-center">
-     <!-- <div class="cover-bg">
-            <img src="../../../assets/image/program/bg1.png" alt="">
-          </div> -->
+    <!-- <div class="cover-bg">
+            
+    </div>-->
     <headerTab></headerTab>
     <div class="product_box">
       <div class="product_top">
       tittle: '银城慧家APP',
       P1: '让业主享受智慧社区美好生活',
       P2: '整体掌控，一触即发；智能生活，全面掌控',
-      P3: 'INTELLIGENT FACE RISK CONTROL SYSTEM',
+      P3: 'YINCHENG HUIJIA APP',
       activeIndex2: '1',
     }
   },
   methods: {
-    active1(){
+    active1 () {
       this.order1 = false;
       this.order_big = true;
       this.wisdom_nav = true;
       this.wisdom_big = false;
     },
-    handleOpen(key, keyPath) {
+    handleOpen (key, keyPath) {
       // this.collapse == 'false'
-        console.log(key, keyPath);
-      },
-      handleClose(key, keyPath) {
-        console.log(key, keyPath);
-      }
+      console.log(key, keyPath);
+    },
+    handleClose (key, keyPath) {
+      console.log(key, keyPath);
+    }
   }
 }
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="less">
-.nav{
+.nav {
   width: 1280px;
   position: relative;
   top: -64px;
   align-items: center;
 }
 .product-center {
-  background: url('../../../assets/image/program/bg1.png') no-repeat center;
+  background: url("../../../assets/image/program/bg1.jpg") no-repeat center;
   width: 100%;
   min-width: 1260px;
   height: 90%;
   background-size: 100% 100%;
   position: relative;
   .cover-bg {
-      position: absolute;
-      top: 0;
-      z-index: -1;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 779px;
-      }
+    position: absolute;
+    top: 0;
+    z-index: -1;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 779px;
     }
+  }
 }
 .product_box {
   width: 1260px;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
     font-size: 12px;
+    font-family: PingFangSC-Thin;
+    font-weight: 100;
+    color: rgba(255, 255, 255, 1);
+    line-height: 17px;
+    letter-spacing: 7px;
     margin: 19px 0;
   }
 }
   background-size: 100% 100%;
   .community_content {
     margin: 0 auto 70px auto;
-      padding: 140px 0;
+    padding: 140px 0;
     width: 960px;
     // display: flex;
     // justify-content: space-between;

src/components/pages/productCenter/micro.vue

 <template>
   <div class="product-center">
     <!-- <div class="cover-bg">
-            <img src="../../../assets/image/program/bg3.png" alt="">
-          </div> -->
+            
+    </div>-->
     <headerTab></headerTab>
     <div class="product_box">
       <div class="product_top">
           <div class="product_top_con_right"></div>
         </div>
       </div>
-      
+
       <prod-navi class="nav" default="case-4"></prod-navi>
     </div>
 
                     <p class="int_box_p3">官方制作发布，更准确</p>
                     <p class="int_box_p4">内容实时更新，更便捷</p>
                     <div class="dot">
-                      <img src="../../../assets/image/micro/Group7.png" alt="">
+                      <img src="../../../assets/image/micro/Group7.png" alt>
                       <!-- <div class="dot_center"></div> -->
                     </div>
                   </div>
                     <p class="int_box_p3">让户型更生动，客户体验佳</p>
                     <!-- <p class="int_box_p4">内容实时更新，更便捷</p> -->
                     <div class="dot">
-                      <img src="../../../assets/image/micro/Group7.png" alt="">
+                      <img src="../../../assets/image/micro/Group7.png" alt>
                       <!-- <div class="dot_center"></div> -->
                     </div>
                   </div>
                     <p class="int_box_p3">清晰标注，更具体</p>
                     <!-- <p class="int_box_p4">内容实时更新，更便捷</p> -->
                     <div class="dot">
-                      <img src="../../../assets/image/micro/Group7.png" alt="">
+                      <img src="../../../assets/image/micro/Group7.png" alt>
                       <!-- <div class="dot_center"></div> -->
                     </div>
                   </div>
                 <div class="priduct_int_box">
                   <div class="priduct_int_box_con">
                     <div class="dot">
-                      <img src="../../../assets/image/micro/Group7.png" alt="">
+                      <img src="../../../assets/image/micro/Group7.png" alt>
                       <!-- <div class="dot_center"></div> -->
                     </div>
                     <p class="int_box_p1">富媒体形象展示</p>
                 <div class="priduct_int_box">
                   <div class="priduct_int_box_con">
                     <div class="dot">
-                      <img src="../../../assets/image/micro/Group7.png" alt="">
+                      <img src="../../../assets/image/micro/Group7.png" alt>
                       <!-- <div class="dot_center"></div> -->
                     </div>
                     <p class="int_box_p1">各类小工具，一应俱全</p>
             <div class="secondHouse_tittle_eng">PRODUCT ADVANTAGE</div>
           </div>
           <div class="product_adv_box">
-            <img src="../../../assets/image/micro/Path8.png" alt="" class="line2">
+            <img src="../../../assets/image/micro/Path8.png" alt class="line2">
             <div class="product_adv_box1">
               <div class="product_adv_box_con1">
                 <div class="product_adv-icon">
       tittle: '线上微楼书',
       P1: '传统楼书的v2.0版本',
       P2: '利用移动设备进行房地产推广',
-      P3: 'INTELLIGENT FACE RISK CONTROL SYSTEM',
-      activeIndex2: '1',    
+      P3: 'ONLINE MICRO BUILDING BOOK',
+      activeIndex2: '1',
     }
   },
   methods: {
-    active1(){
+    active1 () {
       this.order1 = false;
       this.order_big = true;
       this.wisdom_nav = true;
       this.wisdom_big = false;
     },
-    handleOpen(key, keyPath) {
+    handleOpen (key, keyPath) {
       // this.collapse == 'false'
-        console.log(key, keyPath);
-      },
-      handleClose(key, keyPath) {
-        console.log(key, keyPath);
-      }
+      console.log(key, keyPath);
+    },
+    handleClose (key, keyPath) {
+      console.log(key, keyPath);
+    }
   }
 }
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="less">
-.nav{
+.nav {
   width: 1280px;
   position: relative;
   top: -64px;
   align-items: center;
 }
 .product-center {
-  background: url(../../../assets/image/program/bg3.png) no-repeat center;
+  background: url(../../../assets/image/program/bg3.jpg) no-repeat center;
   background-size: 100% 100%;
   width: 100%;
   min-width: 1260px;
   background-size: cover;
   position: relative;
   .cover-bg {
-      position: absolute;
-      top: 0;
-      z-index: -1;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 779px;
-      }
+    position: absolute;
+    top: 0;
+    z-index: -1;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 779px;
     }
+  }
 }
 .product_box {
   width: 1260px;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
     font-size: 12px;
+    font-family: PingFangSC-Thin;
+    font-weight: 100;
+    color: rgba(255, 255, 255, 1);
+    line-height: 17px;
+    letter-spacing: 7px;
     margin: 19px 0;
   }
 }
   }
 }
 .secondHouse_tittle_bg1 {
-    margin: -16px auto 0;
-    width: 252px;
-    height: 29px;
-    background-color: #4e84ff;
-  }
+  margin: -16px auto 0;
+  width: 252px;
+  height: 29px;
+  background-color: #4e84ff;
+}
 .module_box {
   width: 960px;
   margin: auto;
   // background-color: #fff;
   justify-content: center;
   align-items: center;
-  img{
+  img {
     width: 25px;
   }
   // .dot_center {
     }
   }
 }
-.product_adv_box1{
+.product_adv_box1 {
   height: 180px;
   width: 170px;
   position: relative;
   display: flex;
   justify-content: center;
-  .product_adv_box_con1{
+  .product_adv_box_con1 {
     position: absolute;
-    bottom: 0
+    bottom: 0;
   }
 }
-.line2{
+.line2 {
   width: 577px;
   height: 76px;
   position: absolute;
   top: 20%;
 }
 
-.product_adv_box2{
+.product_adv_box2 {
   position: relative;
 }
-.product_adv{
+.product_adv {
   margin: 140px auto;
   width: 1400px;
 }

src/components/pages/productCenter/online.vue

 <template>
   <div class="product-center">
     <!-- <div class="cover-bg">
-      <img src="../../../assets/image/program/bg2.png" alt>
-    </div> -->
+      
+    </div>-->
     <div class="product_center_top">
       <headerTab></headerTab>
       <div class="product_box">
       tittle: '全渠道在线平台',
       P1: '线上售楼处平台，连接开发商与购房者的沟通桥梁',
       P2: '房产商借助微信小程序，基于微信生态圈，完成商业模式闭环',
-      P3: 'Professional product customization',
+      P3: 'OMNI-CHANNEL ONLINE PLATFORM',
       activeIndex2: '1',
     }
   },
   methods: {
-    active1(){
+    active1 () {
       this.order1 = false;
       this.order_big = true;
       this.wisdom_nav = true;
   align-items: center;
 }
 .product-center {
-  background: url(../../../assets/image/program/bg1.png) no-repeat center;
+  background: url(../../../assets/image/program/bg2.jpg) no-repeat center;
   width: 100%;
   min-width: 1260px;
   height: 90%;
   // background-size: cover;
   position: relative;
   .cover-bg {
-      position: absolute;
-      top: 0;
-      z-index: -1;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 779px;
-      }
+    position: absolute;
+    top: 0;
+    z-index: -1;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 779px;
     }
+  }
 }
 
 .product_center_top {
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
     font-size: 12px;
+    font-family: PingFangSC-Thin;
+    font-weight: 100;
+    color: rgba(255, 255, 255, 1);
+    line-height: 17px;
+    letter-spacing: 7px;
     margin: 19px 0;
   }
 }

src/components/pages/productCenter/productCenter.vue

 <template>
   <div class="product-center">
     <!-- <div class="cover-bg">
-      <img src="../../../assets/image/program/bg2.png" alt="">
+      
       
     </div> -->
     <headerTab></headerTab>
       tittle: '二手房管理平台',
       P1: '荟房通3.0',
       P2: '专业级房产中介管理系统',
-      P3: 'Professional product customization',
+      P3: 'SECOND-HAND HOUSE MANAGEMENT PLATFORM',
       activeIndex2: '1',
       activeName: 'first',
       collapse:'true',
   border-radius: 4px;
 }
 .product-center {
-  background: url(../../../assets/image/program/bg2.png) no-repeat center;
+  background: url(../../../assets/image/program/bg2.jpg) no-repeat center;
   width: 100%;
   min-width: 1260px;
   height: 90%;
   // border-radius: 
   position: relative;
   .cover-bg {
-    // background: url('../../../assets/image/program/bg2.png') no-repeat center 100%;
       position: absolute;
       top: 0;
       z-index: -1;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
-    font-size: 12px;
+    font-size:12px;
+font-family:PingFangSC-Thin;
+font-weight:100;
+color:rgba(255,255,255,1);
+line-height:17px;
+letter-spacing:7px;
     margin: 19px 0;
   }
 }

src/components/pages/productCenter/release.vue

 <template>
   <div class="product-center">
     <!-- <div class="cover-bg">
-      <img src="../../../assets/image/program/bg3.png" alt>
-    </div> -->
+      
+    </div>-->
     <headerTab></headerTab>
     <div class="product_box">
       <div class="product_top">
       tittle: '全案发布平台',
       P1: '线上售楼处平台，连接开发商与购房者的沟通桥梁',
       P2: '房产商借助微信小程序，基于微信生态圈，完成商业模式闭环',
-      P3: 'INTELLIGENT FACE RISK CONTROL SYSTEM',
+      P3: 'WHOLE CASE PUBLISHING PLATFORM',
       activeIndex2: '1',
     }
   },
   align-items: center;
 }
 .product-center {
-  background: url(../../../assets/image/program/bg3.png) no-repeat center;
+  background: url(../../../assets/image/program/bg3.jpg) no-repeat center;
   width: 100%;
   min-width: 1260px;
   height: 90%;
   background-size: cover;
   position: relative;
   .cover-bg {
-      position: absolute;
-      top: 0;
-      z-index: -1;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 779px;
-      }
+    position: absolute;
+    top: 0;
+    z-index: -1;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 779px;
     }
+  }
 }
 .product_box {
   width: 1260px;
   .p3 {
     display: flex;
     align-items: flex-start;
-    color: rgba(255, 255, 255, 1);
-    font-weight: 100;
     font-size: 12px;
+    font-family: PingFangSC-Thin;
+    font-weight: 100;
+    color: rgba(255, 255, 255, 1);
+    line-height: 17px;
+    letter-spacing: 7px;
     margin: 19px 0;
   }
 }

src/components/pages/solution/solution.vue

     <headerTab></headerTab>
     <div class="title">
       <!-- <div class="cover-bg">
-        <img src="../../../assets/image/program/bannerbg.png" alt>
+        
       </div>-->
       <div>
         <p class="tit">{{title}}</p>
     width: 100%;
     min-width: 1260px;
     height: 90%;
-    background: url("../../../assets/image/program/bannerbg.png") no-repeat
+    background: url("../../../assets/image/program/bannerbg.jpg") no-repeat
       center;
     background-size: 100% 100%;
     // border-radius: 0 0 200% 200%;
       .problem-box {
         background-size: 100% 7300px;
         background-image: -webkit-linear-gradient(#ebf1fc, #fdfcff, #e9f0fe);
-        background: url("../../../assets/image/bg.png") no-repeat 0 70px;
+        background: url("../../../assets/image/program/bg.jpg") no-repeat 0 70px;
       }
       .el-tabs__header {
         height: 100px;
         }
       }
       .second-box {
-        background: url("../../../assets/image/bg.png") no-repeat 0 100%;
+        background: url("../../../assets/image/program/bg.jpg") no-repeat 100%;
 
         width: 100%;
       }
         }
       }
       .third-box {
-        background: url("../../../assets/image/bg.png") no-repeat 100% 100%;
+        background: url("../../../assets/image/program/bg.jpg") no-repeat 100% 100%;
         // background-size: 100% 7100px;
         width: 100%;
         .img-box {