优化用户故事页面

css/style.css

@@ -444,9 +444,11 @@
 .section.story-cont .image-con {
   position: relative;
   width: 100%;
+  font-size: 0;
+}
+.section.story-cont .image-con .swiper-slide {
   border-radius: 20px;
   overflow: hidden;
-  font-size: 0;
 }
 .section.story-cont .image-con img {
   max-width: 100%;

css/style.less

@@ -571,10 +571,13 @@
     .image-con {
         position: relative;
         width: 100%;
-        border-radius: 20px;
-        overflow: hidden;
         font-size: 0;
 
+        .swiper-slide {
+            border-radius: 20px;
+            overflow: hidden;
+        }
+
         img {
             max-width: 100%;
         }

story.html

@@ -29,10 +29,22 @@
         </div>
         <div class="section main-wrap story-cont">
             <h2 class="title">社会责任</h2>
-            <div class="image-con">
-                <img src="images/tu2.png" alt="">
-                <p>持续优化企业融资成本 助力实体经济健康发展</p>
+            <div class="image-con swiper-container">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                        <img src="images/tu2.png" alt="">
+                        <p>持续优化企业融资成本 助力实体经济健康发展</p>
+                    </div>
+                </div>
             </div>
+            <script>
+                var swiper = new Swiper('.image-con', {
+                    paginationClickable: true,
+                    centeredSlides: true,
+                    autoplay: 5000,
+                    autoplayDisableOnInteraction: false,
+                });
+            </script>
         </div>
         <div class="section main-wrap story-cont last">
             <h2 class="title">客户故事</h2>