金融保险-详情页

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

@@ -1021,12 +1021,33 @@
     // banner
     .finance-banner{width: 100%;height: 400px;background-image: url("~static/images/client/Industrydetails/finance-banner-img.png");background-position-x: center;}
 
-    // 政府行业的发展现状
+    // 金融行业的发展现状
     .finance-develop-box{
       .client-container{padding: 48px 0 80px;text-align: center;}
       p{width: 460px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;vertical-align: middle;margin-right: 96px;text-align: left;}
       img{display: inline-block;vertical-align: middle;}
     }
+
+    // 金融行业的问题
+    .finance-question-box{
+      background: #F9FAFF;
+      padding: 80px 0;
+        .finance-question-top{
+          width: 946px;height: 104px;background-image: url("~static/images/client/Industrydetails/finance-question-bg.png");margin: 0 auto 48px;
+          h5{height: 104px;line-height:104px;display: inline-block;@include setFontStyle(10);color: rgba(255,255,255,0.85);padding: 0 56px}
+          h5:first-child{margin-right: 180px;color: rgba(0,0,0,0.85);}
+        }
+        ul{
+          width:460px;min-height:328px;display: inline-block;border: 1px solid #2B67FD;border-radius: 4px;padding: 32px;box-sizing: border-box;vertical-align: middle;margin: 0 52px;
+          li{margin-bottom: 16px;}
+          i{width: 12px;height: 12px;float: left;background-image: linear-gradient(90deg, #2B5CFD 0%, #FFFFFF 100%);border-radius: 50%;margin-top: 4px;margin-right: 16px;}
+          p{@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;margin-left: 30px;text-align: left;}
+        }
+        .finance-question-right{
+          border: 1px solid #FF6226;
+          i{background-image: linear-gradient(90deg, #FF6226 0%, #FFFFFF 100%);}
+        }
+    }
   }
 }
 

pages/Industrydetails/finance.vue

@@ -13,6 +13,31 @@
           <img :src="financeDevelopImg" alt="政府行业的发展现状" />
         </div>
       </div>
+
+    <!-- 金融行业的问题 -->
+    <div class="finance-question-box">
+        <div class="client-container">
+            <div class="finance-question-top">
+              <h5>传统培训手段的问题</h5>
+              <h5>我们能解决的问题</h5>
+            </div>
+          <div class="tc">
+            <ul>
+              <li><i></i><p>产品更新换代快，培训资料更新不及时</p></li>
+              <li><i></i><p>网点多，范围广，人数多，导致培训不同步，考核效果一般</p></li>
+              <li><i></i><p>融业是以客户为中心的，专业技能素养和综合文化素质极为重要，培训不到位，服务满意度往往达不到要求</p></li>
+              <li><i></i><p>着互联网时代发展，人工智能程度越来越高，高新技术的统一操作标准无法下发至每个人，更无法逐一考核</p></li>
+              <li><i></i><p>专业度高，需要分岗位进行培训，但设计一门专业课程需要很大的精力，传统培训不能满足需求</p></li>
+            </ul>
+            <ul class="finance-question-right">
+              <li><i></i><p>内容设计：解决了学习资料不足、学习内容空泛、知识要点把握不准等问题</p></li>
+              <li><i></i><p>提高执行：提升了全员合规知识水平和内控执行能力</p></li>
+              <li><i></i><p>实际工作：在考题设计上，将各项法律法规、内控制度、操作流程和应知应会内容紧密结合客户营销、合规管理和风险防控实际，提升全员的分析问题能力</p></li>
+              <li><i></i><p>专岗专培：针对员工岗位性质、能力素质和业务需求，精心设计考试内容，开展多次考试活动，选备相应的题库，分岗位进行集中测试</p></li>
+            </ul>
+          </div>
+        </div>
+    </div>
   </div>
 </template>