diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index 3ec0715..9cb9d3c 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -1,7 +1,9 @@
 <template>
   <div
     :class="
-      activeIndex == 0 ? 'header_container' : 'header_container not_first'
+      [0, 15].includes(activeIndex)
+        ? 'header_container'
+        : 'header_container not_first'
     "
   >
     <img :src="logo()" alt="logo" class="logo" @click="scrollToPage(0)" />
@@ -67,6 +69,9 @@ const fontColor = () => {
       return 'flex_center white'
     }
   }
+  if (swiperStore.activeIndex == 15) {
+    return 'flex_center white'
+  }
   return 'flex_center font_change'
 }
 </script>
diff --git a/src/components/Trumbs/index.vue b/src/components/Trumbs/index.vue
index bcc36bb..2c3dec5 100644
--- a/src/components/Trumbs/index.vue
+++ b/src/components/Trumbs/index.vue
@@ -102,12 +102,21 @@ const onSwiper = swiper => {
         border: 1px solid #ffffff;
         border-radius: 2px;
         cursor: pointer;
+        transition-property: all;
+        transition-duration: 0.7s;
+        animation-fill-mode: forwards;
+      }
+      .btn:hover {
+        background: #283fe7 !important;
+        border: 1px solid #283fe7 !important;
+        opacity: 1;
+        transform: scale(1.1);
       }
     }
   }
   .dialog_text:hover {
-    background: #283fe7;
-    opacity: 0.63;
+    background: rgba(53, 83, 227, 0.63);
+    opacity: 1;
   }
 }
 </style>
diff --git a/src/views/Index/components/CasePictureList/index.vue b/src/views/Index/components/CasePictureList/index.vue
index 4a67ff3..c96ffe0 100644
--- a/src/views/Index/components/CasePictureList/index.vue
+++ b/src/views/Index/components/CasePictureList/index.vue
@@ -295,16 +295,25 @@ const showEmpty = ref(true)
                   font-size: 18px;
                   font-family: 'SourceHanSans';
                   font-weight: 400;
+                  transition-property: all;
+                  transition-duration: 0.7s;
+                  animation-fill-mode: forwards;
                   color: #ffffff;
                   padding: 6px 14px;
                   border: 1px solid #ffffff;
                   border-radius: 2px;
                   cursor: pointer;
                 }
+                .btn:hover {
+                  background: #283fe7 !important;
+                  border: 1px solid #283fe7 !important;
+                  opacity: 1;
+                  transform: scale(1.1);
+                }
               }
               .dialog_text:hover {
-                background: #283fe7;
-                opacity: 0.63;
+                background: rgba(53, 83, 227, 0.63);
+                opacity: 1;
               }
             }
           }
diff --git a/src/views/Index/components/HardwareSummary/index.vue b/src/views/Index/components/HardwareSummary/index.vue
index a926707..15c6491 100644
--- a/src/views/Index/components/HardwareSummary/index.vue
+++ b/src/views/Index/components/HardwareSummary/index.vue
@@ -294,15 +294,24 @@ const showEmpty = ref(true)
                   font-family: 'SourceHanSans';
                   font-weight: 400;
                   color: #ffffff;
+                  transition-property: all;
+                  transition-duration: 0.7s;
+                  animation-fill-mode: forwards;
                   padding: 6px 14px;
                   border: 1px solid #ffffff;
                   border-radius: 2px;
                   cursor: pointer;
                 }
+                .btn:hover {
+                  background: #283fe7 !important;
+                  border: 1px solid #283fe7 !important;
+                  opacity: 1;
+                  transform: scale(1.1);
+                }
               }
               .dialog_text:hover {
-                background: #283fe7;
-                opacity: 0.63;
+                background: rgba(53, 83, 227, 0.63);
+                opacity: 1;
               }
             }
           }
diff --git a/src/views/Index/components/Recruit/Card/index.vue b/src/views/Index/components/Recruit/Card/index.vue
index 94ccac8..698b5ee 100644
--- a/src/views/Index/components/Recruit/Card/index.vue
+++ b/src/views/Index/components/Recruit/Card/index.vue
@@ -118,12 +118,19 @@ const getClass = () => {
         display: flex;
         align-items: center;
         justify-content: center;
+        transition-property: all;
+        transition-duration: 0.7s;
+        animation-fill-mode: forwards;
         .icon {
           margin-left: 9px;
           width: 5px;
           height: 10px;
         }
       }
+      .btn:hover {
+        background: $theme_color !important;
+        border: 1px solid $theme_color !important;
+      }
     }
   }
 }
@@ -132,12 +139,6 @@ const getClass = () => {
   overflow: hidden;
   .dialog {
     background: rgba(40, 63, 231, 0.5);
-    .title {
-      transform: scale(1.1);
-    }
-    .desc {
-      transform: scale(1.1);
-    }
   }
 }
 
diff --git a/src/views/Index/components/Service/Card/index.vue b/src/views/Index/components/Service/Card/index.vue
index 7261eb8..3aa1894 100644
--- a/src/views/Index/components/Service/Card/index.vue
+++ b/src/views/Index/components/Service/Card/index.vue
@@ -117,9 +117,6 @@ const toPage = () => {
       opacity: 0;
       transform: translate(-50%, -50%);
     }
-    .btn:hover {
-      background: $theme_color;
-    }
   }
 }
 .bg1 {
@@ -153,7 +150,7 @@ const toPage = () => {
   opacity: 0.8;
   .btn {
     opacity: 1;
-    top: 53%;
+    top: 56%;
   }
 }
 </style>