公用组件修改

assets/scss/cus-client/cus-client-common.scss

@@ -885,6 +885,46 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     height: 260px;background-size: cover;
   }
 }
+
+/* 为什么选择我们模块  */
+.website-chose-box{
+  padding-bottom: 80px;
+  .chose-img-box{
+    margin: 48px -14px 0;
+    li{
+      width: 25%;display: inline-block;vertical-align: top;
+      div{height: 260px;background: #f8f8f8;position:relative;text-align: center;margin: 0 14px;}
+      span{width: 100%;height: 200px;display: inline-block;}
+      img{margin: 50px auto 0;}
+      h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);}
+    }
+  }
+  .client-default-Btn {
+    width: 238px;
+    height: 40px;
+    line-height: 40px;
+    margin: 40px auto 0;
+  }
+  @media (max-width: 768px){
+      padding: 0;
+      .chose-img-box{
+        margin: 20px 0 0;
+        li{
+          width: 50%;margin-bottom: 12px;
+          div{height: 125px;margin: 0 7px;}
+          span{height: 90px;}
+          img{width:60px;margin: 16px auto 0;}
+          h5{@include setFontStyle(-4);color: #101010;}
+        }
+      }
+      .client-default-Btn {
+        width: 238px;
+        height: 40px;
+        line-height: 40px;
+        margin: 40px auto 0;
+      }
+    }
+}
 /********************************* 麦塔栅格**********************************/
 /*
 栅格说明：

pages/index.vue

@@ -118,7 +118,7 @@
     </div>
 
     <!-- 为什么选择我们 -->
-    <div class="client-chose-box">
+    <div class="website-chose-box">
       <div class="client-container">
         <h4 class="client-title">为什么选择我们</h4>
         <ul class="chose-img-box">