diff --git a/src/assets/design/link/1.png b/src/assets/design/link/1.png
index c01b141..912c3be 100644
Binary files a/src/assets/design/link/1.png and b/src/assets/design/link/1.png differ
diff --git a/src/assets/design/link/2.png b/src/assets/design/link/2.png
index c01b141..859eab8 100644
Binary files a/src/assets/design/link/2.png and b/src/assets/design/link/2.png differ
diff --git a/src/assets/design/link/3.png b/src/assets/design/link/3.png
new file mode 100644
index 0000000..aff2d20
Binary files /dev/null and b/src/assets/design/link/3.png differ
diff --git a/src/assets/design/link/4.png b/src/assets/design/link/4.png
new file mode 100644
index 0000000..a3e7c52
Binary files /dev/null and b/src/assets/design/link/4.png differ
diff --git a/src/components/SoftHardware/LinkCard/index.vue b/src/components/SoftHardware/LinkCard/index.vue
index 79f1358..09325a7 100644
--- a/src/components/SoftHardware/LinkCard/index.vue
+++ b/src/components/SoftHardware/LinkCard/index.vue
@@ -2,39 +2,47 @@
   <div class="link_card_container">
     <div class="card mr" @click="toPage('/')">
       <div class="modal">
-        <div class="left">
-          <h1 class="title">整机开发</h1>
-          <div class="btn">
-            <p class="text">立即前往</p>
-            <img :src="Arrow" class="icon" alt="" />
-          </div>
-          <p class="en">Complete machine</p>
+        <h1 class="title">整机开发</h1>
+        <div class="btn">
+          <p class="text">立即前往</p>
+          <img :src="Arrow" class="icon" alt="" />
         </div>
+        <p class="en">Complete machine</p>
       </div>
-      <img :src="P1" class="right" alt="" />
+      <img class="bg_img" :src="B1" alt="" />
     </div>
-    <div class="card" @click="toPage('/pc/design')">
-      <div class="modal other">
-        <div class="left">
-          <h1 class="title">工业设计</h1>
-          <div class="btn">
-            <p class="text">立即前往</p>
-            <img :src="Arrow" class="icon" alt="" />
-          </div>
-          <p class="en">Industrial Design</p>
+    <div class="card mr" @click="toPage('/pc/design')">
+      <div class="modal">
+        <h1 class="title">工业设计</h1>
+        <div class="btn">
+          <p class="text">立即前往</p>
+          <img :src="Arrow" class="icon" alt="" />
         </div>
+        <p class="en">Industrial Design</p>
       </div>
-      <img :src="P2" class="right" alt="" />
+      <img class="bg_img" :src="B4" alt="" />
+    </div>
+    <div class="card" @click="toPage('/pc/metal')">
+      <div class="modal">
+        <h1 class="title">CNC机加工</h1>
+        <div class="btn">
+          <p class="text">立即前往</p>
+          <img :src="Arrow" class="icon" alt="" />
+        </div>
+        <p class="en">Machining</p>
+      </div>
+      <img class="bg_img" :src="B3" alt="" />
     </div>
   </div>
 </template>
 
 <script setup>
-import BG from '@/assets/design/link/1.png'
+import B1 from '@/assets/design/link/1.png'
+import B2 from '@/assets/design/link/2.png'
+import B3 from '@/assets/design/link/3.png'
+import B4 from '@/assets/design/link/4.png'
 import Arrow from '@/assets/design/link/arrow.png'
 import { useRouter, useRoute } from 'vue-router'
-import P1 from '@/assets/soft/1.png'
-import P2 from '@/assets/soft/2.png'
 
 const router = useRouter()
 const route = useRoute()
@@ -61,89 +69,72 @@ const toPage = (path, p) => {
 }
 
 .link_card_container {
+  padding: 0 48px;
   padding-bottom: 120px;
   display: flex;
   align-items: center;
   justify-content: center;
   .card {
     flex: 1;
-    height: 420px;
+    height: 287px;
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center;
-    .right {
-      width: 452px;
-      height: 420px;
-      margin-left: 420px;
+    .bg_img {
+      width: 290.42px;
+      height: 287px;
+      object-fit: cover;
     }
     .modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 420px;
       height: 100%;
-      background: #000000;
-      padding-left: 53px;
+      padding-left: 36px;
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: flex-start;
-      .left {
-        .title {
-          font-family: AlibabaPuHuiTi;
-          font-size: 76px;
-          font-weight: bold;
-          line-height: normal;
-          letter-spacing: 0.06em;
-          color: #f6f6f6;
-          white-space: nowrap;
-        }
-        .btn {
-          margin-top: 18px;
-          margin-bottom: 20px;
-          border-radius: 324px;
-          padding: 11px 24px;
-          width: 148px;
-          height: 45px;
-          box-sizing: border-box;
-          background: #2a4ee1;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          .text {
-            white-space: nowrap;
-            font-family: Source Han Sans CN;
-            font-size: 16px;
-            font-weight: normal;
-            line-height: normal;
-            letter-spacing: 0.1em;
-            color: #ffffff;
-            margin-right: 15px;
-          }
-          .icon {
-            width: 19px;
-            height: 4px;
-          }
-        }
-        .en {
-          font-family: Poppins;
-          font-size: 30px;
-          font-weight: 500;
+      background: #000;
+      flex: 1;
+      .title {
+        font-family: AlibabaPuHuiTi;
+        font-size: 40px;
+        font-weight: bold;
+        line-height: normal;
+        letter-spacing: 0.06em;
+        color: #f6f6f6;
+      }
+      .btn {
+        margin-top: 15px;
+        margin-bottom: 9px;
+        border-radius: 324px;
+        padding: 4px 24px;
+        background: #2a4ee1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .text {
+          font-family: Source Han Sans CN;
+          font-size: 16px;
+          font-weight: normal;
           line-height: normal;
-          letter-spacing: 0em;
+          letter-spacing: 0.1em;
           color: #ffffff;
+          margin-right: 4px;
         }
-      }
-    }
-    .other {
-      background: #2a4ee1;
-      .left {
-        .btn {
-          background: #000;
+        .icon {
+          width: 12px;
+          height: 2px;
         }
       }
+      .en {
+        font-family: Poppins;
+        font-size: 16px;
+        font-weight: 500;
+        line-height: normal;
+        letter-spacing: 0em;
+        color: #ffffff;
+      }
     }
     &:hover {
       .modal {