diff --git a/src/assets/Mask group (1).png b/src/assets/Mask group (1).png
new file mode 100644
index 0000000..dbfeb0d
Binary files /dev/null and b/src/assets/Mask group (1).png differ
diff --git a/src/assets/Rectangle 83.png b/src/assets/Rectangle 83.png
new file mode 100644
index 0000000..72e9c58
Binary files /dev/null and b/src/assets/Rectangle 83.png differ
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 6e68812..080cf5b 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -101,7 +101,7 @@
       </div>
     </div>
     <div class="w-full custom-bgc-introduce py-[100px]">
-      <div class="max-w-screen-xl mx-auto">
+      <div class="max-w-screen-xl mx-auto introduce-content">
         <div class="flex items-center mb-[82px]">
           <div class="flex flex-col text-introduce-text mr-[100px]">
             <h1 class="text-3xl font-bold">灵活自定义</h1>
@@ -391,7 +391,12 @@ const btnList = ref([
 }
 
 .custom-bgc-introduce {
-  background: linear-gradient(98.33deg, #003ea0 0%, #0aa9f8 100.12%);
+  /* height: 568px; */
+  background-image: url("../assets/Rectangle 83.png");
+  background-size: calc(100% - 40px) 100%; /* 宽度是100%，去掉左右各20px */
+  background-position: 20px center; /* 背景图片左右各20px，垂直居中 */
+  background-repeat: no-repeat; /* 防止图片重复 */
+  margin: 0; /* 去除默认的边距 */
 }
 
 .custom-btn-bg {
@@ -524,4 +529,7 @@ const btnList = ref([
 .text-content-spec {
   color: rgba(255, 255, 255, 0.9);
 }
+.introduce-content {
+  min-height: 568px;
+}
 </style>