From 02f339b79420edfc3660423a850d0658ab8f7ad6 Mon Sep 17 00:00:00 2001
From: fanshuai <1419026159@qq.com>
Date: Wed, 2 Apr 2025 15:07:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=98=E7=BD=91=E9=A1=B5=E9=9D=A2=E5=88=9D?=
 =?UTF-8?q?=E6=AD=A5=E4=BF=AE=E6=94=B9=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/dt.jpg    | Bin 0 -> 12268 bytes
 src/views/home/homeView.vue | 354 ++++++++++++++++++++++++++++--------
 2 files changed, 277 insertions(+), 77 deletions(-)
 create mode 100644 src/assets/images/dt.jpg

diff --git a/src/assets/images/dt.jpg b/src/assets/images/dt.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dfb9899f4c12939695ddeae699b3145c1f236f2e
GIT binary patch
literal 12268
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
Gx&Q!q0?(KL

literal 0
HcmV?d00001

diff --git a/src/views/home/homeView.vue b/src/views/home/homeView.vue
index 41fd2a5..d6e8be4 100644
--- a/src/views/home/homeView.vue
+++ b/src/views/home/homeView.vue
@@ -1,11 +1,13 @@
-<script >
+<script>
 import logo from '../../assets/images/logo.png'
 import s1 from '../../assets/images/lbt1.jpeg'
 import s2 from '../../assets/images/lbt2.jpeg'
 import s3 from '../../assets/images/lbt3.jpeg'
 import tb1 from '../../assets/images/tb1.png'
+import dt from '../../assets/images/dt.jpg'
 import { ref, onMounted } from 'vue'
 import FootView from '../../components/footView.vue'
+// import { subMenuProps } from 'element-plus'
 
 export default {
   components: {
@@ -14,16 +16,59 @@ export default {
   data() {
     return {
       imagePath: {
-        logo: logo,
-        tb1: tb1,
-        s1: s1,
-        s2: s2,
-        s3: s3,
+        logo,
+        tb1,
+        s1,
+        s2,
+        s3,
+        dt,
       },
       isDark: false,
     }
   },
   setup() {
+    const form = ref({
+      input1: '',
+      input2: '',
+      input3: '',
+    });
+
+    const input1 = ref(null);
+    const input2 = ref(null);
+    const input3 = ref(null);
+    const submitBtn = ref(null);
+
+
+    const focusNext = (refName) => {
+      switch (refName) {
+        case 'input2':
+          input2.value.focus();
+          break;
+        case 'input3':
+          input3.value.focus();
+          break;
+        case 'submitBtn':
+          submitBtn.value.focus();
+          break;
+      }
+    };
+    const resetForm = () => {
+      form.value = {
+        input1: '',
+        input2: '',
+        input3: ''
+      };
+    };
+    const submitForm = () => {
+      alert('提交成功！')
+      resetForm();
+      input1.value.focus();
+
+    };
+    onMounted(() => {
+      input1.value.focus();
+    });
+
     const slides = [{ image: s1 }, { image: s2 }, { image: s3 }]
 
     const currentIndex = ref(0)
@@ -62,9 +107,9 @@ export default {
     const yuanYuwoMen = (id) => {
       tiaoZhuan(id)
     }
-    const tij = () => {
-      alert('提交成功！')
-    }
+    // const tij = () => {
+    //   alert('提交成功！')
+    // }
     // 自动播放
     onMounted(() => {
       setInterval(nextSlide, 4000)
@@ -83,7 +128,14 @@ export default {
       keHuanLi,
       yuanYuwoMen,
       tiJiao,
-      tij,
+      resetForm,
+      form,
+      input1,
+      input2,
+      input3,
+      submitBtn,
+      focusNext,
+      submitForm,
     }
   },
 }
@@ -97,7 +149,7 @@ export default {
           <div class="dhl" id="dhl">
             <div class="left-box">
               <img class="img-1" :src="imagePath.logo" alt="Logo" />
-              <span class="sys-title">辉擎科技</span>
+              <span class="sys-title" title="辉擎科技">辉擎科技</span>
             </div>
             <div class="right-box">
               <div class="dhl-x">
@@ -105,7 +157,7 @@ export default {
                 <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><a class="dhl-yt" @click="yuanYuwoMen('dt-mk')">关于我们</a></div>
               </div>
               <el-button @click="geet" class="an-3" type="primary">免费咨询</el-button>
             </div>
@@ -120,9 +172,7 @@ export default {
                   <div class="em-3">
                     辉擎成都科技有限公司致力于提供创新的软件开发解决方案，帮助企业实现数字化转型提升竞争力。
                   </div>
-                  <el-button class="an-1" type="primary" @click="yuanYuwoMen('lx-mk')"
-                    >联系我们</el-button
-                  >
+                  <el-button class="an-1" type="primary" @click="yuanYuwoMen('lx-mk')">联系我们</el-button>
                   <el-button class="an-2" @click="canPingFangan('bk')">了解服务</el-button>
                 </div>
                 <img :src="slide.image" alt="Slide Image" />
@@ -139,28 +189,28 @@ export default {
               </div>
             </div>
             <div class="fw">
-              <div class="fw-box">
+              <div class="fw-box" title="人工智能平台">
                 <img class="img-2" :src="imagePath.tb1" alt="tb1" />
                 <div class="rgzn">人工智能平台</div>
                 <div class="tgfw">
                   提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
                 </div>
               </div>
-              <div class="fw-box">
+              <div class="fw-box" title="人工智能平台">
                 <img class="img-2" :src="imagePath.tb1" alt="tb1" />
                 <div class="rgzn">人工智能平台</div>
                 <div class="tgfw">
                   提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
                 </div>
               </div>
-              <div class="fw-box">
+              <div class="fw-box" title="人工智能平台">
                 <img class="img-2" :src="imagePath.tb1" alt="tb1" />
                 <div class="rgzn">人工智能平台</div>
                 <div class="tgfw">
                   提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
                 </div>
               </div>
-              <div class="fw-box">
+              <div class="fw-box" title="人工智能平台">
                 <img class="img-2" :src="imagePath.tb1" alt="tb1" />
                 <div class="rgzn">人工智能平台</div>
                 <div class="tgfw">
@@ -190,7 +240,7 @@ export default {
                   </div>
                   <div class="bteen-box">
                     <div style="color: #646262">部署时间:xxxx年</div>
-                    <el-link :underline="false" style="color: #3d8dce">查看详情</el-link>
+                    <el-link :underline="false" style="color: #3d8dce" title="查看详情">查看详情</el-link>
                   </div>
                 </div>
                 <div class="an-li">
@@ -206,7 +256,7 @@ export default {
                   </div>
                   <div class="bteen-box">
                     <div style="color: #646262">部署时间:xxxx年</div>
-                    <el-link :underline="false" style="color: #3d8dce">查看详情</el-link>
+                    <el-link :underline="false" style="color: #3d8dce" title="查看详情">查看详情</el-link>
                   </div>
                 </div>
                 <div class="an-li">
@@ -222,17 +272,17 @@ export default {
                   </div>
                   <div class="bteen-box">
                     <div style="color: #646262">部署时间:xxxx年</div>
-                    <el-link :underline="false" style="color: #3d8dce">查看详情</el-link>
+                    <el-link :underline="false" style="color: #3d8dce" title="查看详情">查看详情</el-link>
                   </div>
                 </div>
               </div>
             </div>
             <div class="an-nu">
-              <el-button class="an-nu-1">查看更多案例</el-button>
+              <el-button class="an-nu-1" title="查看案例">查看更多案例</el-button>
             </div>
           </div>
           <!--  -->
-          <div class="dt-mk" id="lx-mk">
+          <div class="dt-mk" id="dt-mk">
             <div>
               <div class="em-4">最新动态</div>
               <div class="em-5">了解公司最新资讯与行业洞察。</div>
@@ -250,9 +300,9 @@ export default {
                       本次峰会汇聚行业专家，深入探讨数字化转型趋势与实践经验，共同展望为了发展方向。
                     </div>
                     <div class="xq-1">
-                      <el-link :underline="false" style="color: #2d3fdd"
-                        >查看详情<el-icon><Right /></el-icon
-                      ></el-link>
+                      <el-link :underline="false" style="color: #2d3fdd">查看详情<el-icon>
+                          <Right />
+                        </el-icon></el-link>
                     </div>
                   </div>
                 </div>
@@ -269,9 +319,9 @@ export default {
                       本次峰会汇聚行业专家，深入探讨数字化转型趋势与实践经验，共同展望为了发展方向。
                     </div>
                     <div class="xq-1">
-                      <el-link :underline="false" style="color: #2d3fdd"
-                        >查看详情<el-icon><Right /></el-icon
-                      ></el-link>
+                      <el-link :underline="false" style="color: #2d3fdd">查看详情<el-icon>
+                          <Right />
+                        </el-icon></el-link>
                     </div>
                   </div>
                 </div>
@@ -288,9 +338,9 @@ export default {
                       本次峰会汇聚行业专家，深入探讨数字化转型趋势与实践经验，共同展望为了发展方向。
                     </div>
                     <div class="xq-1">
-                      <el-link :underline="false" style="color: #2d3fdd"
-                        >查看详情<el-icon><Right /></el-icon
-                      ></el-link>
+                      <el-link :underline="false" style="color: #2d3fdd">查看详情<el-icon>
+                          <Right />
+                        </el-icon></el-link>
                     </div>
                   </div>
                 </div>
@@ -308,13 +358,19 @@ export default {
                 </div>
                 <div>
                   <div class="fan-wb3">
-                    <el-icon class="tb"><CircleCheckFilled /></el-icon>智能风控系统
+                    <el-icon class="tb">
+                      <CircleCheckFilled />
+                    </el-icon>智能风控系统
                   </div>
                   <div class="fan-wb3">
-                    <el-icon class="tb"><CircleCheckFilled /></el-icon>数据分析平台
+                    <el-icon class="tb">
+                      <CircleCheckFilled />
+                    </el-icon>数据分析平台
                   </div>
                   <div class="fan-wb3">
-                    <el-icon class="tb"><CircleCheckFilled /></el-icon>客户画像系统
+                    <el-icon class="tb">
+                      <CircleCheckFilled />
+                    </el-icon>客户画像系统
                   </div>
                 </div>
               </div>
@@ -322,48 +378,57 @@ export default {
             </div>
           </div>
           <!--  -->
-          <div class="lx-mk">
-            <div class="lx-left">
-              <div class="lx-wb">联系我们</div>
-              <form @submit.prevent="handleSubmit">
-                <div>
+          <div class="lx-mk" id="lx-mk">
+            <form @submit.prevent="submitForm">
+              <div class="lx-left">
+                <span class="lx-wb">联系我们</span>
+                <div class="inputBox">
                   <div class="lx-wb-1">姓名</div>
-                  <input type="text" placeholder="请输⼊您的姓名" class="align-placeholder" />
+                  <input type="text" placeholder="请输⼊您的姓名" v-model="form.input1"
+                    @keydown.enter.prevent="focusNext('input2')" ref="input1">
                 </div>
-                <div>
+                <div class="inputBox">
                   <div class="lx-wb-1">邮箱</div>
-                  <input type="text" placeholder="请输⼊您的邮箱" class="align-placeholder-1" />
+                  <input type="text" placeholder="请输⼊您的邮箱" v-model="form.input2"
+                    @keydown.enter.prevent="focusNext('input3')" ref="input2">
+                  <span></span>
                 </div>
-                <div>
+
+                <div class="inputBox">
                   <div class="lx-wb-1">需求描述</div>
-                  <textarea
-                    type="text"
-                    placeholder="请详细描述您的需求"
-                    class="align-placeholder"
-                  ></textarea>
+                  <textarea type="text" placeholder="请详细描述您的需求" class="align-placeholder" v-model="form.input3"
+                    @keydown.enter.prevent="focusNext('submitBtn')" ref="input3"></textarea>
+
                 </div>
-                <button type="submit" class="tij" @click="tij">提交</button>
-              </form>
-            </div>
+                <div><button type="submit" class="tij" ref="submitBtn" @keydown.enter.prevent="submitForm">提交</button>
+                </div>
+              </div>
+            </form>
             <div class="lx-right">
               <div class="lx-right-haed">
                 <div class="lx-wb-2">联系方式</div>
                 <div class="lx-wb-3">
-                  <el-icon class="lx-tb-1"><PhoneFilled /></el-icon>
+                  <el-icon class="lx-tb-1">
+                    <PhoneFilled />
+                  </el-icon>
                   <div>
                     <div>电话</div>
                     <div class="lx-dh">400-888-8888</div>
                   </div>
                 </div>
                 <div class="lx-wb-3">
-                  <el-icon class="lx-tb-1"><Message /></el-icon>
+                  <el-icon class="lx-tb-1">
+                    <Message />
+                  </el-icon>
                   <div>
                     <div>邮箱</div>
                     <div class="lx-dh">huiqing@huiqing-cd.com</div>
                   </div>
                 </div>
                 <div class="lx-wb-3">
-                  <el-icon class="lx-tb-1"><LocationInformation /></el-icon>
+                  <el-icon class="lx-tb-1">
+                    <LocationInformation />
+                  </el-icon>
                   <div>
                     <div>地址</div>
                     <div class="lx-dh">四川成都</div>
@@ -371,10 +436,15 @@ export default {
                 </div>
               </div>
               <div class="lx-right-foot">
-                <div class="fan-right"><img class="img-8" :src="imagePath.s1" alt="tb1" /></div>
+                <div class="fan-right"><img class="img-8" :src="imagePath.dt" alt="dt" title="点击查看详细位置" /></div>
               </div>
             </div>
           </div>
+          <el-backtop :right="100" :bottom="100" style="
+        height: 50px;
+        width: 50px;
+         color: #2d3fdd;
+         " />
         </el-main>
         <FootView></FootView>
       </el-container>
@@ -382,20 +452,60 @@ export default {
   </div>
 </template>
 <style scoped>
+.align-placeholder {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  color: #0c0c0c;
+  font-size: 16px;
+  border-radius: 5px;
+  outline: none;
+  font-size: 15px;
+  min-height: 100px;
+}
+
+.inputBox {
+  position: relative;
+  width: 550px;
+
+}
+
+.inputBox input {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  color: #0c0c0c;
+  font-size: 16px;
+  border-radius: 5px;
+  outline: none;
+  font-size: 18px;
+}
+
+
+.fw-box:hover {
+  background-color: #fff;
+  transform: scale(1.2);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
 .tij {
-  min-width: 605px;
+  min-width: 570px;
   color: #fff;
   background-color: #2c4cdb;
   border: none;
   height: 40px;
   border-radius: 3px;
+  transition: transform 0.1s;
 }
-.align-placeholder-1::placeholder {
-  padding-left: 10px;
-}
-.align-placeholder::placeholder {
-  padding-left: 10px;
+
+.tij:hover {
+  transform: scale(0.99)
 }
+
+
+
+
+
 form textarea {
   width: 600px;
   height: 150px;
@@ -405,14 +515,8 @@ form textarea {
   border-radius: 3px;
   margin-bottom: 20px;
 }
-form input {
-  width: 600px;
-  border: none;
-  height: 25px;
-  outline: none;
-  border-radius: 3px;
-  margin-bottom: 20px;
-}
+
+
 .dhl-x a {
   text-decoration: none;
   color: inherit;
@@ -424,17 +528,25 @@ form input {
   justify-content: space-around;
   height: 700px;
 }
+
 .img-8 {
   min-width: 600px;
-  height: 300px;
+  height: 250px;
   border-radius: 10px;
+  transition: transform 0.4s ease
 }
+
+.img-8:hover {
+  transform: scale(1.05)
+}
+
 .lx-tb-1 {
   font-size: 25px;
   color: #2d3fdd;
 
   margin-right: 5px;
 }
+
 .lx-wb-3 {
   margin-left: 20px;
   display: flex;
@@ -443,11 +555,13 @@ form input {
 .lx-dh {
   font-weight: bold;
 }
+
 .lx-wb-2 {
   font-size: 20px;
   font-weight: bold;
   margin-left: 20px;
 }
+
 .lx-right-haed {
   display: flex;
   flex-direction: column;
@@ -459,9 +573,13 @@ form input {
 
   border-radius: 15px;
 }
+
 .lx-wb-1 {
-  margin-bottom: 10px;
+  margin-bottom: 5px;
+  margin-top: 10px;
+  font-size: 19px;
 }
+
 .lx-left {
   display: flex;
   flex-direction: column;
@@ -474,6 +592,7 @@ form input {
   font-size: 25px;
   font-weight: bold;
 }
+
 .lx-mk {
   display: flex;
   justify-content: space-around;
@@ -482,37 +601,49 @@ form input {
   background-color: #f7f6f6;
   flex-wrap: wrap;
 }
+
 .tb {
   color: #2d3fdd;
   margin-right: 15px;
 }
+
 .fan-bt {
   text-align: center;
   font-weight: bold;
   font-size: 30px;
 }
+
 .img-7 {
   min-width: 500px;
   height: 300px;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
+  transition: transform 0.3s ease
 }
+
+.img-7:hover {
+  transform: scale(1.1);
+}
+
 .fan-nr {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
 }
+
 .fan-left {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   height: 300px;
 }
+
 .fan-wb1 {
   font-size: 20px;
   font-weight: bold;
   margin-top: 20px;
 }
+
 .fan-wb2 {
   margin-top: 10px;
   font-weight: 100;
@@ -520,12 +651,14 @@ form input {
   letter-spacing: 1px;
   width: 600px;
 }
+
 .fan-wb3 {
   margin-top: 10px;
   font-weight: bold;
   line-height: 1.5;
   letter-spacing: 2px;
 }
+
 .fan-mk {
   display: flex;
   flex-direction: column;
@@ -533,22 +666,27 @@ form input {
   margin-top: 80px;
   min-height: 500px;
 }
+
 .dt-box {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
 }
+
 .fbt-2 {
   color: #272626;
 }
+
 .fbt-1 {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 15px;
 }
+
 .shij {
   color: #a19f9f;
 }
+
 .xq-1 {
   display: flex;
 }
@@ -563,15 +701,18 @@ form input {
   line-height: 1.5;
   letter-spacing: 2px;
 }
+
 .img {
   display: flex;
   align-items: center;
   justify-content: center;
 }
+
 .bt-nr {
   display: flex;
   flex-direction: column;
 }
+
 .dt-bj {
   display: flex;
   width: 450px;
@@ -586,37 +727,49 @@ form input {
   flex-direction: column;
   min-height: 700px;
 }
+
 .img-4 {
   margin-top: 20px;
   height: 250px;
   border-radius: 10px;
+  transition: transform 0.3s ease;
 }
+
+.img-4:hover {
+  transform: scale(1.05)
+}
+
 .an-nu-1 {
   width: 200px;
   height: 50px;
 }
+
 .an-nu {
   display: flex;
   justify-content: center;
   padding: 10px 0px;
 }
+
 .an-ls-body {
   display: flex;
   justify-content: space-around;
 
   flex-wrap: wrap;
 }
+
 .em-5 {
   text-align: center;
   margin-top: 20px;
   font-weight: 100;
 }
+
 .em-4 {
   text-align: center;
   font-weight: bold;
   font-size: 30px;
   margin-top: 50px;
 }
+
 .bk-2 {
   min-height: 700px;
   background-color: #f7f6f6;
@@ -624,11 +777,13 @@ form input {
   flex-direction: column;
   justify-content: space-around;
 }
+
 .bteen-box {
   display: flex;
   justify-content: space-between;
   margin-left: 20px;
 }
+
 .chenter-box {
   margin-left: 20px;
   margin-right: 30px;
@@ -636,6 +791,7 @@ form input {
   font-weight: 100;
   letter-spacing: 2px;
 }
+
 .sys {
   margin-left: 10px;
   display: flex;
@@ -649,6 +805,7 @@ form input {
   height: 55px;
   margin-top: 20px;
 }
+
 .an-li {
   display: flex;
   flex-direction: column;
@@ -659,13 +816,22 @@ form input {
   border-radius: 8px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   background-color: #fff;
+  transition: all 0.3s ease;
 }
+
+.an-li:hover {
+  background-color: #fff;
+  transform: scale(1.1);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
 .rgzn {
   margin-left: 20px;
   margin-top: 30px;
   font-size: 20px;
   font-weight: bold;
 }
+
 .tgfw {
   margin-left: 20px;
   margin-top: 25px;
@@ -675,11 +841,13 @@ form input {
   font-weight: 100;
   margin-right: 10px;
 }
+
 .fw {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
 }
+
 .fw-box {
   width: 330px;
   height: 280px;
@@ -689,26 +857,32 @@ form input {
   letter-spacing: 2px;
   margin-top: 40px;
   margin-bottom: 40px;
+  transition: all 0.3s ease;
 }
+
 .img-2 {
   width: 55px;
   height: 55px;
   margin-left: 20px;
 }
+
 .an-5 {
   margin-left: -20px;
   margin-top: 20px;
   width: 100px;
 }
+
 .sj-2 {
   margin-top: 15px;
 }
+
 .em-8 {
   margin-top: 30px;
   width: 390px;
   line-height: 1.5;
   font-size: 15px;
 }
+
 .bt-3 {
   margin-top: 15px;
   font-weight: bold;
@@ -721,17 +895,21 @@ form input {
   margin-left: 115px;
   box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
 }
+
 .bk-3 {
   margin-top: 100px;
 }
+
 .sj-1 {
   margin-top: 20px;
   margin-left: 30px;
 }
+
 .img-3 {
   margin-top: 25px;
   margin-left: 30px;
 }
+
 .em-7 {
   margin-left: 30px;
   margin-top: 35px;
@@ -739,10 +917,12 @@ form input {
   line-height: 1.7;
   width: 350px;
 }
+
 .wb-1 {
   margin-left: 110px;
   margin-top: 8px;
 }
+
 .bk-2-2 {
   height: 230px;
   margin-top: 80px;
@@ -751,6 +931,7 @@ form input {
   padding: 20px;
   background-color: #f0f0f0;
 }
+
 .bt-2 {
   font-weight: bold;
   margin-top: -80px;
@@ -761,11 +942,13 @@ form input {
   width: 60px;
   height: 60px;
 }
+
 .bt-1 {
   margin-top: -70px;
   margin-left: 30px;
   font-size: 25px;
 }
+
 .em-6 {
   margin-top: 40px;
   margin-left: 30px;
@@ -773,28 +956,33 @@ form input {
   width: 260px;
   line-height: 1.5;
 }
+
 .bk-1-1 {
   background-color: #dad3d3;
 
   height: 300px;
   margin-top: 80px;
   margin-left: 62px;
-  border-radius: 15px; /* 设置圆角 */
+  border-radius: 15px;
+  /* 设置圆角 */
   padding: 20px;
   background-color: #f0f0f0;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 }
+
 .bk-1 {
   background-color: #d1cfcf;
 
   height: 300px;
   margin-top: 70px;
   margin-left: 62px;
-  border-radius: 15px; /* 设置圆角 */
+  border-radius: 15px;
+  /* 设置圆角 */
   padding: 20px;
   background-color: #f0f0f0;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 }
+
 .bk {
   display: flex;
   flex-direction: column;
@@ -807,12 +995,15 @@ form input {
   position: absolute;
   top: 300px;
   left: 145px;
+
 }
+
 .an-2 {
   position: absolute;
   top: 300px;
   left: 280px;
 }
+
 .an-4 {
   margin-top: 90px;
   margin-left: -440px;
@@ -829,6 +1020,7 @@ form input {
   line-height: 1.2;
   letter-spacing: 2.5px;
 }
+
 .em-2 {
   position: absolute;
   width: 250px;
@@ -837,6 +1029,7 @@ form input {
   font-size: 40px;
   color: #fff;
 }
+
 .em-1 {
   margin-left: 5px;
   position: absolute;
@@ -845,6 +1038,7 @@ form input {
   font-size: 25px;
   font-weight: bold;
 }
+
 .dhl {
   width: 100%;
   height: 60px;
@@ -852,27 +1046,32 @@ form input {
   justify-content: space-around;
   align-items: center;
   background-color: #fff;
-  position: fixed;
-  z-index: 1;
+
+
 }
+
 .el-link {
   margin-right: 25px;
   float: right;
   color: #000;
 }
+
 .dhl-x {
   display: flex;
   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%;
@@ -926,6 +1125,7 @@ form input {
 .sys-title {
   font-size: 30px;
   font-weight: 600;
+  cursor: default;
 }
 
 .right-box {