工时管家——官网修改

fhKeeper/formulahousekeeper/inva_4_tivo/css/styles.css

@@ -2172,6 +2172,10 @@ a:hover.back-to-top {
 	background: #f3f7fd;
 }
 
+#scenes .card {
+    background-color: #f3f7fd;
+}
+
 .cards-1 .scenes {
 	text-align: left;
 	padding: 1rem 1.2rem;
@@ -2195,4 +2199,8 @@ a:hover.back-to-top {
 	vertical-align: middle;
 }
 
+.swiper-slide .img-fluid {
+    border: 1px solid #eee;
+}
+
 /* new style end */

fhKeeper/formulahousekeeper/inva_4_tivo/index.html

@@ -133,6 +133,64 @@
 <!--    </div>-->
 
     <div class="cards-1">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <h2 class="h2-heading">产品应用场景</h2>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="scenes card">
+                        <div class="scenes-head">
+                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
+                            员工在家办公
+                        </div>
+                        <div class="scenes-body">
+                            <img class="img-fluid" src="images/pic_1.png" alt="alternative">
+                            <p>构建可视化办公，工作情况领导可及时了解，灵活安排工作。</p>
+                        </div>
+                    </div>
+                    <div class="scenes card">
+                        <div class="scenes-head">
+                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
+                            团队工作奖惩
+                        </div>
+                        <div class="scenes-body">
+                            <img class="img-fluid" src="images/pic_2.png" alt="alternative">
+                            <p>帮管理者筛选出优秀员工，月度年度绩效考核有据可查。</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="scenes card">
+                        <div class="scenes-head">
+                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
+                            网上兼职人员办公
+                        </div>
+                        <div class="scenes-body">
+                            <img class="img-fluid" src="images/pic_1.png" alt="alternative">
+                            <p>按实际投入的工作时间核算成本，计算酬劳更方便。</p>
+                        </div>
+                    </div>
+                    <div class="scenes card">
+                        <div class="scenes-head">
+                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
+                            人力外包团队管理
+                        </div>
+                        <div class="scenes-body">
+                            <img class="img-fluid" src="images/pic_1.png" alt="alternative">
+                            <p>考察外包人员实际工作情况，督促进度。</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="scenes" class="cards-1">
         <div class="container">
             <div class="row">
                 <div class="col-lg-12">
@@ -204,64 +262,6 @@
         </div>
     </div>
 
-    <div id="scenes" class="cards-1">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h2 class="h2-heading">产品试用场景</h2>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="scenes card">
-                        <div class="scenes-head">
-                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
-                            员工在家办公
-                        </div>
-                        <div class="scenes-body">
-                            <img class="img-fluid" src="images/pic_1.png" alt="alternative">
-                            <p>构建可视化办公，工作情况领导可及时了解，灵活安排工作。</p>
-                        </div>
-                    </div>
-                    <div class="scenes card">
-                        <div class="scenes-head">
-                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
-                            团队工作奖惩
-                        </div>
-                        <div class="scenes-body">
-                            <img class="img-fluid" src="images/pic_2.png" alt="alternative">
-                            <p>帮管理者筛选出优秀员工，月度年度绩效考核有据可查。</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="scenes card">
-                        <div class="scenes-head">
-                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
-                            网上兼职人员办公
-                        </div>
-                        <div class="scenes-body">
-                            <img class="img-fluid" src="images/pic_1.png" alt="alternative">
-                            <p>按实际投入的工作时间核算成本，计算酬劳更方便。</p>
-                        </div>
-                    </div>
-                    <div class="scenes card">
-                        <div class="scenes-head">
-                            <img class="img-fluid" src="images/pic_0.png" alt="alternative">
-                            人力外包团队管理
-                        </div>
-                        <div class="scenes-body">
-                            <img class="img-fluid" src="images/pic_1.png" alt="alternative">
-                            <p>考察外包人员实际工作情况，督促进度。</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
      <div class="slider-2">
         <div class="container">
             <div class="row">
@@ -273,7 +273,7 @@
                                     <img class="img-fluid" src="images/banner_1.png" alt="工作桌面">
                                 </div>
                                 <div class="swiper-slide">
-                                    <img class="img-fluid" src="images/banner_2.png" alt="工作桌面详情">
+                                    <img class="img-fluid" src="images/banner_2.jpg" alt="工作桌面详情">
                                 </div>
                                 <div class="swiper-slide">
                                     <img class="img-fluid" src="images/banner_3.png" alt="工时统计">