diff --git a/src/assets/img/harddetail/01.png b/src/assets/img/harddetail/01.png
new file mode 100644
index 0000000..907a0a2
Binary files /dev/null and b/src/assets/img/harddetail/01.png differ
diff --git a/src/assets/img/harddetail/02.png b/src/assets/img/harddetail/02.png
new file mode 100644
index 0000000..4c76421
Binary files /dev/null and b/src/assets/img/harddetail/02.png differ
diff --git a/src/assets/img/harddetail/03.png b/src/assets/img/harddetail/03.png
new file mode 100644
index 0000000..e533382
Binary files /dev/null and b/src/assets/img/harddetail/03.png differ
diff --git a/src/assets/img/harddetail/04.png b/src/assets/img/harddetail/04.png
new file mode 100644
index 0000000..5ffdf8c
Binary files /dev/null and b/src/assets/img/harddetail/04.png differ
diff --git a/src/assets/img/harddetail/05.png b/src/assets/img/harddetail/05.png
new file mode 100644
index 0000000..6e7d674
Binary files /dev/null and b/src/assets/img/harddetail/05.png differ
diff --git a/src/assets/img/harddetail/06.png b/src/assets/img/harddetail/06.png
new file mode 100644
index 0000000..8731caf
Binary files /dev/null and b/src/assets/img/harddetail/06.png differ
diff --git a/src/assets/img/harddetail/07.png b/src/assets/img/harddetail/07.png
new file mode 100644
index 0000000..b1b338c
Binary files /dev/null and b/src/assets/img/harddetail/07.png differ
diff --git a/src/assets/img/harddetail/08.png b/src/assets/img/harddetail/08.png
new file mode 100644
index 0000000..2ae431a
Binary files /dev/null and b/src/assets/img/harddetail/08.png differ
diff --git a/src/assets/img/harddetail/09.png b/src/assets/img/harddetail/09.png
new file mode 100644
index 0000000..5be0862
Binary files /dev/null and b/src/assets/img/harddetail/09.png differ
diff --git a/src/assets/img/harddetail/10.png b/src/assets/img/harddetail/10.png
new file mode 100644
index 0000000..98efb82
Binary files /dev/null and b/src/assets/img/harddetail/10.png differ
diff --git a/src/assets/img/harddetail/11.png b/src/assets/img/harddetail/11.png
new file mode 100644
index 0000000..b617779
Binary files /dev/null and b/src/assets/img/harddetail/11.png differ
diff --git a/src/assets/img/harddetail/12.png b/src/assets/img/harddetail/12.png
new file mode 100644
index 0000000..18ae580
Binary files /dev/null and b/src/assets/img/harddetail/12.png differ
diff --git a/src/assets/img/harddetail/13.png b/src/assets/img/harddetail/13.png
new file mode 100644
index 0000000..86aa3b8
Binary files /dev/null and b/src/assets/img/harddetail/13.png differ
diff --git a/src/assets/img/harddetail/14.png b/src/assets/img/harddetail/14.png
new file mode 100644
index 0000000..cefa588
Binary files /dev/null and b/src/assets/img/harddetail/14.png differ
diff --git a/src/assets/img/harddetail/15.png b/src/assets/img/harddetail/15.png
new file mode 100644
index 0000000..7b8d087
Binary files /dev/null and b/src/assets/img/harddetail/15.png differ
diff --git a/src/assets/img/harddetail/16.png b/src/assets/img/harddetail/16.png
new file mode 100644
index 0000000..3384141
Binary files /dev/null and b/src/assets/img/harddetail/16.png differ
diff --git a/src/assets/img/harddetail/17.png b/src/assets/img/harddetail/17.png
new file mode 100644
index 0000000..eb0a555
Binary files /dev/null and b/src/assets/img/harddetail/17.png differ
diff --git a/src/assets/img/harddetail/18.png b/src/assets/img/harddetail/18.png
new file mode 100644
index 0000000..56430ba
Binary files /dev/null and b/src/assets/img/harddetail/18.png differ
diff --git a/src/assets/img/harddetail/19.png b/src/assets/img/harddetail/19.png
new file mode 100644
index 0000000..1a5437c
Binary files /dev/null and b/src/assets/img/harddetail/19.png differ
diff --git a/src/assets/img/harddetail/20.png b/src/assets/img/harddetail/20.png
new file mode 100644
index 0000000..d3f116b
Binary files /dev/null and b/src/assets/img/harddetail/20.png differ
diff --git a/src/assets/img/harddetail/21.png b/src/assets/img/harddetail/21.png
new file mode 100644
index 0000000..ef5e70a
Binary files /dev/null and b/src/assets/img/harddetail/21.png differ
diff --git a/src/assets/img/harddetail/22.png b/src/assets/img/harddetail/22.png
new file mode 100644
index 0000000..9b4694a
Binary files /dev/null and b/src/assets/img/harddetail/22.png differ
diff --git a/src/assets/img/harddetail/23.png b/src/assets/img/harddetail/23.png
new file mode 100644
index 0000000..0f8d874
Binary files /dev/null and b/src/assets/img/harddetail/23.png differ
diff --git a/src/assets/img/harddetail/24.png b/src/assets/img/harddetail/24.png
new file mode 100644
index 0000000..b021317
Binary files /dev/null and b/src/assets/img/harddetail/24.png differ
diff --git a/src/assets/img/harddetail/25.png b/src/assets/img/harddetail/25.png
new file mode 100644
index 0000000..58ad16a
Binary files /dev/null and b/src/assets/img/harddetail/25.png differ
diff --git a/src/assets/img/harddetail/detail/li1.png b/src/assets/img/harddetail/detail/li1.png
new file mode 100644
index 0000000..40dce5a
Binary files /dev/null and b/src/assets/img/harddetail/detail/li1.png differ
diff --git a/src/assets/img/harddetail/detail/lunbo.png b/src/assets/img/harddetail/detail/lunbo.png
new file mode 100644
index 0000000..fa03ecb
Binary files /dev/null and b/src/assets/img/harddetail/detail/lunbo.png differ
diff --git a/src/assets/img/harddetail/detail/xiangqing1.png b/src/assets/img/harddetail/detail/xiangqing1.png
new file mode 100644
index 0000000..7eb65b1
Binary files /dev/null and b/src/assets/img/harddetail/detail/xiangqing1.png differ
diff --git a/src/assets/img/harddetail/detail/xiangqing2.png b/src/assets/img/harddetail/detail/xiangqing2.png
new file mode 100644
index 0000000..5fc5303
Binary files /dev/null and b/src/assets/img/harddetail/detail/xiangqing2.png differ
diff --git a/src/assets/img/harddetail/detail/xiangqing3.png b/src/assets/img/harddetail/detail/xiangqing3.png
new file mode 100644
index 0000000..d43d08c
Binary files /dev/null and b/src/assets/img/harddetail/detail/xiangqing3.png differ
diff --git a/src/assets/img/harddetail/detail/xiangqing4.png b/src/assets/img/harddetail/detail/xiangqing4.png
new file mode 100644
index 0000000..4bdff4c
Binary files /dev/null and b/src/assets/img/harddetail/detail/xiangqing4.png differ
diff --git a/src/assets/img/harddetail/detail/xiangqing5.png b/src/assets/img/harddetail/detail/xiangqing5.png
new file mode 100644
index 0000000..d480370
Binary files /dev/null and b/src/assets/img/harddetail/detail/xiangqing5.png differ
diff --git a/src/views/Index/components/HardwareSummary/index.vue b/src/views/Index/components/HardwareSummary/index.vue
index 1b2b034..bbff45f 100644
--- a/src/views/Index/components/HardwareSummary/index.vue
+++ b/src/views/Index/components/HardwareSummary/index.vue
@@ -68,6 +68,8 @@
             <li><img class="pic" :src="A4" alt="" /></li>
             <li><img class="pic" :src="A5" alt="" /></li>
             <li><img class="pic" :src="A6" alt="" /></li>
+            <li><img class="pic" :src="A7" alt="" /></li>
+            <li><img class="pic" :src="A8" alt="" /></li>
           </ul>
         </div>
         <div
@@ -75,15 +77,9 @@
           id="hard_scroll_container_case_2"
         >
           <ul>
-            <li><img class="pic" :src="A7" alt="" /></li>
-            <li><img class="pic" :src="A8" alt="" /></li>
             <li><img class="pic" :src="A9" alt="" /></li>
             <li><img class="pic" :src="A10" alt="" /></li>
             <li><img class="pic" :src="A11" alt="" /></li>
-          </ul>
-        </div>
-        <div class="scroll_container_case" id="hard_scroll_container_case_3">
-          <ul>
             <li><img class="pic" :src="A12" alt="" /></li>
             <li><img class="pic" :src="A13" alt="" /></li>
             <li><img class="pic" :src="A14" alt="" /></li>
@@ -91,6 +87,19 @@
             <li><img class="pic" :src="A16" alt="" /></li>
           </ul>
         </div>
+        <div class="scroll_container_case" id="hard_scroll_container_case_3">
+          <ul>
+            <li><img class="pic" :src="A17" alt="" /></li>
+            <li><img class="pic" :src="A18" alt="" /></li>
+            <li><img class="pic" :src="A19" alt="" /></li>
+            <li><img class="pic" :src="A20" alt="" /></li>
+            <li><img class="pic" :src="A21" alt="" /></li>
+            <li><img class="pic" :src="A22" alt="" /></li>
+            <li><img class="pic" :src="A23" alt="" /></li>
+            <li><img class="pic" :src="A24" alt="" /></li>
+            <li><img class="pic" :src="A25" alt="" /></li>
+          </ul>
+        </div>
         <p class="zhezhao_right"></p>
         <p class="zhezhao_left"></p>
       </div>
@@ -102,22 +111,31 @@
 import Back from '@/assets/img/case/biaotiback.png'
 import CountTo from 'cpns/CountTo'
 import { ref, onMounted } from 'vue'
-import A1 from '@/assets/img/case/anli1.png'
-import A2 from '@/assets/img/case/anli2.png'
-import A3 from '@/assets/img/case/anli3.png'
-import A4 from '@/assets/img/case/anli4.png'
-import A5 from '@/assets/img/case/anli5.png'
-import A6 from '@/assets/img/case/anli6.png'
-import A7 from '@/assets/img/case/anli7.png'
-import A8 from '@/assets/img/case/anli8.png'
-import A9 from '@/assets/img/case/anli9.png'
-import A10 from '@/assets/img/case/anli10.png'
-import A11 from '@/assets/img/case/anli11.png'
-import A12 from '@/assets/img/case/anli12.png'
-import A13 from '@/assets/img/case/anli13.png'
-import A14 from '@/assets/img/case/anli14.png'
-import A15 from '@/assets/img/case/anli15.png'
-import A16 from '@/assets/img/case/anli16.png'
+import A1 from '@/assets/img/harddetail/01.png'
+import A2 from '@/assets/img/harddetail/02.png'
+import A3 from '@/assets/img/harddetail/03.png'
+import A4 from '@/assets/img/harddetail/04.png'
+import A5 from '@/assets/img/harddetail/05.png'
+import A6 from '@/assets/img/harddetail/06.png'
+import A7 from '@/assets/img/harddetail/07.png'
+import A8 from '@/assets/img/harddetail/08.png'
+import A9 from '@/assets/img/harddetail/09.png'
+import A10 from '@/assets/img/harddetail/10.png'
+import A11 from '@/assets/img/harddetail/11.png'
+import A12 from '@/assets/img/harddetail/12.png'
+import A13 from '@/assets/img/harddetail/13.png'
+import A14 from '@/assets/img/harddetail/14.png'
+import A15 from '@/assets/img/harddetail/15.png'
+import A16 from '@/assets/img/harddetail/16.png'
+import A17 from '@/assets/img/harddetail/17.png'
+import A18 from '@/assets/img/harddetail/18.png'
+import A19 from '@/assets/img/harddetail/19.png'
+import A20 from '@/assets/img/harddetail/20.png'
+import A21 from '@/assets/img/harddetail/21.png'
+import A22 from '@/assets/img/harddetail/22.png'
+import A23 from '@/assets/img/harddetail/23.png'
+import A24 from '@/assets/img/harddetail/24.png'
+import A25 from '@/assets/img/harddetail/25.png'
 // Import Swiper Vue.js components
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import { Autoplay } from 'swiper'