diff --git a/WebNews/css/foucsreport.css b/WebNews/css/foucsreport.css
index eb16293..bd4cd01 100644
--- a/WebNews/css/foucsreport.css
+++ b/WebNews/css/foucsreport.css
@@ -38,6 +38,10 @@
     width: 100%;
     height:210px;
     overflow: hidden;
+    transition: 0.8s;
+}
+.boxcover img:hover{
+    transform: scale(1.1);
 }
 .boxinfo{
     background-color: #ebebeb;
diff --git a/WebNews/css/index.css b/WebNews/css/index.css
index 2c34266..db1ef5c 100644
--- a/WebNews/css/index.css
+++ b/WebNews/css/index.css
@@ -10,7 +10,8 @@
     margin-bottom: 30px;
 }
 .banner img{
-    justify-content: baseline;
+    width: 100%;
+    height: 400px;
 }
 .newszy{
     background-color: skyblue;
diff --git a/WebNews/index.html b/WebNews/index.html
index c082cd7..7b9a638 100644
--- a/WebNews/index.html
+++ b/WebNews/index.html
@@ -47,10 +47,10 @@
         let Prostick;
         const imgs = document.querySelector('.banner img')
         let Picsrc = [
-            { src: '../image/1rd.png' },
-            { src: '../image/2rd.jpg' },
-            { src: '../image/3rd.jpg' },
-            { src: '../image/4rd.jpg' }
+            { src: 'pics/43401.png' },
+            { src: 'pics/43402.png' },
+            { src: 'pics/47202.jpg' },
+            { src: 'pics/47204.jpg' }
         ]
         let i = 0
         setInterval(function Imgs() {