diff --git a/public/static/css/style.css b/public/static/css/style.css
index ff04e6e..f8a6716 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -49,9 +49,9 @@ input,select,textarea{outline:medium none; resize: none;}
 
 /*nav*/
 /**/
-.nav {width: 75%;}
-.nav ul li{ float: left; position: relative; margin-left: 1.25rem; transition: all .6s;}
-.nav ul li span a{ float: left; font-size: 1.125rem; line-height: 5.9375rem; padding: 0 16px; position: relative; text-decoration: none; color: #fff;}
+.nav {width: 80%;}
+.nav ul li{ float: left; position: relative; margin-left: 1rem; transition: all .6s;}
+.nav ul li span a{ float: left; font-size: 1.125rem; line-height: 5.9375rem; padding: 0 1.375rem; position: relative; text-decoration: none; color: #fff;}
 .nav ul li span a::before{ content: ''; width: 0; height: 4px; position: absolute; left: 0; bottom: 0; background: #F9BE3E; transition: all .6s; opacity: 0;}
 .nav ul li:hover span a{ color: #fff !important;}
 .nav ul li:hover span a::before{ opacity: 1; width: 100%;}
@@ -89,7 +89,7 @@ input,select,textarea{outline:medium none; resize: none;}
 
 .all-center-box{ width: 100%; float: left;}
 
-.head-box{ position: absolute; left: 0; top: 4rem; z-index: 99; color: #fff; transition: all .6s;}
+.head-box{ position: absolute; left: 0; top:8rem; z-index: 99; color: #fff; transition: all .6s;}
 .head-box .w-1500{ transition: all .6s;}
 .head-box .center-block{ background: #00418f; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);}
 .head-box .center-block .logo{ width: 14.375rem; height: 5.9375rem; text-align: center; background: #fff;}
@@ -105,7 +105,7 @@ input,select,textarea{outline:medium none; resize: none;}
 .banner-box{ height: 100vh;}
 .banner-box .swiper-container{ height: 100%;}
 .banner-box .swiper-container .swiper-slide{ background-position: center; background-size: cover; background-color: #ccc;}
-.banner-box .swiper-container .swiper-slide .pull-left{ color: #fff;}
+.banner-box .swiper-container .swiper-slide .pull-left{ color: #fff; padding-top: 7rem;}
 .banner-box .swiper-container .swiper-slide .pull-left p{ font-size: 4.375rem; transform: translate(3.125rem,0); opacity: 0; transition: all .6s;}
 .banner-box .swiper-container .swiper-slide .pull-left i{ font-size: 1.25rem; line-height: 1.6; display: block; margin-top: 1.25rem; transform: translate(3.125rem,0); opacity: 0; transition: all .6s ease .1s;}
 .banner-box .swiper-container .swiper-slide .w-1500.active .pull-left p{ opacity: 1; transform: translate(0,0);}
@@ -211,13 +211,15 @@ input,select,textarea{outline:medium none; resize: none;}
 .about-box4{ padding: 3.75rem 0;}
 .about-box4 .top-box{ text-align: center; margin-top: 6.25rem; position: relative;}
 .about-box4 .top-box::after{ content: ''; width: 100%; height: 1px; background: #B3B3B3; position: absolute; left: 0; bottom: 0.95rem;}
-.about-box4 .top-box .swiper-container .swiper-slide{ color: #B3B3B3; font-size: 1.4rem; cursor: pointer;}
-.about-box4 .top-box .swiper-container .swiper-slide p span{ font-size: 3.125rem; font-weight: bold;}
+.about-box4 .top-box .swiper-container .swiper-slide{ color: #B3B3B3; font-size: 1.4rem; cursor: pointer; font-weight: bold;}
+.about-box4 .top-box .swiper-container .swiper-slide p span{ font-size: 3.6rem;}
+.about-box4 .top-box .swiper-container .swiper-slide p em{ display: none; font-style: initial; margin-left: 0.4rem;}
 .about-box4 .top-box .swiper-container .swiper-slide i{ width: 1.3rem; height: 1.3rem; display: inline-block; border-radius: 100%; border: 0.375rem solid #B3B3B3; background: #fff; margin: 0.625rem 0 0;}
 .about-box4 .top-box .swiper-container .swiper-slide.swiper-slide-active{ color: #01418E;}
+.about-box4 .top-box .swiper-container .swiper-slide.swiper-slide-active p em{ display: inline-block;}
 .about-box4 .top-box .swiper-container .swiper-slide.swiper-slide-active i{ border-color: #01418E;}
 .about-box4 .lower-box{ padding: 2.5rem 30%;}
-.about-box4 .lower-box .center-block{ line-height: 1.6; font-size: 1rem; color: #888;}
+.about-box4 .lower-box .center-block{ line-height: 1.6; font-size: 1rem; color: #888; margin-left: 29%;}
 .about-box4 .swiper-btn{ width: 14.375rem; position: relative; float: left; left: 50%; transform: translate(-50%,0);}
 .about-box4 .swiper-btn .swiper-button-next{ float: right; right: 0;}
 .about-box4 .swiper-btn .swiper-button-prev{ float: left; left: 0;}
@@ -225,6 +227,7 @@ input,select,textarea{outline:medium none; resize: none;}
 .about-box4 .swiper-btn .swiper-button-next::after,.about-box4 .swiper-btn .swiper-button-prev::after{ color: #c9c9c8; transition: all .6s; font-size: 2.4rem;}
 .about-box4 .swiper-btn .swiper-button-next:hover,.about-box4 .swiper-btn .swiper-button-prev:hover{ background: #00418f;}
 .about-box4 .swiper-btn .swiper-button-next:hover::after,.about-box4 .swiper-btn .swiper-button-prev:hover::after{ color: #fff;}
+.about-box4 .swiper-btn span{ white-space: nowrap; font-size: 14px; color: #888; line-height: 4.25rem; position: absolute; left: 100%; top: 0; margin-left: 2.5rem;}
 .about-box4 .lower-box .lower-box-item{margin-bottom: 20px;}
 .about-box4 .lower-box .lower-box-item:last-child{margin-bottom: 0px;}
 
@@ -312,7 +315,7 @@ input,select,textarea{outline:medium none; resize: none;}
 .news-info .lower-box{ font-size: 1.125rem; margin-top: 0.625rem; color: #999;}
 .news-info .lower-box a{ color: #999;}
 .news-info .lower-box a:hover{ color: #578df3;}
-.news-info .lower-box a.btns{ display: inline-block; background: #00418f; color: #fff; padding: 0 2.85rem; line-height: 2rem; font-size: 1rem; margin-top: 0.8rem;}
+.news-info .lower-box a.btns{ display: inline-block; background: #00418f; color: #fff; padding: 0 3.15rem; line-height: 24px; font-size: 0.8rem; margin-top: 2rem;}
 
 .contact-box1{ padding: 10rem 0 3.75rem;}
 .contact-box1 .between-top{ padding-bottom: 7rem;}
@@ -324,21 +327,25 @@ input,select,textarea{outline:medium none; resize: none;}
 .contact-box1 .between-top .column-between:first-child img{ width: 13.125rem;}
 
 .contact-box2 .all-title-box2{ border-top: 2px solid #A8A8A8; padding-top: 3rem;}
+.contact-box2 .marketing-box2 .center-block ul li{ transition: none;}
 .contact-box2 .marketing-box2 .center-block ul li .top-box .pull-left i{ width: 10rem; font-size: 1.25rem;}
 .contact-box2 .marketing-box2 .center-block ul li .lower-box{ display: flex !important; height: 11rem !important; overflow: hidden;}
 .contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-left{ width: 10rem; font-size: 0.875rem; line-height: 2;}
 .contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-right{ width: 85%; font-size: 0.875rem; color: #777; line-height: 1.8;}
 .contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-right strong{ color: #222;}
 .contact-box2 .marketing-box2 .center-block ul li.active .lower-box{ height: auto !important;}
+.contact-box2 .marketing-box2 .center-block ul li.active{ border: none;}
 .marketing-box2 .center-block ul li.active .lower-box{ display: block;}
 
 .contact-box3{ background: #F5F5F5; padding: 6rem 0;}
-.contact-box3 .box-info{ width: 100%; float: left; color: #888; font-size: 0.875rem; line-height: 1.8; margin: 2.5rem 0;}
+.contact-box3 .box-info{ width: 100%; float: left; color: #888; font-size: 0.875rem; line-height: 2.4; margin: 2.5rem 0;}
 .contact-box3 .center-block .text{ width: 48%; float: left; height: 35px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.25rem;}
 .contact-box3 .center-block .text:nth-child(2n){ float: right;}
-.contact-box3 .center-block textarea{ width: 100%; float: left; height: 110px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.25rem;}
+.contact-box3 .center-block .text::-webkit-input-placeholder{ color: #c8c8c8;}
+.contact-box3 .center-block textarea::-webkit-input-placeholder{ color: #c8c8c8;}
+.contact-box3 .center-block textarea{ width: 100%; float: left; height: 110px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.875rem;}
 .contact-box3 .center-block .btns{ width: 100%; float: left; text-align: center;}
-.contact-box3 .center-block .btns button{ width: 10rem; line-height: 2.25rem; background: #00418f; border:none; color: #fff; font-size: 1rem; margin-top: 1.875rem;}
+.contact-box3 .center-block .btns button{ width: 10rem; line-height: 24px; background: #00418f; border:none; color: #fff; font-size: 14px; margin-top: 1.875rem;}
 
 .product-box{ padding: 8rem 0 5rem;}
 .product-box .center-block ul{ margin: 0 -1.25rem;}
@@ -379,6 +386,8 @@ input,select,textarea{outline:medium none; resize: none;}
 @media screen and (max-width:1440px){
     html,body{ font-size: 80%;}
     .w-1500{ width: 1200px;}
+    .news-info .lower-box a.btns{ padding: 0 3rem;}
+    .about-box4 .lower-box .center-block{  margin-left: 32%;}
 }
 @media screen and (max-width:1366px){
 }
@@ -534,6 +543,7 @@ input,select,textarea{outline:medium none; resize: none;}
     .search-form-box .layui-form{ display: block; padding: 0;}
     .search-form-box .layui-form .layui-input, .product-box .layui-form .layui-form-select{ margin: 0 0 0.8rem;}
     .search-form-box .layui-form .layui-btn{ width: 100%;}
+    .about-box4 .lower-box .center-block{ margin-left: 0;}
     
 }
 @media screen and (max-width:768px){
diff --git a/public/static/manager/wangEditor/wangEditor.min.js b/public/static/manager/wangEditor/wangEditor.min.js
index 1bcb8e3..32c054e 100644
--- a/public/static/manager/wangEditor/wangEditor.min.js
+++ b/public/static/manager/wangEditor/wangEditor.min.js
@@ -578,7 +578,7 @@
               value: '7'
             }
           },
-        colors: ['#000000', '#eeece0', '#1c487f', '#4d80bf', '#c24f4a', '#8baa4a', '#7b5ba1', '#46acc8', '#f9963b', '#ffffff'],
+        colors: ['#000000', '#eeece0', '#10418F', '#4d80bf', '#c24f4a', '#8baa4a', '#7b5ba1', '#46acc8', '#f9963b', '#ffffff'],
 
         // // 语言配置
         // lang: {
diff --git a/view/article/news_detail.html b/view/article/news_detail.html
index 8fe510f..54d41c2 100644
--- a/view/article/news_detail.html
+++ b/view/article/news_detail.html
@@ -24,7 +24,7 @@
                     {if isset($prev) && count($prev) >0}
                     <a href="{:url('article/detail', ['id' => $prev.id])}">上一篇</a>
                     {/if}
-                    {if (isset($prev) && count($prev) >0) && (isset($next) && count($next) >0)}&emsp;/&emsp;{/if}
+                    {if (isset($prev) && count($prev) >0) && (isset($next) && count($next) >0)} / {/if}
                     {if isset($next) && count($next) >0}
                     <a href="{:url('article/detail', ['id' => $next.id])}">下一篇</a>
                     {/if}
diff --git a/view/page/about.html b/view/page/about.html
index d9d6c71..48046cb 100644
--- a/view/page/about.html
+++ b/view/page/about.html
@@ -72,7 +72,7 @@
                     <div class="swiper-wrapper">
                     {if isset($historyList) && count($historyList) > 0}
                         {foreach $historyList as $history}
-                        <div class="swiper-slide"><p><span>{$history.title}</span></p><i></i></div>
+                        <div class="swiper-slide"><p><span>{$history.title}</span><em>&nbsp;&nbsp;/&nbsp;&nbsp;年</em></p><i></i></div>
                         {/foreach}
                     {/if}
                     </div>
@@ -92,6 +92,7 @@
             <div class="swiper-btn">
                 <div class="swiper-button-prev"></div>
                 <div class="swiper-button-next"></div>
+                <span>点击前后翻看</span>
             </div>
         </div>
     </div>
@@ -106,8 +107,13 @@
 </div>
 
 <script>
+    var initialSlide = 0;
+    if($('.about-box4 .lower-box .center-block').length > 1){
+        initialSlide = 1
+    }
     var swiper = new Swiper('.about-box4 .swiper-container', {
         loop:true,
+        initialSlide:initialSlide,
         slidesPerView: 3,
         spaceBetween: 0,
         centeredSlides : true,
@@ -123,7 +129,7 @@
         },
         on:{
             init: function(){
-                $('.about-box4 .lower-box .center-block').hide().eq(0).show()
+                $('.about-box4 .lower-box .center-block').hide().eq(initialSlide).show()
             },
             transitionEnd: function(){
             },