update1

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

@@ -1209,6 +1209,80 @@ client-banner-box.client-banner-index {
 
 }
 
+.client-kehuanli-box {
+  position: relative;
+
+  .anli-box-wrap {
+    width: 1100px;
+    height: 320px;
+    margin: 0 auto;
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+  }
+
+  .anli-box {
+    width: 1100px;
+    height: 320px;
+    margin: 0 auto;
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    z-index: 1;
+  }
+
+  h4 {
+    text-align: center;
+    font-weight: 800;
+    font-size: 30px;
+    color: #333;
+    line-height: 50px;
+  }
+
+  .left-bg {
+    width: 353px;
+    height: 293px;
+    background: #46C37B;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    opacity: 0.33;
+  }
+
+  .right-bg {
+    width: 270px;
+    height: 150px;
+    background: #A9D49C;
+    position: absolute;
+    right: 0;
+    bottom: -80px;
+    z-index: 0;
+    opacity: 0.33;
+  }
+
+  .center-bg {
+    width: 160px;
+    height: 150px;
+    background: #A9D49C;
+    position: absolute;
+    left: 600px;
+    bottom: -80px;
+    z-index: 0;
+    opacity: 0.33;
+  }
+
+  .el-carousel__container {
+    height: 100% !important;
+  }
+
+  .el-carousel__item {
+    background: #fff;
+    border-radius: 8px;
+  }
+}
+
+
 /****************************** 青谷解决方案 ******************************************/
 .client-fangan-box {
   h4 {

components/common/layout/desComp/desWithCode.vue

@@ -83,6 +83,7 @@ export default {
   overflow: hidden;
   background-repeat: no-repeat;
   padding: 100px 0 83px;
+  background-size: cover;
 
   h4 {font-size: 30px;text-align: center;margin: 0 0 45px;color: #fff;}
 

components/sidebar.vue

@@ -1,14 +1,18 @@
 <template>
   <div class="client-sidebar">
       <ul>
-          <li><a class="sidebar-default-box"><i></i><p>咨询</p></a></li>
+          <li><a class="sidebar-default-box"><i></i><p>在线资讯</p></a></li>
           <li>
-            <div class="sidebar-default-box"><i @click="backTop"></i><p>客服</p></div>
+            <div class="sidebar-default-box"><i @click="backTop"></i><p>电话资讯</p></div>
             <div class="sidebar-hover-box">
-              <span>服务热线</span><h4>4000522130</h4>
+              <span>服务热线</span><h4>400-099-0883</h4>
+            </div>
+          </li>
+          <li><div class="sidebar-default-box"><i></i><p>客户经理</p></div>
+            <div class="sidebar-hover-box">
+              <img :src="img1">
             </div>
           </li>
-          <li><a class="sidebar-default-box"><i></i><p>体验</p></a></li>
           <li  v-if="btnFlag"><i @click="backTop"></i><p>置顶</p></li>
       </ul>
   </div>
@@ -27,7 +31,8 @@
       },
       data(){
         return {
-          btnFlag:false
+          btnFlag:false,
+          img1: require('static/codeImage/code-jingli.png')
         }
       },
       methods: {
@@ -60,30 +65,37 @@
 
 <style lang="scss" scoped>
 .client-sidebar{
-  display: none;
+  //display: none;
     position: fixed;
     z-index: 100;
-    top: 300px;
+    top: 600px;
     right: 0;
     li{
       width: 94px;height: 102px;position: relative;
-      i{width: 45px;height: 40px;display: block;background: #8be0ad;margin: 16px auto;}
-      p{font-size:18px;color: #4c4c4c;text-align: center;}
+      i{width: 45px;height: 40px;display: block;margin: 16px auto;background-position: center;background-size: contain;background-repeat: no-repeat}
+      p{font-size:18px;color: #00b96b;text-align: center;}
       .sidebar-default-box{border: 1px solid #eee;box-sizing: border-box;background: #fff;z-index: 2;background: #fff;position: absolute;top:0;left: 0;right: 0;bottom: 0;}
       .sidebar-hover-box{
         width: 220px;height: 102px;display: block;padding: 24px;border: 1px solid #eee;transition: all 0.5s;
         position: absolute;right: -150px;background: #fff;top: 0;box-sizing: border-box;z-index: 1;
         span{font-size:16px;display: block;color: #1f1f1f;margin-bottom: 10px}
-        h4{font-size:30px;color: #3e7ee7;font-weight: bold;}
+        h4{font-size:18px;color: #00b96b;font-weight: bold;}
+
+        img {
+          height: 50px;
+          width: auto;
+        }
       }
     }
     li:hover{
-      .sidebar-default-box{background: #5da8f7;}
+      .sidebar-default-box{}
       .sidebar-hover-box{
         right: 92px;
       }
     }
-    li:nth-child(1) i{-background: pink;}
-    li:nth-child(2) i{-background: green;}
+    li:nth-child(1) i{background-image: url("~static/gangweiIcon/z142.png");}
+    li:nth-child(2) i{background-image: url("~static/gangweiIcon/z143.png");}
+    li:nth-child(3) i{background-image: url("~static/gangweiIcon/z145.png");}
+    li:nth-child(4) i{background-image: url("~static/gangweiIcon/z144.png");}
 }
 </style>

pages/index.vue

@@ -179,7 +179,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p04.png`),
             order: 1,
           },
           mianfei: true,
@@ -220,7 +220,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p03.png`),
             order: 2,
           },
           mianfei: true,
@@ -258,7 +258,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p01.png`),
             order: 1,
           },
           mianfei: false,
@@ -302,7 +302,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p02.png`),
             order: 2,
           },
           mianfei: false,
@@ -313,15 +313,6 @@ export default {
       ],
       SystemWidthFlag: false,// 判断是否是手机端，默认为false，默认为PC端
       topCarousels2: [],
-      // 产品和服务
-      productsImg1: require(`~/static/images/client/index/index-products-kaoshi.png`),
-      productsImg2: require(`~/static/images/client/index/index-products-peixun.png`),
-      productsImg3: require(`~/static/images/client/index/index-products-kejian.png`),
-      // 您坚决选择我们的理由
-      choseImg1: require(`~/static/images/client/index/index-chose-service-icon.png`),
-      choseImg2: require(`~/static/images/client/index/index-chose-system-icon.png`),
-      choseImg3: require(`~/static/images/client/index/index-chose-tech-icon.png`),
-      choseImg4: require(`~/static/images/client/index/index-chose-operate-icon.png`),
       // 客户logo
       customerImg1: require(`~/static/images/client/index/index-customer-img1.png`),
       customerImg2: require(`~/static/images/client/index/index-customer-img2.png`),
@@ -343,222 +334,6 @@ export default {
       customerImg18: require(`~/static/images/client/index/index-customer-img18.png`),
       customerImg19: require(`~/static/images/client/index/index-customer-img19.png`),
       customerImg20: require(`~/static/images/client/index/index-customer-img20.png`),
-      // 证书图片
-      certImg3: require(`~/static/images/client/index/index-cert-img3.jpg`),
-      certImg4: require(`~/static/images/client/index/index-cert-img4.jpg`),
-      certImg6: require(`~/static/images/client/index/index-cert-img6.jpg`),
-      certImg7: require(`~/static/images/client/index/index-cert-img7.jpg`),
-      certImg8: require(`~/static/images/client/index/index-cert-img8.jpg`),
-      activeIndex: '首页',
-      activeName: 'first',// tab页签
-      kaoshiLiArray: [
-        {
-          demandNumber: '01',
-          demandTitle: '企事业单位',
-          demandHref: 'government',
-          demandText: '无论是企业单位还是事业单位，都少不了要进行胜任力考核、年度考核、党建考核、晋升考核等不同形式的考试。而传统的考核方式，在时间和金钱的耗费上成本都较高，不再适应现代的企业管理模式。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon1-1.png`),
-              href: 'government',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon1-2.png`),
-              href: 'government',
-            },
-          ],
-        },
-        {
-          demandNumber: '02',
-          demandTitle: '信息产业',
-          demandHref: 'information',
-          demandText: '互联网经济在中国GDP中占比持续攀升，面对日益庞大和复杂的业务需求，也渐渐将业务重心向“盈利”为核心的网络游戏、网上交易、网络广告、网络教育、网络短信等产业转移，驱动互联网行业加速创新，推动中国互联网的发展与进步。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon2-1.png`),
-              href: 'information',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon2-2.png`),
-              href: 'information',
-            },
-          ],
-        },
-        {
-          demandNumber: '03',
-          demandTitle: '能源化工',
-          demandHref: 'energy',
-          demandText: '“十三五”规划中明确指出：积极构建智慧能源系统，推进能源与信息等领域新技术深度融合。以互联网创新思维为依托，以先进的技术为手段，深度推进能源化工与互联网融合发展。我国能源化工企业在信息化改革势在必行。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon3-1.png`),
-              href: 'energy',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon3-3.png`),
-              href: 'energy',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon3-4.png`),
-              href: 'energy',
-            },
-          ],
-        },
-        {
-          demandNumber: '04',
-          demandTitle: '金融保险',
-          demandHref: 'financial',
-          demandText: '当今世界经济发展呈一体化趋势，顺应这一潮流中国进一步加大了对外开放的步伐，也就是说金融业是在竞争中壮大的，这样的竞争压力对于企业而言就要求有过硬的知识储备和优秀的职业技能，这些都需要考核来托底，用考核数据作为指导依据，帮助业务能力的提升。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon4-1.png`),
-              href: 'financial',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon4-2.png`),
-              href: 'financial',
-            },
-          ],
-        },
-        {
-          demandNumber: '05',
-          demandTitle: '交通运输',
-          demandHref: 'traffic',
-          demandText: '交通运输行业是国民经济发展的基础，交通运输网络的完善和服务水平的提高,推动了经济运行的同时，科学技术的进步又能反向推动运输业的发展，每次技术革命和技术进步都对交通运输业的发展起到了推动作用。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon5-1.png`),
-              href: 'traffic',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon5-2.png`),
-              href: 'traffic',
-            },
-          ],
-        },
-        {
-          demandNumber: '06',
-          demandTitle: '教育培训',
-          demandHref: 'education',
-          demandText: '教育培训机构教师的用工形式较为灵活，这也就导致教师的教学水平参差不齐，给人员管理上带来了一定的难度。为了提高教学质量，要定期对员工及教师进行培训及考试，优胜劣汰。麦塔学独特的教育教培训考试工具能有效帮助教育培训机构实现教师的资格审查，提升教学水平。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon6-1.png`),
-              href: 'education',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon6-2.png`),
-              href: 'education',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon6-3.png`),
-              href: 'education',
-            },
-          ],
-        },
-      ],
-      peixunLiArray: [
-        {
-          demandNumber: '01',
-          demandTitle: '食品餐饮',
-          demandHref: 'restaurant',
-          demandText: '经济的不断发展也让餐饮文化的传播越来越国际化和市场化，餐饮业在市场的扩张下，门店普遍较多，一线工作人员一般都随门店呈散点状分布在全国，甚至全球。但是由于培训成本较高，导致服务规范、操作流程、售后体系等方面都不能够统一，如何应对蓬勃发展的餐饮形势，是餐饮业所面临的问题。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon7-1.png`),
-              href: 'restaurant',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon7-2.png`),
-              href: 'restaurant',
-            },
-          ],
-        },
-        {
-          demandNumber: '02',
-          demandTitle: '教育培训',
-          demandHref: 'trainEducation',
-          demandText: '教育培训机构教师的用工形式较为灵活，这也就导致教师的教学水平参差不齐，给人员管理上带来了一定的难度。为了提高教学质量，要定期对员工及教师进行培训及考试，优胜劣汰。麦塔学独特的教育教培训考试工具能有效帮助教育培训机构实现教师的资格审查，提升教学水平。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon8-1.png`),
-              href: 'trainEducation',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon8-2.png`),
-              href: 'trainEducation',
-            },
-          ],
-        },
-        {
-          demandNumber: '03',
-          demandTitle: '医疗行业',
-          demandHref: 'medical',
-          demandText: '随着现代医学模式的转变和医疗需求的变化，医疗的知识面变得越来越宽泛，医务人员的素质、技术服务水平、设施环境条件、医疗费用高低、管理水平都被纳入了考核标准，这些考核标准在实务中都得到了综合的体现。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon9-1.png`),
-              href: 'medical',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon9-2.png`),
-              href: 'medical',
-            },
-          ],
-        },
-        {
-          demandNumber: '04',
-          demandTitle: '企事业单位',
-          demandHref: 'trainGovernment',
-          demandText: '无论是企业单位还是事业单位，都少不了要进行胜任力考核、年度考核、党建考核、晋升考核等不同形式的考试。而传统的考核方式，在时间和金钱的耗费上成本都较高，不再适应现代的企业管理模式。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon10-1.png`),
-              href: 'trainGovernment',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon10-2.png`),
-              href: 'trainGovernment',
-            },
-          ],
-        },
-        {
-          demandNumber: '05',
-          demandTitle: '能源化工',
-          demandHref: 'trainEnergy',
-          demandText: '“十三五”规划中明确指出：积极构建智慧能源系统，推进能源与信息等领域新技术深度融合。以互联网创新思维为依托，以先进的技术为手段，深度推进能源化工与互联网融合发展。我国能源化工企业在信息化改革势在必行。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon11-1.png`),
-              href: 'trainEnergy',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon11-2.png`),
-              href: 'trainEnergy',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon11-3.png`),
-              href: 'trainEnergy',
-            },
-          ],
-        },
-        {
-          demandNumber: '06',
-          demandTitle: '制造行业',
-          demandHref: '#',
-          demandText: '工业制造行业一般都是人才密集型企业，工作人员一部分具有分布广、分布散、岗位跨度大的特点，另一部分具有集中、体量大、学习能力参差不齐的特点。且由于行业特性，对“安全生产”尤为看重，急需考核学习来进行业务支撑。',
-          demandLinkBox: [
-            {
-              img: require(`~/static/images/client/index/index-demand-icon12-1.png`),
-              href: '#',
-            },
-            {
-              img: require(`~/static/images/client/index/index-demand-icon12-2.png`),
-              href: '#',
-            },
-          ],
-        },
-      ],
 
       btnTextDisabled: false,
       telDl: false,

pages/introduction/index.vue

@@ -125,13 +125,13 @@
             url: require("~/static/gangweiIcon/z125.png")
           },
           {
-            url: require("~/static/gangweiIcon/z126.png")
+            url: require("~/static/gangweiIcon/z125.png")
           },
           {
-            url: require("~/static/gangweiIcon/z127.png")
+            url: require("~/static/gangweiIcon/z125.png")
           },
           {
-            url: require("~/static/gangweiIcon/z128.png")
+            url: require("~/static/gangweiIcon/z125.png")
           },
           {
             url: require("~/static/gangweiIcon/z125.png")
@@ -412,12 +412,12 @@
   position: relative;
 
   .my-map {
-    background: red;
     position: absolute;
     top: 246px;
-    left: 330px;
+    left: 50%;
     width: 880px;
     height: 332px;
+    transform: translate(-50%);
     display: flex;
 
     img {

pages/product/exam.vue

@@ -124,7 +124,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p07.png`),
             order: 1,
           },
           mianfei: true,
@@ -149,7 +149,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:   require(`~/static/productImage/p05.png`),
             order: 2,
           },
           mianfei: true,
@@ -174,7 +174,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p08.png`),
             order: 1,
           },
           mianfei: true,
@@ -199,7 +199,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p06.png`),
             order: 2,
           },
           mianfei: true,

pages/product/peixun.vue

@@ -22,9 +22,9 @@
     </div>
 
     <!--  直播系列  -->
-    <div class="platform-products-experience">
+    <div class="client-zhibo-box">
       <h4  class="client-title"> [青谷] 学测考练一站式在线培训系统 </h4>
-      <img src="#">
+      <img :src="imgQiye">
     </div>
 
 
@@ -139,7 +139,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p09.png`),
             order: 1,
           },
           mianfei: true,
@@ -154,7 +154,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p10.png`),
             order: 2,
           },
           mianfei: true,
@@ -169,7 +169,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p12.png`),
             order: 1,
           },
           mianfei: true,
@@ -184,7 +184,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p11.png`),
             order: 2,
           },
           mianfei: true,
@@ -193,27 +193,13 @@ export default {
           myType: 'peixun'
         }
       ],
+      imgQiye: require('~/static/productImage/p44.png')
     }
   },
 }
 </script>
 
 <style lang="scss" scoped>
-.banner-btn-groups {
-  position: absolute;
-
-}
-
-.client-platform-content {
-  color: #fff;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  width: auto;
-  height: auto;
-}
 
 .platform-products-services {
 
@@ -223,6 +209,29 @@ export default {
       margin-right: 20px;
     }
   }
+
+  .client-title {
+    font-weight: 800;
+    font-size: 30px;
+    color: #333;
+    margin-bottom: 100px;
+  }
+}
+
+.platform-products-experience {
+  .client-title {
+    font-weight: 800;
+    font-size: 30px;
+    color: #333;
+    margin-bottom: 30px;
+  }
+
+  p {
+    font-weight: 800;
+    font-size: 18px;
+    color: #565656;
+    line-height: 50px;
+  }
 }
 
 .platform-four-youshi {
@@ -319,9 +328,36 @@ export default {
   }
 }
 
+.client-zhibo-box {
+  text-align: center;
+  margin: 0 auto;
+  h4 {
+    font-weight: 800;
+    font-size: 30px;
+    color: #333;
+    margin-bottom: 100px;
+  }
+}
+
 
 @media (max-width: 768px) {
 
+  .platform-products-experience {
+    .client-title {
+      font-weight: 800;
+      font-size: 18px;
+      color: #333;
+      margin-bottom: 3%;
+    }
+
+    p {
+      font-weight: 800;
+      font-size: 14px;
+      color: #565656;
+      line-height: 1.5;
+    }
+  }
+
   .platform-four-youshi {
     margin-bottom: 10%;
     h4 {
@@ -350,5 +386,32 @@ export default {
       }
     }
   }
+
+  .client-zhibo-box {
+    text-align: center;
+    margin: 0 auto;
+    h4 {
+      font-weight: 800;
+      font-size: 18px;
+      color: #333;
+      margin-bottom: 30px;
+    }
+
+    img {
+      height: 300px;
+    }
+  }
+
+
+  .platform-products-services {
+
+    .client-title {
+      font-weight: 800;
+      font-size: 18px;
+      color: #333;
+      margin-bottom: 30px;
+    }
+  }
+
 }
 </style>

pages/solution/biteAndSup.vue

@@ -133,7 +133,7 @@ export default {
             num: '01',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p33.png`),
             order: 1,
           },
           mianfei: true,
@@ -159,7 +159,7 @@ export default {
             num: '02',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p34.png`),
             order: 2,
           },
           mianfei: true,
@@ -188,7 +188,7 @@ export default {
             num: '03',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p32.png`),
             order: 1,
           },
           mianfei: true,
@@ -214,7 +214,7 @@ export default {
             num: '04',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p37.png`),
             order: 2,
           },
           mianfei: true,

pages/solution/education.vue

@@ -135,7 +135,7 @@ export default {
             num: '01',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p31.png`),
             order: 1,
           },
           mianfei: true,
@@ -161,7 +161,7 @@ export default {
             num: '02',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p32.png`),
             order: 2,
           },
           mianfei: true,
@@ -187,7 +187,7 @@ export default {
             num: '03',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p29.png`),
             order: 1,
           },
           mianfei: true,
@@ -210,7 +210,7 @@ export default {
             num: '04',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p30.png`),
             order: 2,
           },
           mianfei: true,

pages/solution/energy.vue

@@ -133,7 +133,7 @@ export default {
             num: '01',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p33.png`),
             order: 1,
           },
           mianfei: true,
@@ -159,7 +159,7 @@ export default {
             num: '02',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p32.png`),
             order: 2,
           },
           mianfei: true,
@@ -185,7 +185,7 @@ export default {
             num: '03',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p34.png`),
             order: 1,
           },
           mianfei: true,
@@ -208,7 +208,7 @@ export default {
             num: '04',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p30.png`),
             order: 2,
           },
           mianfei: true,

pages/solution/erupt.vue

@@ -48,19 +48,25 @@
     </div>
 
     <!--  客户案例  -->
-    <div class="client-kehuanli-box experience-swiper-box">
+    <div class="client-kehuanli-box experience-swiper-box client-container">
+
+      <h4>客户案例</h4>
+
       <!--   PC   -->
-      <el-carousel  class="mta-hidden-xs" :interval="5000" type="card" height="200px">
-        <el-carousel-item v-for="item in anliList" :key="item.iild">
-          <div>
-            <img :src="item.pic">
-            <div>
-              <h3>{{item.title}}</h3>
-              <p>{{item.intro}}</p>
+      <div class="anli-box-wrap">
+        <el-carousel indicator-position="none" class="anli-box mta-hidden-xs" :interval="5000" height="200px">
+          <el-carousel-item v-for="item in anliList" :key="item.iild">
+            <div class="anli-content-pc">
+              <img :src="item.pic">
+              <div>
+                <h3>{{item.title}}</h3>
+                <p>{{item.intro}}</p>
+              </div>
             </div>
-          </div>
-        </el-carousel-item>
-      </el-carousel>
+          </el-carousel-item>
+        </el-carousel>
+      </div>
+
       <!--   H5   -->
       <div v-swiper:mySwiper="swiperOption" class="swiper-container client-container mta-hidden-sm">
         <div class="swiper-wrapper experience-content-box">
@@ -77,6 +83,10 @@
         <div class="swiper-pagination swiper-pagination-style"></div>
         <p class="experience-swiper-tip">←左右滑动查看更多→</p>
       </div>
+
+      <div class="left-bg mta-hidden-xs"></div>
+      <div class="right-bg mta-hidden-xs"></div>
+      <div class="center-bg mta-hidden-xs"></div>
     </div>
 
     <!--  立即咨询  -->
@@ -139,11 +149,11 @@ export default {
           content: {
             des1: '随机组卷算法是考试系统中最耗费性能的一项工作，因为在随机出卷的基础上，系统还要均衡试题被随机抽中的概率，避免试题被边缘化。',
             des: '青谷拥有一套全面、高效的随机组卷算法技术、通过优化数据算法结构和试题概率重组分配技术，能够快速计算抽中试题的随机率和分配率，极大地减轻了随机算法带来的压力。',
-            order: 2,
+            order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 1,
+            url: require(`~/static/productImage/p22.png`),
+            order: 2,
           },
           mianfei: true,
           zixun: true,
@@ -157,7 +167,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url:  require(`~/static/productImage/p24.png`),
             order: 1,
           },
           mianfei: true,
@@ -169,11 +179,11 @@ export default {
           content: {
             des1: '读写数据量大也是影响在线并发考试压力的主要因素之一，尤其是在短时间内频繁地向数据库读取',
             des: '青谷分布式微服务架构能很好地解决这一问题，配备具有多个节点的服务器，每个节点会根据用户请求地域就近分配来提高访问速率,如果当前节点的请求压力过大，系统还会自动将用户分配到节点相对较少的服务器上，从而实现网络的请求负载平衡。',
-            order: 2,
+            order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 1,
+            url:  require(`~/static/productImage/p23.png`),
+            order: 2,
           },
           mianfei: true,
           zixun: true,
@@ -242,6 +252,52 @@ export default {
   }
 }
 
+
+.anli-content-pc {
+  display: flex;
+  padding: 40px;
+  img {
+    width: 409px;
+    height: 225px;
+    margin-right: 35px;
+  }
+
+  >div {
+    h4 {
+      font-size: 24px;
+      color: #333;
+      line-height: 36px;
+      font-weight: 800;
+    }
+
+    p {
+      font-size: 18px;
+      color: #333;
+      line-height: 30px;
+      font-weight: 400;
+      -webkit-line-clamp:3;
+      text-overflow: ellipsis;
+      -o-text-overflow: ellipsis;
+      overflow: hidden;
+      word-wrap: break-word;
+      display: -webkit-box;
+      white-space: normal !important;
+      -webkit-box-orient: vertical;
+    }
+  }
+}
+
+.client-kehuanli-box {
+  margin-bottom: 160px;
+  h4 {
+    font-size: 30px;
+    font-weight: 800;
+    color: #333;
+    text-align: center;
+    margin-bottom: 70px;
+  }
+}
+
 @media (max-width: 768px) {
 
   .client-suijizujuan-box {

pages/solution/exam.vue

@@ -206,7 +206,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p13.png`),
             order: 1,
           },
           mianfei: true,
@@ -232,7 +232,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p14.png`),
             order: 2,
           },
           mianfei: true,
@@ -261,7 +261,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p16.png`),
             order: 1,
           },
           mianfei: false,
@@ -284,7 +284,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p15.png`),
             order: 2,
           },
           mianfei: false,

pages/solution/financial.vue

@@ -130,7 +130,7 @@ export default {
             num: '01',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p39.png`),
             order: 1,
           },
           mianfei: true,
@@ -159,7 +159,7 @@ export default {
             num: '02',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p37.png`),
             order: 2,
           },
           mianfei: true,
@@ -185,7 +185,7 @@ export default {
             num: '03',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p40.png`),
             order: 1,
           },
           mianfei: true,
@@ -208,7 +208,7 @@ export default {
             num: '04',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p38.png`),
             order: 2,
           },
           mianfei: true,

pages/solution/government.vue

@@ -7,7 +7,7 @@
         class="client-platform-banner">
         <div class="client-container mta-hidden-xs">
           <div class="banner-btn-groups">
-            <onlineInformationBtn class="online-information-btn btn-item" />
+            <onlineInformationBtn class="online-information-btn btn-item"/>
           </div>
         </div>
       </div>
@@ -111,13 +111,22 @@ import imgCardLv2 from "~/components/common/layout/imgDes/imgCardLv2";
  */
 export default {
   name: "government",
-  layout:   'templateB',
-  components: {chanPinTiYan, freeTrialBtn, onlineInformationBtn, newsComp2, videoDialog, videoCard, desWithCode, imgCardLv2},
+  layout: 'templateB',
+  components: {
+    chanPinTiYan,
+    freeTrialBtn,
+    onlineInformationBtn,
+    newsComp2,
+    videoDialog,
+    videoCard,
+    desWithCode,
+    imgCardLv2
+  },
   async asyncData({$axios, store}) {
     const arr = [
       $axios.$post(`/home/banner/list`, {'code': BannerImgs.zhengfujigou}),
     ];
-    const [ res2] = await Promise.all(arr);
+    const [res2] = await Promise.all(arr);
     return {
       bannerList: res2.data.data || [],
     }
@@ -141,7 +150,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p25.png`),
             order: 1,
           },
           mianfei: true,
@@ -166,11 +175,11 @@ export default {
                 value: '支持六大常用题型及批量导入题库',
               },
             ],
-            order: 1,
+            order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 2,
+            url: require(`~/static/productImage/p25.png`),
+            order: 1,
           },
           mianfei: true,
           zixun: true,
@@ -194,7 +203,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p27.png`),
             order: 1,
           },
           mianfei: true,
@@ -213,11 +222,11 @@ export default {
                 value: '从用户、学习情况、考试、成绩、试题、排名、机构等层面多维度分析培训结果，掌握学员学习情况',
               },
             ],
-            order: 1,
+            order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 2,
+            url: require(`~/static/productImage/p28.png`),
+            order: 1,
           },
           mianfei: true,
           zixun: true,
@@ -250,17 +259,21 @@ export default {
           }
         }
       }
+
       &:nth-child(2) {
         div {
           background-image: url("~static/gangweiIcon/z92.png");
+
           i {
             background-image: url('~static/gangweiIcon/z95.png');
           }
         }
       }
+
       &:nth-child(3) {
         div {
           background-image: url("~static/gangweiIcon/z93.png");
+
           i {
             background-image: url('~static/gangweiIcon/z96.png');
           }
@@ -268,6 +281,7 @@ export default {
       }
     }
   }
+
   @media (max-width: 768px) {
     ul {
       li {
@@ -276,11 +290,13 @@ export default {
             background-image: none;
           }
         }
+
         &:nth-child(2) {
           div {
             background-image: none;
           }
         }
+
         &:nth-child(3) {
           div {
             background-image: none;

pages/solution/medical.vue

@@ -132,7 +132,7 @@ export default {
             num: '01',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p31.png`),
             order: 1,
           },
           mianfei: true,
@@ -158,7 +158,7 @@ export default {
             num: '02',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p32.png`),
             order: 2,
           },
           mianfei: true,
@@ -184,7 +184,7 @@ export default {
             num: '03',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p29.png`),
             order: 1,
           },
           mianfei: true,
@@ -207,7 +207,7 @@ export default {
             num: '04',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p30.png`),
             order: 2,
           },
           mianfei: true,

pages/solution/peixun.vue

@@ -190,7 +190,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p20.png`),
             order: 1,
           },
           zixun: true,
@@ -203,7 +203,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p21.png`),
             order: 2,
           },
           zixun: true,
@@ -216,7 +216,7 @@ export default {
             order: 2,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p18.png`),
             order: 1,
           },
           zixun: true,
@@ -229,7 +229,7 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p17.png`),
             order: 2,
           },
           zixun: true,
@@ -242,8 +242,8 @@ export default {
             order: 1,
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
-            order: 2,
+            url: require(`~/static/productImage/p19.png`),
+            order: 1,
           },
           zixun: true,
           myType: 'peixun'
@@ -287,8 +287,6 @@ export default {
 
 // 企业痛点
 .client-tongdian-box {
-  margin-top: 190px;
-
   h4 {
     font-size: 30px;
     font-weight: 800;
@@ -305,7 +303,7 @@ export default {
     li {
       text-align: center;
       width: 33%;
-      margin-bottom: 20px;
+      margin-bottom: 30px;
 
       i {
         width: 99px;
@@ -355,7 +353,7 @@ export default {
       span {
         font-size: 20px;
         color: #565656;
-        font-weight: 800;
+        font-weight: 500;
         line-height: 30px;
         display: block;
         text-align: center;

pages/solution/privatization.vue

@@ -97,7 +97,8 @@
     </div>
 
     <!--  保护服务  -->
-    <div class="client-private-service">
+    <div class="client-private-service client-container">
+      <h4>部署服务</h4>
       <ul>
         <li>
           <h4>企业需求诊断</h4>
@@ -337,6 +338,76 @@ export default {
   }
 }
 
+// 部署方案
+.client-private-service {
+  margin-bottom: 100px;
+
+  h4 {
+    font-size: 30px;
+    font-weight: 800;
+    color: #333;
+    text-align: center;
+    margin-bottom: 80px;
+  }
+
+  ul {
+    display: flex;
+    justify-content: space-between;
+
+    li {
+      width: 200px;
+      flex-shrink: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+
+      h4 {
+        font-size: 24px;
+        font-weight: 800;
+        color: #333;
+        margin-bottom: 24px;
+      }
+
+      p {
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 24px;
+        text-align: center;
+      }
+
+      i {
+        width: 195px;
+        height: 150px;
+        display: inline-block;
+        background-position: center;
+        background-size: contain;
+        background-position: center;
+      }
+
+      &:nth-child(1) {
+        i {
+          background-image: url("~static/productImage/p04.png");
+        }
+      }
+      &:nth-child(2) {
+        i {
+          background-image: url("~static/productImage/p03.png");
+        }
+      }
+      &:nth-child(3) {
+        i {
+          background-image: url("~static/productImage/p01.png");
+        }
+      }
+      &:nth-child(4) {
+        i {
+          background-image: url("~static/productImage/p02.png");
+        }
+      }
+    }
+  }
+}
+
 
 
 @media (max-width: 768px) {
@@ -476,5 +547,36 @@ export default {
       }
     }
   }
+
+  .client-private-service {
+    margin-bottom: 30px;
+
+    h4 {
+      font-size: 18px;
+      margin-bottom: 0px;
+      margin-top: 20px;
+    }
+
+    ul {
+      flex-direction: column;
+      li {
+        width: 100%;
+        flex-shrink: 1;
+        margin-bottom: 10px;
+
+        h4 {
+          font-size: 14px;
+        }
+
+        p {
+          font-size: 12px;
+        }
+
+        i {
+          margin: 0 auto;
+        }
+      }
+    }
+  }
 }
 </style>

pages/solution/transportation.vue

@@ -140,7 +140,7 @@ export default {
             num: '01',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p33.png`),
             order: 1,
           },
           mianfei: true,
@@ -167,7 +167,7 @@ export default {
             num: '02',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p32.png`),
             order: 2,
           },
           mianfei: true,
@@ -213,7 +213,7 @@ export default {
             num: '03',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p34.png`),
             order: 1,
           },
           mianfei: true,
@@ -240,7 +240,7 @@ export default {
             num: '04',
           },
           img: {
-            url: require('~/static/codeImage/code-jingli.png'),
+            url: require(`~/static/productImage/p30.png`),
             order: 2,
           },
           mianfei: true,