update

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

@@ -881,8 +881,23 @@ client-banner-box.client-banner-index {
       transform: translate(-50%);
     }
   }
+
+  @media (max-width: 768px) {
+    width: 100%;
+    height: auto;
+    >div.client-platform-banner {
+      width: 100%;
+      height: 200px;
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+    }
+  }
 }
 
+
+
+
 /***************************** 解决方案 子页面 三个 video *************/
 .client-anli-box {
   height: 600px;

pages/product/exam.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn />
           </div>

pages/product/peixun.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn />
           </div>

pages/solution/biteAndSup.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/education.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/energy.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/erupt.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/exam.vue

@@ -6,7 +6,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/financial.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/government.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/medical.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/peixun.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
             <onlineInformationBtn class="online-information-btn btn-item"/>
           </div>

pages/solution/privatization.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups left">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>

pages/solution/transportation.vue

@@ -5,7 +5,7 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
-        <div class="client-container">
+        <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
             <onlineInformationBtn class="online-information-btn btn-item" />
           </div>