diff --git a/src/views/home/homeView.vue b/src/views/home/homeView.vue
index f49dbcd..41fd2a5 100644
--- a/src/views/home/homeView.vue
+++ b/src/views/home/homeView.vue
@@ -19,8 +19,8 @@ export default {
         s1: s1,
         s2: s2,
         s3: s3,
-        isDark: false,
       },
+      isDark: false,
     }
   },
   setup() {
@@ -47,7 +47,7 @@ export default {
     const tiJiao = () => {
       alert('提交成功！')
     }
-    const shouye = (id) => {
+    const shouYe = (id) => {
       tiaoZhuan(id)
     }
     const canPingFangan = (id) => {
@@ -76,7 +76,7 @@ export default {
       nextSlide,
       prevSlide,
       geet,
-      shouye,
+      shouYe,
       canPingFangan,
       tiaoZhuan,
       jieJuewenTi,
@@ -101,11 +101,11 @@ export default {
             </div>
             <div class="right-box">
               <div class="dhl-x">
-                <div><a href="#" @click="shouye('dhl')">首页</a></div>
-                <div><a href="#" @click="canPingFangan('bk')">产品方案</a></div>
-                <div><a href="#" @click="jieJuewenTi('fan-mk')">行业解决问题</a></div>
-                <div><a href="#" @click="keHuanLi('bk-2')">客户案例</a></div>
-                <div><a href="#" @click="yuanYuwoMen('lx-mk')">关于我们</a></div>
+                <div><a class="dhl-yt" @click="shouYe('dhl')">首页</a></div>
+                <div><a class="dhl-yt" @click="canPingFangan('bk')">产品方案</a></div>
+                <div><a class="dhl-yt" @click="jieJuewenTi('fan-mk')">行业解决问题</a></div>
+                <div><a class="dhl-yt" @click="keHuanLi('bk-2')">客户案例</a></div>
+                <div><a class="dhl-yt" @click="yuanYuwoMen('lx-mk')">关于我们</a></div>
               </div>
               <el-button @click="geet" class="an-3" type="primary">免费咨询</el-button>
             </div>
@@ -133,11 +133,11 @@ export default {
           </div>
           <div class="bk" id="bk">
             <div>
-            <div class="em-4">我们的服务</div>
-            <div class="em-5">
-              辉擎科技提供全方位的软件开发服务，从需求分析到部署维护，我们用技术为您的业务赋能。
+              <div class="em-4">我们的服务</div>
+              <div class="em-5">
+                辉擎科技提供全方位的软件开发服务，从需求分析到部署维护，我们用技术为您的业务赋能。
+              </div>
             </div>
-          </div>
             <div class="fw">
               <div class="fw-box">
                 <img class="img-2" :src="imagePath.tb1" alt="tb1" />
@@ -189,7 +189,7 @@ export default {
                     通过部署智能分析平台,实现销售数据可视化分析,提升决策效率超过60%
                   </div>
                   <div class="bteen-box">
-                    <div style="color: #646262;">部署时间:xxxx年</div>
+                    <div style="color: #646262">部署时间:xxxx年</div>
                     <el-link :underline="false" style="color: #3d8dce">查看详情</el-link>
                   </div>
                 </div>
@@ -205,7 +205,7 @@ export default {
                     通过部署智能分析平台,实现销售数据可视化分析,提升决策效率超过60%
                   </div>
                   <div class="bteen-box">
-                    <div style="color: #646262;">部署时间:xxxx年</div>
+                    <div style="color: #646262">部署时间:xxxx年</div>
                     <el-link :underline="false" style="color: #3d8dce">查看详情</el-link>
                   </div>
                 </div>
@@ -221,7 +221,7 @@ export default {
                     通过部署智能分析平台,实现销售数据可视化分析,提升决策效率超过60%
                   </div>
                   <div class="bteen-box">
-                    <div style="color: #646262 ;">部署时间:xxxx年</div>
+                    <div style="color: #646262">部署时间:xxxx年</div>
                     <el-link :underline="false" style="color: #3d8dce">查看详情</el-link>
                   </div>
                 </div>
@@ -232,7 +232,7 @@ export default {
             </div>
           </div>
           <!--  -->
-          <div class="dt-mk">
+          <div class="dt-mk" id="lx-mk">
             <div>
               <div class="em-4">最新动态</div>
               <div class="em-5">了解公司最新资讯与行业洞察。</div>
@@ -322,10 +322,10 @@ export default {
             </div>
           </div>
           <!--  -->
-          <div class="lx-mk" id="lx-mk">
+          <div class="lx-mk">
             <div class="lx-left">
               <div class="lx-wb">联系我们</div>
-              <form>
+              <form @submit.prevent="handleSubmit">
                 <div>
                   <div class="lx-wb-1">姓名</div>
                   <input type="text" placeholder="请输⼊您的姓名" class="align-placeholder" />
@@ -423,7 +423,6 @@ form input {
   flex-direction: column;
   justify-content: space-around;
   height: 700px;
- 
 }
 .img-8 {
   min-width: 600px;
@@ -469,7 +468,6 @@ form input {
   justify-content: space-around;
   height: 500px;
   margin-top: 50px;
-
 }
 
 .lx-wb {
@@ -482,8 +480,7 @@ form input {
   margin-top: 180px;
   min-height: 700px;
   background-color: #f7f6f6;
-  flex-wrap:wrap;
- 
+  flex-wrap: wrap;
 }
 .tb {
   color: #2d3fdd;
@@ -495,22 +492,21 @@ form input {
   font-size: 30px;
 }
 .img-7 {
-  min-width: 600px;
-  height: 400px;
+  min-width: 500px;
+  height: 300px;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
 }
 .fan-nr {
   display: flex;
   justify-content: space-around;
-  flex-wrap:wrap;
+  flex-wrap: wrap;
 }
 .fan-left {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   height: 300px;
-  margin-right: 300px;
 }
 .fan-wb1 {
   font-size: 20px;
@@ -540,7 +536,7 @@ form input {
 .dt-box {
   display: flex;
   justify-content: space-around;
-  flex-wrap:wrap;
+  flex-wrap: wrap;
 }
 .fbt-2 {
   color: #272626;
@@ -578,7 +574,7 @@ form input {
 }
 .dt-bj {
   display: flex;
-  width: 550px;
+  width: 450px;
   height: 500px;
   border-radius: 10px;
   margin-top: 60px;
@@ -592,7 +588,6 @@ form input {
 }
 .img-4 {
   margin-top: 20px;
-  width: 480px;
   height: 250px;
   border-radius: 10px;
 }
@@ -608,12 +603,9 @@ form input {
 .an-ls-body {
   display: flex;
   justify-content: space-around;
-  margin-right: 100px;
+
   flex-wrap: wrap;
 }
-.an-li-box {
-  margin-left: 100px;
-}
 .em-5 {
   text-align: center;
   margin-top: 20px;
@@ -631,7 +623,6 @@ form input {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
-  
 }
 .bteen-box {
   display: flex;
@@ -662,7 +653,7 @@ form input {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
-  width: 450px;
+  width: 400px;
   height: 250px;
   margin-top: 60px;
   border-radius: 8px;
@@ -682,16 +673,15 @@ form input {
   line-height: 1.5;
   letter-spacing: 2px;
   font-weight: 100;
+  margin-right: 10px;
 }
 .fw {
   display: flex;
   justify-content: space-around;
-  flex-wrap:wrap;
-  
-  
+  flex-wrap: wrap;
 }
 .fw-box {
-  width: 430px;
+  width: 330px;
   height: 280px;
   align-content: space-around;
   border-radius: 8px;
@@ -807,10 +797,10 @@ form input {
 }
 .bk {
   display: flex;
-  flex-direction:column;
+  flex-direction: column;
   background-color: #fff;
-  justify-content:space-around;
-  min-height:700px;
+  justify-content: space-around;
+  min-height: 700px;
 }
 
 .an-1 {
@@ -875,6 +865,14 @@ form input {
   gap: 20px;
   margin-right: 100px;
 }
+.dhl-yt {
+  color: black;
+  transition: color 0.3s;
+}
+.dhl-yt:hover {
+  color: rgb(56, 84, 195);
+  cursor: pointer;
+}
 .carousel {
   position: relative;
   width: 100%;