diff --git a/public/static/css/style.css b/public/static/css/style.css
index fff9808..ee4b227 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -472,12 +472,15 @@ input,select,textarea{outline:medium none; resize: none;}
     
     .about-box2{ padding: 1.5625rem 0;}
     .about-box2 .top-box .fr span{ margin-left: 1rem;}
-    .about-box2 .lower-box{ padding: 0; margin-top: 1.5625rem; background: none; min-height: 35rem;}
+    .about-box2 .lower-box{ padding: 0; margin-top: 1.5625rem; background: none; min-height: auto;}
     .about-box2 .lower-box .pull-left{ width: 100%;}
     .about-box2 .lower-box .pull-left ul li{ padding: 1.25rem;}
     .about-box2 .lower-box .pull-right{ width: 100%; position: relative; height: 12.5rem; margin-top: 1.5625rem;}
     .about-box2 .lower-box .pull-right ul li{ margin-bottom: 0.9375rem;}
     
+    .about-box2 .lower-box .div-phone .swiper-slide{ text-align: center;}
+    .about-box2 .lower-box .div-phone .swiper-slide p{ margin-top: 12px; font-size: 14px;}
+    
     .about-box3{ padding: 1.5625rem 0;}
     .about-box3 .box-info{ margin-top: 1.25rem;}
     
@@ -566,6 +569,8 @@ input,select,textarea{outline:medium none; resize: none;}
     
     .pageing li a, .pageing li span{ font-size: 12px; margin: 2px; padding: 3px 10px;}
     
+    
+    
 }
 @media screen and (max-width:768px){
 }
diff --git a/view/page/about.html b/view/page/about.html
index 48046cb..89c43bd 100644
--- a/view/page/about.html
+++ b/view/page/about.html
@@ -35,25 +35,46 @@
             {if isset($honors) && count($honors) > 0}
             {foreach $honors as $k => $honor}
             <div class="lower-box w-100">
-                <div class="pull-left">
-                    <ul>
-                    {foreach $honor.items as $item}
-                        <li><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"></li>
-                    {/foreach}
-                    </ul>
+                <div class="div-pc w-100">
+                    <div class="pull-left">
+                        <ul>
+                        {foreach $honor.items as $item}
+                            <li><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"></li>
+                        {/foreach}
+                        </ul>
+                    </div>
+                    <div class="pull-right">
+                        <ul>
+                        {foreach $honor.items as $item}
+                            <li title="{$item.title}">{$item.title}</li>
+                        {/foreach}
+                        </ul>
+                    </div>
                 </div>
-                <div class="pull-right">
-                    <ul>
-                    {foreach $honor.items as $item}
-                        <li title="{$item.title}">{$item.title}</li>
-                    {/foreach}
-                    </ul>
+                <div class="div-phone w-100">
+                    <div class="swiper-container">
+                        <div class="swiper-wrapper">
+                        {foreach $honor.items as $item}
+                            <div class="swiper-slide"><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"><p>{$item.title}</p></div>
+                        {/foreach}
+                        </div>
+                    </div>
                 </div>
             </div>
             {/foreach}
             {/if}
         </div>
     </div>
+    <script type="text/javascript">
+        var swiper = new Swiper('.about-box2 .div-phone .swiper-container', {
+            loop:true,
+            autoHeight: true,
+            autoplay:true
+        });
+        $('.about-box2 .top-box .fr span').click(function(){
+            swiper.update()
+        })
+    </script>
     <!--  Structure  -->
     <div class="about-box3 w-100" id="about3">
         <div class="w-1200">