diff --git a/src/main/resources/static/assets/web/css/style.css b/src/main/resources/static/assets/web/css/style.css
index b0a4e51..3a164d2 100644
--- a/src/main/resources/static/assets/web/css/style.css
+++ b/src/main/resources/static/assets/web/css/style.css
@@ -1,8 +1,8 @@
 .clearFloat:after{content:'';display:block;clear:both}
 .fl{float:left}
 .fr{float:right}
-.banner{position: relative;overflow: hidden;width:100%;height:456px;min-width:1200px;}
-.banner img{position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;}
+.banner{position: relative;width:100%;height:456px;min-width:1200px;}
+.banner img{width: 100%}
 .nav{width:1200px;margin:-50px auto 0;position:relative;padding:20px 0;background:#fff;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:5px}
 .nav ul li{width:200px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d2d2d2;cursor:pointer;overflow: hidden}
 .nav.child ul li{width: 240px;}
@@ -25,13 +25,13 @@
 .nav ul li.active .left span{color:#3d41b7;font-weight:700;line-height:60px;margin-top:0;position:relative;display: inline-block}
 .nav ul li.active .left span:after{content:'';display:block;width:100%;height:2px;background:#3d41b7;position:absolute;left:0;bottom:10px}
 .nav ul li.active .left p{display:none}
-.mid-link{border-radius: 5px;background: #fff;width:1200px;margin:20px auto;padding-top: 10px;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}
+.mid-link{position: relative;z-index: 100;border-radius: 5px;background: #fff;width:1200px;margin:20px auto;padding-top: 10px;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}
 .mid-link .text{display:block;margin:0 0 15px 15px}
 .mid-link .link{padding:0 30px;overflow:hidden}
 .mid-link .link .link-box{float:left;width:23.25%;height:120px;margin-right:2%;cursor:pointer;display:block}
 .mid-link .link .link-box:last-child{margin-right:0}
 .mid-link .link .link-box img{width:100%;height:100%}
-.news{width:1200px;margin:0 auto 20px}
+.news{width:1200px;margin:0 auto 20px;position: relative;z-index: 100;}
 .news .news-box{width:32%;margin-right:2%;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;float:left}
 .news .news-box:last-child{margin-right:0}
 .news .news-box .box-title{height:40px;line-height:40px;padding:0 10px;background:#064ec0;color:#fff}
@@ -44,7 +44,7 @@
 .news .news-box .news-list ul li:hover,.news .news-box .news-list ul li:hover a{color:#064ec0}
 .news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .news .news-box .news-list ul li span{float:right}
-.slide-news{width:1200px;margin:0 auto 30px;overflow:hidden}
+.slide-news{position: relative;z-index: 100;width:1200px;margin:0 auto 30px;overflow:hidden}
 .slide-news .slide{width:66%;height:420px;float:left}
 .slide .bd a{display:block;position:relative}
 .dynamic-news,.slide{position:relative}
@@ -66,11 +66,11 @@
 .exposure-news-list li a{display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
 .exposure-news-list li span{float:right;color:#333}
 .exposure-news-list li:hover a,.exposure-news-list li:hover span{color:#064ec0}
-.bottom-nav{width:1200px;margin:0 auto 30px}
+.bottom-nav{position: relative;z-index: 100;width:1200px;margin:0 auto 30px}
 .nav-title{font-size:18px;color:#333;font-weight:700;padding-bottom:10px;border-bottom:2px solid #de0606}
 .nav-list{margin-top:10px}
 .nav-list a{display:inline-block;margin-right:15px;font-size:16px;color:#333;line-height:30px}
-.footer{background:#f0efef;min-width:1200px;text-align:center;padding:25px 0;color:#b2b1b1;font-size:16px}
+.footer{position: relative;z-index: 100;background:#f0efef;min-width:1200px;text-align:center;padding:25px 0;color:#b2b1b1;font-size:16px}
 .row{width:1200px;margin:30px auto}
 .row:after{content:'';display:block;clear:both}
 .row .dynamic{width:49%;float:left}
@@ -95,7 +95,8 @@
 .news-detail{padding:20px 0;min-height:500px}
 .news-detail p{line-height:35px;font-size:16px;color:#333}
 .news-detail img, .news-detail video{max-width: 100% !important;}
-.assessment-header .banner,.assessment-header .banner img{width:100%;height:300px;min-width:1200px}
+/*.assessment-header .banner{width:100%;height:300px;min-width:1200px}*/
+.assessment-header .banner img{width: 100%}
 .count{width:1200px;margin:20px auto;padding:15px 15px 0;box-sizing:border-box;background:#fff}
 .chart-box{width:260px}
 .count-title{padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333}
@@ -161,4 +162,24 @@
 .news-container .news-list ul li{height: 60px;line-height: 60px;border-bottom: 1px dashed #DDD;}
 .news-container .news-list ul li a{display: inline-block;max-width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #333;}
 .news-container .news-list ul li a:hover{color: #064ec0}
-.news-container .news-list ul li span{float: right;font-size: 18px;color: #333}
\ No newline at end of file
+.news-container .news-list ul li span{float: right;font-size: 18px;color: #333}
+@media (min-width: 1420px){
+    .banner{
+        height: 450px
+    }
+    .assessment-header .banner{
+        width: 100%;
+        height: 270px;
+        min-width: 1200px;
+    }
+}
+@media (max-width: 1419px){
+    .banner{
+        height: 400px
+    }
+    .assessment-header .banner{
+        width: 100%;
+        height: 220px;
+        min-width: 1200px;
+    }
+}
diff --git a/src/main/resources/static/route/web/public.html b/src/main/resources/static/route/web/public.html
index 3167a06..56a5818 100644
--- a/src/main/resources/static/route/web/public.html
+++ b/src/main/resources/static/route/web/public.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="assets/web/css/reset.css">
     <link rel="stylesheet" href="assets/web/css/style.css">
 </head>
-<body style="background: #f5f5f5">
+<body style="background: #f5f5f5;">
 <div id="app">
     <div class="header assessment-header">
         <div class="banner">
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 8191495..2dae452 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -7,11 +7,11 @@
     <link rel="stylesheet" href="assets/web/css/reset.css">
     <link rel="stylesheet" href="assets/web/css/style.css">
 </head>
-<body style="background: url('assets/web/images/banner1.png') no-repeat;background-size: 100% auto;">
+<body>
 <div id="app">
     <div class="header">
         <div class="banner">
-
+            <img src="assets/web/images/banner1.png" alt="">
         </div>
         <div class="nav">
             <ul class="clearFloat" v-cloak>