diff --git a/README.md b/README.md
index cf755ce..8b13789 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1 @@
-# 问题
-
-banner 延迟1s
-
-上下滑动动画不一样
-
-出去不猛干
-
-
-control ani 问题
-
-
-机械传动硬件一样
-
 
diff --git a/src/assets/img/web/back.gif b/src/assets/img/web/back.gif
index b15e9cb..aad686b 100644
Binary files a/src/assets/img/web/back.gif and b/src/assets/img/web/back.gif differ
diff --git a/src/common/utils.js b/src/common/utils.js
index 70b4162..71cfba5 100644
--- a/src/common/utils.js
+++ b/src/common/utils.js
@@ -98,7 +98,6 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
   }
   if (activeIndex == 1) {
     animateCSS('#servive_big_title_ani', aniName)
-    animateCSS('#servive_detail_intro_ani', aniName)
   }
   if (activeIndex == 2) {
     animateCSS('#cooperation_ani', aniName)
@@ -139,6 +138,10 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
   if (activeIndex == 14) {
     animateCSS('#post_page_title_ani', aniName)
   }
+  if (activeIndex == 15) {
+    animateCSS('#contract_info_ani', aniName)
+    animateCSS('#contact_hand', aniName)
+  }
 }
 
 // export const totalTitleAni = (activeIndex, previousIndex) => {
diff --git a/src/views/Index/components/CasePictureList/index.vue b/src/views/Index/components/CasePictureList/index.vue
index cf5822c..8be62c9 100644
--- a/src/views/Index/components/CasePictureList/index.vue
+++ b/src/views/Index/components/CasePictureList/index.vue
@@ -5,7 +5,7 @@
       <div class="contract_title" id="case_picture_list_ani">
         <p class="line"></p>
         <p class="title">案例展示</p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="data_container">
         <div class="text">
diff --git a/src/views/Index/components/ContactUs/index.vue b/src/views/Index/components/ContactUs/index.vue
index 5e4d7a3..0556c55 100644
--- a/src/views/Index/components/ContactUs/index.vue
+++ b/src/views/Index/components/ContactUs/index.vue
@@ -13,30 +13,32 @@
           <img :src="Contact" alt="" class="yingwen" />
         </div>
         <div class="main_content" id="contactus_main_content">
-          <p class="big_title">
-            为产品添彩，为企业赋能<br />
-            打造高品质/强落地/有卖点的好产品
-          </p>
-          <div class="phone_line_1">
-            <div class="item mr">
-              <img :src="Phone" alt="" class="icon" />
-              <p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
-            </div>
-            <div class="item">
-              <img :src="Phone" alt="" class="icon" />
-              <p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
-            </div>
-          </div>
-          <div class="phone_line_2">
-            <div class="item mr">
-              <img :src="Email" alt="" class="icon" />
-              <p class="phone">info@iflytop.com</p>
+          <div id="contract_info_ani">
+            <p class="big_title">
+              为产品添彩，为企业赋能<br />
+              打造高品质/强落地/有卖点的好产品
+            </p>
+            <div class="phone_line_1">
+              <div class="item mr">
+                <img :src="Phone" alt="" class="icon" />
+                <p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
+              </div>
+              <div class="item">
+                <img :src="Phone" alt="" class="icon" />
+                <p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
+              </div>
             </div>
-            <div class="item">
-              <img :src="Address" alt="" class="icon" />
-              <p class="phone">
-                北京市昌平区回龙观街道博纳集团3号楼一层 &nbsp;&nbsp;产品梦工厂
-              </p>
+            <div class="phone_line_2">
+              <div class="item mr">
+                <img :src="Email" alt="" class="icon" />
+                <p class="phone">info@iflytop.com</p>
+              </div>
+              <div class="item">
+                <img :src="Address" alt="" class="icon" />
+                <p class="phone">
+                  北京市昌平区回龙观街道博纳集团3号楼一层 &nbsp;&nbsp;产品梦工厂
+                </p>
+              </div>
             </div>
           </div>
           <div class="maps"></div>
diff --git a/src/views/Index/components/Cooperation/index.vue b/src/views/Index/components/Cooperation/index.vue
index 1dce9f6..b204beb 100644
--- a/src/views/Index/components/Cooperation/index.vue
+++ b/src/views/Index/components/Cooperation/index.vue
@@ -8,7 +8,7 @@
         <p class="detail">
           医疗企业 互联网公司 智能硬件公司 科研院所 工业自动化企业
         </p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="contract" id="contract_bg_coop">
         <div class="real_img" id="contract_real_coop"></div>
diff --git a/src/views/Index/components/Culture/index.vue b/src/views/Index/components/Culture/index.vue
index 797f23b..046b933 100644
--- a/src/views/Index/components/Culture/index.vue
+++ b/src/views/Index/components/Culture/index.vue
@@ -9,7 +9,7 @@
         <p class="detail">
           有信心、有逻辑、有实践、有责任、有总结·这就是我们的财富
         </p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="card_list">
         <Card i="4" />
diff --git a/src/views/Index/components/HardwareSummary/index.vue b/src/views/Index/components/HardwareSummary/index.vue
index cfde678..8647c92 100644
--- a/src/views/Index/components/HardwareSummary/index.vue
+++ b/src/views/Index/components/HardwareSummary/index.vue
@@ -5,7 +5,7 @@
       <div class="contract_title" id="contract_ani">
         <p class="line"></p>
         <p class="title"><span class="blue_font">软硬件</span>开发</p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="data_container">
         <div class="text">
diff --git a/src/views/Index/components/MechanicalControl/index.vue b/src/views/Index/components/MechanicalControl/index.vue
index 4e690f3..64fd8fb 100644
--- a/src/views/Index/components/MechanicalControl/index.vue
+++ b/src/views/Index/components/MechanicalControl/index.vue
@@ -158,6 +158,9 @@ onMounted(() => {
           .dialog_text {
             position: absolute;
             display: flex;
+            transition-property: all;
+            transition-duration: 0.7s;
+            animation-fill-mode: forwards;
             align-items: center;
             justify-content: center;
             font-size: 23px;
@@ -176,7 +179,7 @@ onMounted(() => {
         .broadside_div:hover {
           cursor: pointer;
           .dialog_text {
-            display: none;
+            background: rgba(0, 0, 0, 0);
           }
         }
         .bg1 {
diff --git a/src/views/Index/components/MechanicalDrive/Card/index.vue b/src/views/Index/components/MechanicalDrive/Card/index.vue
index 8c5ceb7..5c20da6 100644
--- a/src/views/Index/components/MechanicalDrive/Card/index.vue
+++ b/src/views/Index/components/MechanicalDrive/Card/index.vue
@@ -112,7 +112,6 @@ const getImgSrc = () => {
 }
 .dian_container:hover {
   border-radius: 10px;
-  transform: scale(1.1);
   .btn {
     background: $theme_color;
   }
diff --git a/src/views/Index/components/ReadWidely/Card/index.vue b/src/views/Index/components/ReadWidely/Card/index.vue
index 1ecc7d0..3d952a8 100644
--- a/src/views/Index/components/ReadWidely/Card/index.vue
+++ b/src/views/Index/components/ReadWidely/Card/index.vue
@@ -57,9 +57,6 @@ const getBg = () => {
   width: 350px;
   height: 205px;
   position: relative;
-  transition-property: all;
-  transition-duration: 0.7s;
-  animation-fill-mode: forwards;
   .dialog_text {
     position: absolute;
     left: 0;
@@ -83,7 +80,7 @@ const getBg = () => {
 }
 .read_card_container:hover {
   .dialog_text {
-    display: none;
+    background: rgba(0, 0, 0, 0);
   }
 }
 .bg1 {
diff --git a/src/views/Index/components/Recruit/index.vue b/src/views/Index/components/Recruit/index.vue
index 8d69843..ce2aeb5 100644
--- a/src/views/Index/components/Recruit/index.vue
+++ b/src/views/Index/components/Recruit/index.vue
@@ -22,7 +22,12 @@
             :postInfo="item"
           />
         </div>
-        <div class="detail" v-if="showDetail" v-on:mouseleave="mouseleave">
+        <div
+          class="detail animate__animated animate__zoomInDown"
+          v-if="showDetail"
+          v-on:mouseleave="mouseleave"
+          id="post_detail_ani"
+        >
           <Detail :postId="postId" :handleDetail="handleDetail" />
         </div>
       </div>
diff --git a/src/views/Index/components/Service/index.vue b/src/views/Index/components/Service/index.vue
index dafcb14..e669b4a 100644
--- a/src/views/Index/components/Service/index.vue
+++ b/src/views/Index/components/Service/index.vue
@@ -3,13 +3,13 @@
     <div class="service_container" id="service_container">
       <div class="empty" v-if="showEmpty"></div>
       <div class="content">
-        <div class="main">
-          <h1 class="big_title" id="servive_big_title_ani">
+        <div class="main" id="servive_big_title_ani">
+          <h1 class="big_title">
             <span class="blue_font"
               >产品研发&nbsp;/&nbsp;设计&nbsp;/&nbsp;量产</span
             >&nbsp;&nbsp;一站式服务
           </h1>
-          <p class="article" id="servive_detail_intro_ani">
+          <p class="article">
             产品梦工厂一家公司全部帮您搞定<br />减少供应商数量就能有效防止供应商
             <span class="blue_font">扯皮/推诿</span><br />不仅帮您<span
               class="blue_font"
@@ -79,18 +79,18 @@ const showEmpty = ref(false)
         .big_title {
           transform-style: preserve-3d;
         }
-        .big_title::before {
-          content: 'ONE STOP SERVICE';
-          position: absolute;
-          font-size: 34px;
-          font-family: 'ZonaPro';
-          transform: translateZ(-1px);
-          font-weight: 800;
-          color: #f1f1f1;
-          left: 0;
-          top: -20px;
-          white-space: nowrap;
-        }
+        // .big_title::before {
+        //   content: 'ONE STOP SERVICE';
+        //   position: absolute;
+        //   font-size: 34px;
+        //   font-family: 'ZonaPro';
+        //   transform: translateZ(-1px);
+        //   font-weight: 800;
+        //   color: #f1f1f1;
+        //   left: 0;
+        //   top: -20px;
+        //   white-space: nowrap;
+        // }
         .article {
           margin-top: 34px;
           font-size: 20px;
diff --git a/src/views/Index/components/SoftHardwareSummary/index.vue b/src/views/Index/components/SoftHardwareSummary/index.vue
index d9ba7b2..39bb4c2 100644
--- a/src/views/Index/components/SoftHardwareSummary/index.vue
+++ b/src/views/Index/components/SoftHardwareSummary/index.vue
@@ -5,7 +5,7 @@
       <div class="contract_title" id="software_c_ani">
         <p class="line"></p>
         <p class="title">硬件<span class="blue_font">研发经验</span></p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="card_list">
         <div class="card_wrap bg1">
diff --git a/src/views/Index/components/WebOfThing/index.vue b/src/views/Index/components/WebOfThing/index.vue
index 11e4df3..53546ad 100644
--- a/src/views/Index/components/WebOfThing/index.vue
+++ b/src/views/Index/components/WebOfThing/index.vue
@@ -27,8 +27,8 @@ import Project from '@/assets/img/web/zuo1.png'
   position: relative;
   .main_content {
     position: absolute;
-    left: 190px;
-    top: 50%;
+    left: 240px;
+    top: 55%;
     transform: translateY(-50%);
     .big_title {
       font-size: 44px;