优化用户故事页面

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,9 +571,12 @@
     .image-con {
         position: relative;
         width: 100%;
+        font-size: 0;
+
+        .swiper-slide {
             border-radius: 20px;
             overflow: hidden;
-        font-size: 0;
+        }
 
         img {
             max-width: 100%;

story.html

@@ -29,11 +29,23 @@
         </div>
         <div class="section main-wrap story-cont">
             <h2 class="title">社会责任</h2>
-            <div class="image-con">
+            <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>
             <ul class="story-group">