From 91485a72b408bb69f38ec3f8546e0eef5a7a2d42 Mon Sep 17 00:00:00 2001
From: liwenhao <1273011930@qq.com>
Date: Mon, 26 May 2025 15:38:24 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AD=97=E4=BD=93?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=20=E4=BB=A5=E5=8F=8A=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/BusinessServices/size1440/index.vue | 47 ++++---------------
 src/views/BusinessServices/size1920/index.vue | 47 ++++---------------
 src/views/BusinessServices/size375/index.vue  |  4 +-
 src/views/BusinessServices/size768/index.vue  |  4 +-
 src/views/companyoverview/size1440/index.vue  | 25 +++++-----
 src/views/companyoverview/size1920/index.vue  | 25 +++++-----
 src/views/companyoverview/size768/index.vue   | 27 +++++------
 7 files changed, 59 insertions(+), 120 deletions(-)

diff --git a/src/views/BusinessServices/size1440/index.vue b/src/views/BusinessServices/size1440/index.vue
index 63fc1ed..050b2f2 100644
--- a/src/views/BusinessServices/size1440/index.vue
+++ b/src/views/BusinessServices/size1440/index.vue
@@ -4,9 +4,9 @@
       <!-- 渐变背景标题区 - 增加层次感 -->
       <section class="hero-section">
         <div class="container">
-          <div class="hero-title">
+          <h1 class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }}
-          </div>
+          </h1>
           <div style="font-size: 18px" class="hero-description">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
           </div>
@@ -15,9 +15,9 @@
       <!-- 业务核心解决方案 -->
       <main style="margin-top: 40px" class="container">
         <section>
-          <div class="hero-title">
+          <h1 class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
-          </div>
+          </h1>
         </section>
 
         <div class="solution-grid">
@@ -42,7 +42,9 @@
                   class="content-point"
                 >
                   <div class="point-icon">•</div>
-                  <div class="point-text">{{ point }}</div>
+                  <div style="font-size: 18px" class="point-text">
+                    {{ point }}
+                  </div>
                 </li>
               </ul>
             </div>
@@ -152,11 +154,6 @@ const solutions = computed(() => [
   border-radius: 2px;
 }
 
-/* 解决方案网格 */
-.solution-grid {
-  padding: 0rem 0 4rem;
-}
-
 .solution-group {
   display: flex;
   flex-direction: column;
@@ -175,10 +172,6 @@ const solutions = computed(() => [
     flex: 1;
     margin-top: 20px;
   }
-
-  .solution-card {
-    height: 350px;
-  }
 }
 
 /* 移动端布局（<768px） */
@@ -213,39 +206,15 @@ const solutions = computed(() => [
 
 /* 卡片公共样式 */
 .solution-card {
-  background: white;
   border-radius: 16px;
   padding: 2.5rem;
-  box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1);
   transform: translateY(20px);
   opacity: 0;
   animation: cardEnter 0.6s ease forwards;
-  position: relative;
-  overflow: hidden;
   border: 1px solid rgba(137, 91, 255, 0.2);
   background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
 }
 
-.solution-card::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(
-    135deg,
-    rgba(137, 91, 255, 0.03) 0%,
-    rgba(137, 91, 255, 0) 100%
-  );
-  z-index: -1;
-}
-
-.solution-card:hover {
-  transform: translateY(-8px);
-  box-shadow: 0 15px 50px rgba(137, 91, 255, 0.2);
-}
-
 .card-header {
   margin-bottom: 2rem;
 }
@@ -284,7 +253,7 @@ const solutions = computed(() => [
 .point-text {
   color: #4a3a6b;
   line-height: 1.6;
-  font-size: 1rem;
+  font-size: 18px;
 }
 
 @keyframes cardEnter {
diff --git a/src/views/BusinessServices/size1920/index.vue b/src/views/BusinessServices/size1920/index.vue
index 63fc1ed..050b2f2 100644
--- a/src/views/BusinessServices/size1920/index.vue
+++ b/src/views/BusinessServices/size1920/index.vue
@@ -4,9 +4,9 @@
       <!-- 渐变背景标题区 - 增加层次感 -->
       <section class="hero-section">
         <div class="container">
-          <div class="hero-title">
+          <h1 class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }}
-          </div>
+          </h1>
           <div style="font-size: 18px" class="hero-description">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
           </div>
@@ -15,9 +15,9 @@
       <!-- 业务核心解决方案 -->
       <main style="margin-top: 40px" class="container">
         <section>
-          <div class="hero-title">
+          <h1 class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
-          </div>
+          </h1>
         </section>
 
         <div class="solution-grid">
@@ -42,7 +42,9 @@
                   class="content-point"
                 >
                   <div class="point-icon">•</div>
-                  <div class="point-text">{{ point }}</div>
+                  <div style="font-size: 18px" class="point-text">
+                    {{ point }}
+                  </div>
                 </li>
               </ul>
             </div>
@@ -152,11 +154,6 @@ const solutions = computed(() => [
   border-radius: 2px;
 }
 
-/* 解决方案网格 */
-.solution-grid {
-  padding: 0rem 0 4rem;
-}
-
 .solution-group {
   display: flex;
   flex-direction: column;
@@ -175,10 +172,6 @@ const solutions = computed(() => [
     flex: 1;
     margin-top: 20px;
   }
-
-  .solution-card {
-    height: 350px;
-  }
 }
 
 /* 移动端布局（<768px） */
@@ -213,39 +206,15 @@ const solutions = computed(() => [
 
 /* 卡片公共样式 */
 .solution-card {
-  background: white;
   border-radius: 16px;
   padding: 2.5rem;
-  box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1);
   transform: translateY(20px);
   opacity: 0;
   animation: cardEnter 0.6s ease forwards;
-  position: relative;
-  overflow: hidden;
   border: 1px solid rgba(137, 91, 255, 0.2);
   background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
 }
 
-.solution-card::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(
-    135deg,
-    rgba(137, 91, 255, 0.03) 0%,
-    rgba(137, 91, 255, 0) 100%
-  );
-  z-index: -1;
-}
-
-.solution-card:hover {
-  transform: translateY(-8px);
-  box-shadow: 0 15px 50px rgba(137, 91, 255, 0.2);
-}
-
 .card-header {
   margin-bottom: 2rem;
 }
@@ -284,7 +253,7 @@ const solutions = computed(() => [
 .point-text {
   color: #4a3a6b;
   line-height: 1.6;
-  font-size: 1rem;
+  font-size: 18px;
 }
 
 @keyframes cardEnter {
diff --git a/src/views/BusinessServices/size375/index.vue b/src/views/BusinessServices/size375/index.vue
index 28164d4..4f87b66 100644
--- a/src/views/BusinessServices/size375/index.vue
+++ b/src/views/BusinessServices/size375/index.vue
@@ -43,7 +43,9 @@
                   class="content-point"
                 >
                   <div class="point-icon">•</div>
-                  <div class="point-text">{{ point }}</div>
+                  <div style="font-size: 18px" class="point-text">
+                    {{ point }}
+                  </div>
                 </li>
               </ul>
             </div>
diff --git a/src/views/BusinessServices/size768/index.vue b/src/views/BusinessServices/size768/index.vue
index 53211a6..f8a81d2 100644
--- a/src/views/BusinessServices/size768/index.vue
+++ b/src/views/BusinessServices/size768/index.vue
@@ -43,7 +43,9 @@
                   class="content-point"
                 >
                   <div class="point-icon">•</div>
-                  <div class="point-text">{{ point }}</div>
+                  <div style="font-size: 18px" class="point-text">
+                    {{ point }}
+                  </div>
                 </li>
               </ul>
             </div>
diff --git a/src/views/companyoverview/size1440/index.vue b/src/views/companyoverview/size1440/index.vue
index 086fc19..70cab42 100644
--- a/src/views/companyoverview/size1440/index.vue
+++ b/src/views/companyoverview/size1440/index.vue
@@ -6,9 +6,9 @@
         class="company-overview"
         style="max-width: 1200px; margin: 60px auto"
       >
-        <h2 class="section-title">
+        <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
-        </h2>
+        </h1>
         <div class="content-block">
           <div style="font-size: 18px">
             {{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@@ -20,12 +20,11 @@
 
       <!-- 使命愿景卡片 -->
       <section class="mission-section">
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
+        </h1>
         <div class="mission-cards">
           <n-card hoverable class="mission-card" v-motion-pop>
-            <n-h3 class="card-title">{{
-              $t("COMPANYOVERVIEW.TITLETHREE.TITLE")
-            }}</n-h3>
-            <br />
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
             }}</n-p>
@@ -41,9 +40,9 @@
       <!-- 里程碑时间轴 -->
       <!-- 里程碑时间轴 -->
       <section class="section timeline-section">
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFOUR.TITLE")
-        }}</n-h2>
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }}
+        </h1>
         <div class="timeline">
           <!-- 1977-2015 -->
           <div class="timeline-item" v-motion-slide-visible-once-bottom>
@@ -163,9 +162,9 @@
 
       <!-- 成就部分 -->
       <section class="achievement-section" v-motion-fade>
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
-        }}</n-h2>
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
+        </h1>
         <br />
 
         <n-p style="font-size: 18px" class="section-content">{{
@@ -199,7 +198,7 @@ const stats = ref([
 .company-overview {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 0 20px;
+  /* padding: 0 20px; */
 }
 
 /* 顶部大图区域 */
diff --git a/src/views/companyoverview/size1920/index.vue b/src/views/companyoverview/size1920/index.vue
index 086fc19..70cab42 100644
--- a/src/views/companyoverview/size1920/index.vue
+++ b/src/views/companyoverview/size1920/index.vue
@@ -6,9 +6,9 @@
         class="company-overview"
         style="max-width: 1200px; margin: 60px auto"
       >
-        <h2 class="section-title">
+        <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
-        </h2>
+        </h1>
         <div class="content-block">
           <div style="font-size: 18px">
             {{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@@ -20,12 +20,11 @@
 
       <!-- 使命愿景卡片 -->
       <section class="mission-section">
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
+        </h1>
         <div class="mission-cards">
           <n-card hoverable class="mission-card" v-motion-pop>
-            <n-h3 class="card-title">{{
-              $t("COMPANYOVERVIEW.TITLETHREE.TITLE")
-            }}</n-h3>
-            <br />
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
             }}</n-p>
@@ -41,9 +40,9 @@
       <!-- 里程碑时间轴 -->
       <!-- 里程碑时间轴 -->
       <section class="section timeline-section">
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFOUR.TITLE")
-        }}</n-h2>
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }}
+        </h1>
         <div class="timeline">
           <!-- 1977-2015 -->
           <div class="timeline-item" v-motion-slide-visible-once-bottom>
@@ -163,9 +162,9 @@
 
       <!-- 成就部分 -->
       <section class="achievement-section" v-motion-fade>
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
-        }}</n-h2>
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
+        </h1>
         <br />
 
         <n-p style="font-size: 18px" class="section-content">{{
@@ -199,7 +198,7 @@ const stats = ref([
 .company-overview {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 0 20px;
+  /* padding: 0 20px; */
 }
 
 /* 顶部大图区域 */
diff --git a/src/views/companyoverview/size768/index.vue b/src/views/companyoverview/size768/index.vue
index 306df0d..73faaf0 100644
--- a/src/views/companyoverview/size768/index.vue
+++ b/src/views/companyoverview/size768/index.vue
@@ -6,9 +6,9 @@
         class="company-overview"
         style="max-width: 1200px; margin: 60px auto"
       >
-        <h2 class="section-title">
+        <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
-        </h2>
+        </h1>
         <div class="content-block">
           <div style="font-size: 18px">
             {{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@@ -20,12 +20,11 @@
 
       <!-- 使命愿景卡片 -->
       <section class="mission-section">
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
+        </h1>
         <div class="mission-cards">
           <n-card hoverable class="mission-card" v-motion-pop>
-            <n-h3 class="card-title">{{
-              $t("COMPANYOVERVIEW.TITLETHREE.TITLE")
-            }}</n-h3>
-            <br />
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
             }}</n-p>
@@ -41,9 +40,9 @@
       <!-- 里程碑时间轴 -->
       <!-- 里程碑时间轴 -->
       <section class="section timeline-section">
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFOUR.TITLE")
-        }}</n-h2>
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }}
+        </h1>
         <div class="timeline">
           <!-- 1977-2015 -->
           <div class="timeline-item" v-motion-slide-visible-once-bottom>
@@ -163,9 +162,9 @@
 
       <!-- 成就部分 -->
       <section class="achievement-section" v-motion-fade>
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
-        }}</n-h2>
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
+        </h1>
         <br />
 
         <n-p style="font-size: 18px" class="section-content">{{
@@ -191,14 +190,14 @@ const stats = ref([
 
 <style scoped>
 .home-page {
-  background-image: url("@/assets/image/bg-mobile.png");
+  background-image: url("@/assets/image/bg.png");
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
 }
 .company-overview {
   margin: 0 auto;
-  padding: 0 20px;
+  /* padding: 0 20px; */
 }
 
 /* 顶部大图区域 */

From 9cba09c2fb23fbcbaadaab3ec88050d09cb5e9da Mon Sep 17 00:00:00 2001
From: liwenhao <1273011930@qq.com>
Date: Mon, 26 May 2025 15:41:25 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E9=97=B4=E8=B7=9D=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/myHome/size1440/index.vue | 2 +-
 src/views/myHome/size1920/index.vue | 2 +-
 src/views/myHome/size375/index.vue  | 2 +-
 src/views/myHome/size768/index.vue  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/myHome/size1440/index.vue b/src/views/myHome/size1440/index.vue
index 6060e2d..c03a3b9 100644
--- a/src/views/myHome/size1440/index.vue
+++ b/src/views/myHome/size1440/index.vue
@@ -47,7 +47,7 @@
         max-width: 1200px;
         margin: 60px auto;
         padding: 0 40px;
-        background: #f8fafc;
+        background: #fff;
       "
     >
       <h2 class="section-titles">
diff --git a/src/views/myHome/size1920/index.vue b/src/views/myHome/size1920/index.vue
index 63ae9ae..549fe77 100644
--- a/src/views/myHome/size1920/index.vue
+++ b/src/views/myHome/size1920/index.vue
@@ -46,7 +46,7 @@
         max-width: 1200px;
         margin: 60px auto;
         padding: 0 40px;
-        background: #f8fafc;
+        background: #fff;
       "
     >
       <h2 class="section-titles">
diff --git a/src/views/myHome/size375/index.vue b/src/views/myHome/size375/index.vue
index 5836a31..ccc75a7 100644
--- a/src/views/myHome/size375/index.vue
+++ b/src/views/myHome/size375/index.vue
@@ -48,7 +48,7 @@
         max-width: 1200px;
         margin: 60px auto;
         padding: 0 40px;
-        background: #f8fafc;
+        background: #fff;
       "
     >
       <h2 class="section-titles">
diff --git a/src/views/myHome/size768/index.vue b/src/views/myHome/size768/index.vue
index 5195faf..3a34450 100644
--- a/src/views/myHome/size768/index.vue
+++ b/src/views/myHome/size768/index.vue
@@ -48,7 +48,7 @@
         max-width: 1200px;
         margin: 60px auto;
         padding: 0 40px;
-        background: #f8fafc;
+        background: #fff;
       "
     >
       <h2 class="section-titles">

From 97fc7d966bd98ae37c89253da3d8356957bd53d5 Mon Sep 17 00:00:00 2001
From: liwenhao <1273011930@qq.com>
Date: Mon, 26 May 2025 16:02:46 +0800
Subject: [PATCH 3/3] =?UTF-8?q?corporate=20informain=E6=A8=A1=E5=9D=97=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=87=E9=A2=98=E5=AD=97=E4=BD=93=E5=8A=A0?=
 =?UTF-8?q?=E7=B2=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/BusinessServices/size375/index.vue |  8 +++---
 src/views/BusinessServices/size768/index.vue |  8 +++---
 src/views/companyoverview/size1440/index.vue | 17 +++++++------
 src/views/companyoverview/size1920/index.vue | 17 +++++++------
 src/views/companyoverview/size375/index.vue  | 26 +++++++++++---------
 src/views/companyoverview/size768/index.vue  | 16 ++++++------
 6 files changed, 50 insertions(+), 42 deletions(-)

diff --git a/src/views/BusinessServices/size375/index.vue b/src/views/BusinessServices/size375/index.vue
index 4f87b66..527ef01 100644
--- a/src/views/BusinessServices/size375/index.vue
+++ b/src/views/BusinessServices/size375/index.vue
@@ -4,9 +4,9 @@
       <!-- 渐变背景标题区 -->
       <section class="hero-section">
         <div class="container">
-          <div style="font-size: 40px" class="hero-title">
+          <h1 style="font-size: 40px" class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }}
-          </div>
+          </h1>
           <div style="font-size: 18px" class="hero-description">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
           </div>
@@ -15,9 +15,9 @@
       <!-- 业务核心解决方案 -->
       <main style="margin-top: 40px" class="container">
         <section>
-          <div style="font-size: 40px" class="hero-title">
+          <h1 style="font-size: 40px" class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
-          </div>
+          </h1>
         </section>
 
         <!-- 解决方案网格 - 响应式弹性布局 -->
diff --git a/src/views/BusinessServices/size768/index.vue b/src/views/BusinessServices/size768/index.vue
index f8a81d2..4da4ccc 100644
--- a/src/views/BusinessServices/size768/index.vue
+++ b/src/views/BusinessServices/size768/index.vue
@@ -4,9 +4,9 @@
       <!-- 渐变背景标题区 -->
       <section class="hero-section">
         <div class="container">
-          <div style="font-size: 40px" class="hero-title">
+          <h1 style="font-size: 40px" class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }}
-          </div>
+          </h1>
           <div style="font-size: 18px" class="hero-description">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
           </div>
@@ -15,9 +15,9 @@
       <!-- 业务核心解决方案 -->
       <main style="margin-top: 40px" class="container">
         <section>
-          <div style="font-size: 40px" class="hero-title">
+          <h1 style="font-size: 40px" class="hero-title">
             {{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
-          </div>
+          </h1>
         </section>
 
         <!-- 解决方案网格 - 响应式弹性布局 -->
diff --git a/src/views/companyoverview/size1440/index.vue b/src/views/companyoverview/size1440/index.vue
index 70cab42..04b50ca 100644
--- a/src/views/companyoverview/size1440/index.vue
+++ b/src/views/companyoverview/size1440/index.vue
@@ -160,16 +160,17 @@
         </div>
       </section>
 
-      <!-- 成就部分 -->
-      <section class="achievement-section" v-motion-fade>
+      <section class="mission-section">
         <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
         </h1>
-        <br />
-
-        <n-p style="font-size: 18px" class="section-content">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
-        }}</n-p>
+        <div class="mission-cards">
+          <n-card hoverable class="mission-card" v-motion-pop>
+            <n-p style="font-size: 18px" class="card-content">{{
+              $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
+            }}</n-p>
+          </n-card>
+        </div>
       </section>
     </div>
   </div>
@@ -230,7 +231,7 @@ const stats = ref([
 }
 
 .section-title {
-  font-size: 2.2rem;
+  font-size: 2.5rem;
   margin-bottom: 30px;
   position: relative;
   display: inline-block;
diff --git a/src/views/companyoverview/size1920/index.vue b/src/views/companyoverview/size1920/index.vue
index 70cab42..7d8ca3a 100644
--- a/src/views/companyoverview/size1920/index.vue
+++ b/src/views/companyoverview/size1920/index.vue
@@ -161,15 +161,18 @@
       </section>
 
       <!-- 成就部分 -->
-      <section class="achievement-section" v-motion-fade>
+
+      <section class="mission-section">
         <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
         </h1>
-        <br />
-
-        <n-p style="font-size: 18px" class="section-content">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
-        }}</n-p>
+        <div class="mission-cards">
+          <n-card hoverable class="mission-card" v-motion-pop>
+            <n-p style="font-size: 18px" class="card-content">{{
+              $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
+            }}</n-p>
+          </n-card>
+        </div>
       </section>
     </div>
   </div>
@@ -230,7 +233,7 @@ const stats = ref([
 }
 
 .section-title {
-  font-size: 2.2rem;
+  font-size: 2.5rem;
   margin-bottom: 30px;
   position: relative;
   display: inline-block;
diff --git a/src/views/companyoverview/size375/index.vue b/src/views/companyoverview/size375/index.vue
index 306df0d..dd367cf 100644
--- a/src/views/companyoverview/size375/index.vue
+++ b/src/views/companyoverview/size375/index.vue
@@ -6,9 +6,9 @@
         class="company-overview"
         style="max-width: 1200px; margin: 60px auto"
       >
-        <h2 class="section-title">
+        <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
-        </h2>
+        </h1>
         <div class="content-block">
           <div style="font-size: 18px">
             {{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
@@ -162,15 +162,17 @@
       </section>
 
       <!-- 成就部分 -->
-      <section class="achievement-section" v-motion-fade>
-        <n-h2 class="section-title">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
-        }}</n-h2>
-        <br />
-
-        <n-p style="font-size: 18px" class="section-content">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
-        }}</n-p>
+      <section class="mission-section">
+        <h1 class="section-title">
+          {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
+        </h1>
+        <div class="mission-cards">
+          <n-card hoverable class="mission-card" v-motion-pop>
+            <n-p style="font-size: 18px" class="card-content">{{
+              $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
+            }}</n-p>
+          </n-card>
+        </div>
       </section>
     </div>
   </div>
@@ -230,7 +232,7 @@ const stats = ref([
 }
 
 .section-title {
-  font-size: 2.2rem;
+  font-size: 2.5rem;
   margin-bottom: 30px;
   position: relative;
   display: inline-block;
diff --git a/src/views/companyoverview/size768/index.vue b/src/views/companyoverview/size768/index.vue
index 73faaf0..efe0afd 100644
--- a/src/views/companyoverview/size768/index.vue
+++ b/src/views/companyoverview/size768/index.vue
@@ -161,15 +161,17 @@
       </section>
 
       <!-- 成就部分 -->
-      <section class="achievement-section" v-motion-fade>
+      <section class="mission-section">
         <h1 class="section-title">
           {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }}
         </h1>
-        <br />
-
-        <n-p style="font-size: 18px" class="section-content">{{
-          $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
-        }}</n-p>
+        <div class="mission-cards">
+          <n-card hoverable class="mission-card" v-motion-pop>
+            <n-p style="font-size: 18px" class="card-content">{{
+              $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
+            }}</n-p>
+          </n-card>
+        </div>
       </section>
     </div>
   </div>
@@ -229,7 +231,7 @@ const stats = ref([
 }
 
 .section-title {
-  font-size: 2.2rem;
+  font-size: 2.5rem;
   margin-bottom: 30px;
   position: relative;
   display: inline-block;