diff --git a/src/main/resources/static/assets/web/css/index.css b/src/main/resources/static/assets/web/css/index.css
index 89a52e5..1980d7a 100644
--- a/src/main/resources/static/assets/web/css/index.css
+++ b/src/main/resources/static/assets/web/css/index.css
@@ -39,7 +39,7 @@
 .news-right{width:540px;float:right;position:relative}
 .news-right .bd a{display:block;position:relative}
 .news-right .bd a img{width:540px;height:305px}
-.news-right .bd a p{position:absolute;left:0;right:0;bottom:0;padding:0 100px 0 10px;background:rgba(0,0,0,.6);line-height:35px;color:#fff}
+.news-right .bd a p{position:absolute;left:0;right:0;bottom:0;padding:0 100px 0 10px;background:rgba(0,0,0,.6);line-height:35px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 .news-right .hd{position:absolute;right:0;bottom:12px}
 .news-right .hd li{float:left;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#fff;margin-right:5px}
 .news-right .hd li.on{background:#015ab8}
@@ -47,7 +47,7 @@
 .three-box{width:32%;float:left;margin-right:2%}
 .three-box:last-child{margin-right:0}
 .three-box-title{overflow:hidden}
-.three-box-title span{display:block;float:left;width:110px;height:28px;text-align:center;line-height:28px;color:#fff;background:#015ab8;font-weight:700;font-size:18px;position:relative;border-radius:4px}
+.three-box-title span{display:block;float:left;width:110px;height:28px;text-align:center;line-height:28px;color:#fff;background:#ce0c0d;font-weight:700;font-size:18px;position:relative;border-radius:4px}
 .three-box-title span:after{content:'';display:block;width:200px;height:1px;border-top:1px dashed red;box-sizing:border-box;position:absolute;top:50%;left:120px}
 .three-box-title a{line-height:28px;float:right;color:#999}
 .three-box-list{margin-top:15px;overflow: hidden}
@@ -71,9 +71,12 @@
 .base-title{background:url(../images/news-line-r.png) no-repeat 220px center;background-size:75% 10px}
 .base-title a{float:right;font-size:18px;color:#b50100;line-height:40px}
 .base-news{margin-top:30px;overflow:hidden}
-.base-news-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box}
+.base-news-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box;position: relative}
 .base-news-left a{display:block}
 .base-news-left img{height:330px;width:100%}
+.base-news-left .hd{position: absolute;bottom: 10px;left:50%;transform: translate(-50%,0)}
+.base-news-left .hd li{float: left;width: 10px;height: 10px;border-radius: 50%;cursor: pointer;background: #fff;margin-right: 5px;}
+.base-news-left .hd li.on{background: #015ab8}
 .base-news-right{width:49.5%;height:340px;float:right;padding:15px;border:1px solid #dcdcdc;background:rgba(247,243,240,.6);box-sizing:border-box}
 .base-news-right li{margin-bottom:17px}
 .base-news-right li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:50px;box-sizing:border-box;font-size:18px;color:#000;position:relative;line-height:20px}
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 07c1f0d..c1413a7 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -191,6 +191,11 @@
                             </li>
                         </ul>
                     </div>
+                    <div class="hd">
+                        <ul>
+                            <li v-for="(news,idx) in baseList"></li>
+                        </ul>
+                    </div>
                 </div>
                 <div class="base-news-right">
                     <ul v-cloak>