样式修改

assets/scss/cus-client/cus-client-page.scss

@@ -909,7 +909,7 @@
         li{
           width:100%;
           div{
-            height: 70px;margin: 0 10px 16px;border: 0;box-shadow: rgb(206, 206, 206) 0 0 6px -1px;padding: 14px 0;
+            height: 70px;margin: 0 0 16px;border: 0;box-shadow: rgb(206, 206, 206) 0 0 6px -1px;padding: 14px 0;
             i{display: unset;float: left;margin-left: 30px;margin-bottom: 0;}
             h5{font-weight: 700;font-size: 16px;color: #101010;margin: 12px 0;}
             p{font-size: 14px;color: #101010;}
@@ -919,19 +919,28 @@
 
       // 联系我们
       .contact-us-box{
-        padding: 54px 10px 0;border: 0;line-height: 1;font-size: 0;
+        padding: 54px 0 0;border: 0;line-height: 1;font-size: 0;
         .contact-container-box{
           width: 100%;
           padding: 0;
           color: rgba(0,0,0,0.85);
-          float: unset;
+          display: flex;
+          flex-direction: column;
           h4{@include setFontStyle(-2);font-weight: 700;color: rgba(0, 0, 0, 1);margin-bottom: 24px;margin-top:0;text-align: center;}
-          h5{@include setFontStyle(-4);font-weight: 700;color: rgba(0, 0, 0, 1);margin-bottom: 24px;}
           li{
-            span{color: rgba(0,0,0,0.54);}
+            width: 100%;display: block;margin-bottom: 24px;
+            i{width: 20px;height: 20px;}
+            span{@include setFontStyle(-6);}
           }
+          li:nth-child(2),li:nth-child(4){
+            text-align: left;
+            span{width: auto;}
+          }
+          li:nth-child(1){order: 1;}
+          li:nth-child(2){order: 2;}
+          li:nth-child(3){order: 4;}
+          li:nth-child(4){order: 3;}
         }
-        img{float: unset;width: calc(100% + 50px);margin: 0 -25px;}
       }
     }
   }

pages/introduction/index.vue

@@ -107,7 +107,8 @@
           <li><i></i><span>公司邮箱：service@llisoft.com</span></li>
         </ul>
       </div>
-        <img :src="contactUsImg" alt="联系我们" />
+        <img :src="contactUsImg" alt="联系我们" class="mta-hidden-xs"/>
+        <img :src="contactUsImgH5" alt="联系我们" class="mta-hidden-sm"/>
 
     </div>
 
@@ -139,6 +140,7 @@
         enterpriseDevImg7:  require(`~/static/images/client/aboutUs/enterprise-development-img7.png`),
         // 联系我们
         contactUsImg:  require(`~/static/images/client/aboutUs/contact-us-img.png`),
+        contactUsImgH5:  require(`~/static/images/client/aboutUs/contact-us-img-H5.png`),
         // 企业发展历程默认tab页
         activeName: 'first'
       };