diff --git a/ruoyi-admin/src/main/resources/templates/home/base.html b/ruoyi-admin/src/main/resources/templates/home/base.html
index a0c242e..56742de 100644
--- a/ruoyi-admin/src/main/resources/templates/home/base.html
+++ b/ruoyi-admin/src/main/resources/templates/home/base.html
@@ -357,6 +357,16 @@
                 width:30px;
                 height:28px;
            }
+           .sliderA{
+               display: inline-block;
+               background-color: rgb(182 182 182 / 0.6);
+               height: 50px;
+               width: 100%;
+               position: absolute;
+               top: 90%;
+               line-height: 46px;
+               text-align: center;
+           }
     </style>
 </head>
 <body class="layui-bg-gray" style="">
@@ -372,8 +382,10 @@
                 <div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 433px;">
                     <div carousel-item>
                         <tbody th:each="url,status : ${urlList}">
-                        <img th:src="${url.imgUrl}">
-                        <a th:href="@{/public_view.html(type=2,id=${url.workId})}" th:title="${url.workTitle}" target="_blank">[[${#strings.abbreviate(url.workTitle,28)}]]</a>
+                            <a th:href="@{/public_view.html(type=2,id=${url.workId})}" th:title="${url.workTitle}" target="_blank">
+                                <img th:src="${url.imgUrl}">
+                                <span class="sliderA">[[${#strings.abbreviate(url.workTitle,28)}]]</span>
+                            </a>
                         </tbody>
                     </div>
                 </div>
diff --git a/ruoyi-admin/src/main/resources/templates/home_head1.html b/ruoyi-admin/src/main/resources/templates/home_head1.html
index f115a5f..9059729 100644
--- a/ruoyi-admin/src/main/resources/templates/home_head1.html
+++ b/ruoyi-admin/src/main/resources/templates/home_head1.html
@@ -59,7 +59,7 @@
             left: -353%;
             top: 65px;
             transform: translate(-50%, -50%);
-            width: 1331px;
+            width: 80vw;
             //line-height: 85px;
             padding: 5px 0;
             box-shadow: 0 2px 4px rgba(0,0,0,.12);
@@ -69,7 +69,7 @@
             border-radius: 2px;
             white-space: wrap;
             box-sizing: border-box;
-            height:100px;
+            height:auto;
         }
         .layui-nav-item .arrow {
             z-index: 999;
@@ -95,7 +95,7 @@
             left: -581%;
             top: 65px;
             transform: translate(-50%, -50%);
-            width: 1331px;
+            width: 80vw;
             //line-height: 85px;
             padding: 5px 0;
             box-shadow: 0 2px 4px rgba(0,0,0,.12);
@@ -103,21 +103,22 @@
             background-color: rgba(255,255,255,0.89);
             z-index: 100;
             border-radius: 2px;
-            white-space: wrap;
             box-sizing: border-box;
-            height:100px;
+            height:auto;
         }
         .childBox{
             display: flex;
             align-items: center;
-            justify-content: space-between;
+            justify-content: start;
             height: 100%;
+            flex-wrap: wrap;
         }
         .childBox2{
             display: flex;
             align-items: center;
-            justify-content: space-between;
+            justify-content: start;
             height: 100%;
+            flex-wrap: wrap;
         }
         /*.childBox2 dd{*/
         /*    float: left;*/
