diff --git a/src/assets/img/case/8.png b/src/assets/img/case/8.png
new file mode 100644
index 0000000..c95bef6
Binary files /dev/null and b/src/assets/img/case/8.png differ
diff --git a/src/assets/img/case/anli1.png b/src/assets/img/case/anli1.png
new file mode 100644
index 0000000..8198549
Binary files /dev/null and b/src/assets/img/case/anli1.png differ
diff --git a/src/assets/img/case/anli10.png b/src/assets/img/case/anli10.png
new file mode 100644
index 0000000..b7b02f8
Binary files /dev/null and b/src/assets/img/case/anli10.png differ
diff --git a/src/assets/img/case/anli11.png b/src/assets/img/case/anli11.png
new file mode 100644
index 0000000..e49fd8e
Binary files /dev/null and b/src/assets/img/case/anli11.png differ
diff --git a/src/assets/img/case/anli12.png b/src/assets/img/case/anli12.png
new file mode 100644
index 0000000..18d0ffe
Binary files /dev/null and b/src/assets/img/case/anli12.png differ
diff --git a/src/assets/img/case/anli13.png b/src/assets/img/case/anli13.png
new file mode 100644
index 0000000..0d3bf96
Binary files /dev/null and b/src/assets/img/case/anli13.png differ
diff --git a/src/assets/img/case/anli14.png b/src/assets/img/case/anli14.png
new file mode 100644
index 0000000..0353afc
Binary files /dev/null and b/src/assets/img/case/anli14.png differ
diff --git a/src/assets/img/case/anli15.png b/src/assets/img/case/anli15.png
new file mode 100644
index 0000000..70bd2b9
Binary files /dev/null and b/src/assets/img/case/anli15.png differ
diff --git a/src/assets/img/case/anli16.png b/src/assets/img/case/anli16.png
new file mode 100644
index 0000000..fa78eb4
Binary files /dev/null and b/src/assets/img/case/anli16.png differ
diff --git a/src/assets/img/case/anli2.png b/src/assets/img/case/anli2.png
new file mode 100644
index 0000000..5a6402c
Binary files /dev/null and b/src/assets/img/case/anli2.png differ
diff --git a/src/assets/img/case/anli3.png b/src/assets/img/case/anli3.png
new file mode 100644
index 0000000..71660ec
Binary files /dev/null and b/src/assets/img/case/anli3.png differ
diff --git a/src/assets/img/case/anli4.png b/src/assets/img/case/anli4.png
new file mode 100644
index 0000000..dbff3ee
Binary files /dev/null and b/src/assets/img/case/anli4.png differ
diff --git a/src/assets/img/case/anli5.png b/src/assets/img/case/anli5.png
new file mode 100644
index 0000000..6fc7b4f
Binary files /dev/null and b/src/assets/img/case/anli5.png differ
diff --git a/src/assets/img/case/anli6.png b/src/assets/img/case/anli6.png
new file mode 100644
index 0000000..1a1b6d7
Binary files /dev/null and b/src/assets/img/case/anli6.png differ
diff --git a/src/assets/img/case/anli7.png b/src/assets/img/case/anli7.png
new file mode 100644
index 0000000..475437f
Binary files /dev/null and b/src/assets/img/case/anli7.png differ
diff --git a/src/assets/img/case/anli8.png b/src/assets/img/case/anli8.png
new file mode 100644
index 0000000..c95bef6
Binary files /dev/null and b/src/assets/img/case/anli8.png differ
diff --git a/src/assets/img/case/anli9.png b/src/assets/img/case/anli9.png
new file mode 100644
index 0000000..79c5bec
Binary files /dev/null and b/src/assets/img/case/anli9.png differ
diff --git a/src/assets/img/case/biaotiback.png b/src/assets/img/case/biaotiback.png
new file mode 100644
index 0000000..c659f34
Binary files /dev/null and b/src/assets/img/case/biaotiback.png differ
diff --git a/src/assets/img/case/biaotifuhao.png b/src/assets/img/case/biaotifuhao.png
new file mode 100644
index 0000000..05547d1
Binary files /dev/null and b/src/assets/img/case/biaotifuhao.png differ
diff --git a/src/assets/img/hardware/1back.png b/src/assets/img/hardware/1back.png
new file mode 100644
index 0000000..a5c51b8
Binary files /dev/null and b/src/assets/img/hardware/1back.png differ
diff --git a/src/assets/img/hardware/2back.png b/src/assets/img/hardware/2back.png
new file mode 100644
index 0000000..db19e64
Binary files /dev/null and b/src/assets/img/hardware/2back.png differ
diff --git a/src/assets/img/hardware/3back.png b/src/assets/img/hardware/3back.png
new file mode 100644
index 0000000..19a7e5d
Binary files /dev/null and b/src/assets/img/hardware/3back.png differ
diff --git a/src/assets/img/hardware/4back.png b/src/assets/img/hardware/4back.png
new file mode 100644
index 0000000..a46130d
Binary files /dev/null and b/src/assets/img/hardware/4back.png differ
diff --git a/src/assets/img/hardware/5back.png b/src/assets/img/hardware/5back.png
new file mode 100644
index 0000000..4876a7c
Binary files /dev/null and b/src/assets/img/hardware/5back.png differ
diff --git a/src/assets/img/hardware/6back.png b/src/assets/img/hardware/6back.png
new file mode 100644
index 0000000..deb6a98
Binary files /dev/null and b/src/assets/img/hardware/6back.png differ
diff --git a/src/assets/img/hardware/7back.png b/src/assets/img/hardware/7back.png
new file mode 100644
index 0000000..ef3bb08
Binary files /dev/null and b/src/assets/img/hardware/7back.png differ
diff --git a/src/assets/img/hardware/CPU.png b/src/assets/img/hardware/CPU.png
new file mode 100644
index 0000000..2cd1ff2
Binary files /dev/null and b/src/assets/img/hardware/CPU.png differ
diff --git a/src/assets/img/hardware/biaotitubiao.png b/src/assets/img/hardware/biaotitubiao.png
new file mode 100644
index 0000000..05547d1
Binary files /dev/null and b/src/assets/img/hardware/biaotitubiao.png differ
diff --git a/src/assets/img/hardware/chuanganqi.png b/src/assets/img/hardware/chuanganqi.png
new file mode 100644
index 0000000..fe07131
Binary files /dev/null and b/src/assets/img/hardware/chuanganqi.png differ
diff --git a/src/assets/img/hardware/danpianji.png b/src/assets/img/hardware/danpianji.png
new file mode 100644
index 0000000..62faabf
Binary files /dev/null and b/src/assets/img/hardware/danpianji.png differ
diff --git a/src/assets/img/hardware/dianlu.png b/src/assets/img/hardware/dianlu.png
new file mode 100644
index 0000000..d00948a
Binary files /dev/null and b/src/assets/img/hardware/dianlu.png differ
diff --git a/src/assets/img/hardware/dps.png b/src/assets/img/hardware/dps.png
new file mode 100644
index 0000000..9c379d5
Binary files /dev/null and b/src/assets/img/hardware/dps.png differ
diff --git a/src/assets/img/hardware/fpga.png b/src/assets/img/hardware/fpga.png
new file mode 100644
index 0000000..a90abdc
Binary files /dev/null and b/src/assets/img/hardware/fpga.png differ
diff --git a/src/assets/img/hardware/hardware.png b/src/assets/img/hardware/hardware.png
new file mode 100644
index 0000000..4ba6346
Binary files /dev/null and b/src/assets/img/hardware/hardware.png differ
diff --git a/src/assets/img/hardware/logotubiao.png b/src/assets/img/hardware/logotubiao.png
new file mode 100644
index 0000000..705bff9
Binary files /dev/null and b/src/assets/img/hardware/logotubiao.png differ
diff --git a/src/assets/img/hardware/shuzidianlu.png b/src/assets/img/hardware/shuzidianlu.png
new file mode 100644
index 0000000..ef9fde8
Binary files /dev/null and b/src/assets/img/hardware/shuzidianlu.png differ
diff --git a/src/views/Index/components/CasePictureList/index.vue b/src/views/Index/components/CasePictureList/index.vue
index 9111a50..14f556e 100644
--- a/src/views/Index/components/CasePictureList/index.vue
+++ b/src/views/Index/components/CasePictureList/index.vue
@@ -1,5 +1,191 @@
-<template>CasePictureList</template>
+<template>
+  <div class="case_picture_list_container">
+    <div class="empty"></div>
+    <div class="contract_title">
+      <p class="line"></p>
+      <p class="title">我们的案例</p>
+      <p class="detail">专业实力 数据见证</p>
+      <img class="img" :src="Back" alt="back" />
+    </div>
+    <div class="data_container">
+      <div class="text"><span class="blue">20</span>年</div>
+      <div class="text"><span class="blue">500+</span>年</div>
+      <div class="text"><span class="blue">1000+</span>年</div>
+      <div class="text"><span class="blue">1000W+</span>年</div>
+    </div>
+    <div class="pic_list">
+      <div class="pic_row mb4">
+        <swiper
+          :slidesPerView="5"
+          :modules="modules"
+          class="pic_swiper"
+          :speed="5000"
+          :autoplay="{
+            delay: 0,
+            stopOnLastSlide: false,
+            disableOnInteraction: false,
+          }"
+        >
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+        </swiper>
+      </div>
+      <div class="pic_row mb4">
+        <swiper
+          :slidesPerView="5"
+          :modules="modules"
+          class="pic_swiper"
+          :speed="5000"
+          :autoplay="{
+            delay: 0,
+            reverseDirection: true,
+            stopOnLastSlide: false,
+            disableOnInteraction: false,
+          }"
+        >
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+        </swiper>
+      </div>
+      <div class="pic_row">
+        <swiper
+          :slidesPerView="5"
+          :modules="modules"
+          class="pic_swiper"
+          :speed="5000"
+          :autoplay="{
+            delay: 0,
+            stopOnLastSlide: false,
+            disableOnInteraction: false,
+          }"
+        >
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+          <swiper-slide> <img class="pic" :src="A" alt="" /></swiper-slide>
+        </swiper>
+      </div>
+    </div>
+  </div>
+</template>
 
-<script setup></script>
+<script setup>
+import Back from '@/assets/img/case/biaotiback.png'
+import { ref } from 'vue'
+import A from '@/assets/img/case/8.png'
+// Import Swiper Vue.js components
+import { Swiper, SwiperSlide } from 'swiper/vue'
+import { Autoplay } from 'swiper'
+// Import Swiper styles
+import 'swiper/css'
+const modules = ref([Autoplay])
+</script>
 
-<style></style>
+<style scoped lang="scss">
+.case_picture_list_container {
+  width: 100%;
+  height: 100%;
+  background: $common_bg;
+  .empty {
+    min-height: 90px;
+  }
+  .contract_title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    font-family: 'SourceHanSans';
+    background-size: 100% 100%;
+    padding: 55px;
+    box-sizing: border-box;
+    position: relative;
+    white-space: nowrap;
+    transform-style: preserve-3d;
+    .line {
+      width: 39px;
+      height: 5px;
+      background: #283fe7;
+      border-radius: 3px;
+      margin-bottom: 12px;
+    }
+    .img {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translateX(-50%) translateY(-50%) translateZ(-1px);
+      width: 543px;
+      height: 61px;
+    }
+    .title {
+      font-size: 30px;
+      font-weight: bold;
+      color: #000000;
+      margin-bottom: 21px;
+      .blue_font {
+        color: $theme_color;
+      }
+    }
+    .detail {
+      font-size: 18px;
+      font-weight: 300;
+      color: #646a73;
+    }
+  }
+  .data_container {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    font-size: 50px;
+    font-family: 'SourceHanSans';
+    font-weight: 400;
+    color: #000000;
+    .text {
+      display: flex;
+      align-items: center;
+      .blue {
+        font-size: 65px;
+        font-family: 'ZonaPro';
+        font-weight: 900;
+        color: $theme_color;
+        margin-right: 19px;
+      }
+    }
+  }
+  .pic_list {
+    width: 100%;
+    padding: 75px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    .mb4 {
+      margin-bottom: 41px;
+    }
+    .pic_row {
+      display: flex;
+      align-items: center;
+      justify-content: space-evenly;
+      .pic {
+        width: 307px;
+        height: 171px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/Index/components/Cooperation/index.vue b/src/views/Index/components/Cooperation/index.vue
index 7bb18c5..37ba7bd 100644
--- a/src/views/Index/components/Cooperation/index.vue
+++ b/src/views/Index/components/Cooperation/index.vue
@@ -8,19 +8,19 @@
       <img class="img" :src="Back" alt="back" />
     </div>
     <div class="contract">
-      <img class="real_img" :src="Contract" alt="" />
+      <div class="real_img"></div>
     </div>
   </div>
 </template>
 
 <script setup>
 import Back from '@/assets/img/hezuo/biaotiback.png'
-import Contract from '@/assets/img/hezuo/all.png'
 </script>
 
 <style scoped lang="scss">
 .cooperation_container {
   width: 100%;
+  min-width: 1560px;
   height: 100%;
   background: $common_bg;
   display: flex;
@@ -82,8 +82,10 @@ import Contract from '@/assets/img/hezuo/all.png'
     align-items: center;
     justify-content: center;
     .real_img {
-      width: auto;
-      height: 400px;
+      width: 100%;
+      height: 100%;
+      background: url(../../../../assets/img/hezuo/all.png);
+      background-size: 100% 100%;
     }
   }
 }
diff --git a/src/views/Index/components/Service/index.vue b/src/views/Index/components/Service/index.vue
index 735381a..f8d8d71 100644
--- a/src/views/Index/components/Service/index.vue
+++ b/src/views/Index/components/Service/index.vue
@@ -81,8 +81,9 @@ import Card from './Card'
     }
   }
   .card_wrapper {
+    z-index: 5;
     position: absolute;
-    bottom: 55px;
+    bottom: 160px;
     right: 181px;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -91,6 +92,10 @@ import Card from './Card'
     grid-column-gap: 19px;
   }
   .bottom_container {
+    position: absolute;
+    bottom: 105px;
+    left: 0;
+    right: 0;
     padding: 79px 177px;
     background: $theme_color;
     font-size: 92px;
diff --git a/src/views/Index/components/SoftHardwareSummary/index.vue b/src/views/Index/components/SoftHardwareSummary/index.vue
index b3d3fed..b5e80a4 100644
--- a/src/views/Index/components/SoftHardwareSummary/index.vue
+++ b/src/views/Index/components/SoftHardwareSummary/index.vue
@@ -1,5 +1,184 @@
-<template>SoftHardwareSummary</template>
+<template>
+  <div class="software_container">
+    <div class="empty"></div>
+    <div class="contract_title">
+      <p class="line"></p>
+      <p class="title">硬件<span class="blue_font">研发经验</span></p>
+      <img class="img" :src="Back" alt="back" />
+    </div>
+    <div class="card_list">
+      <div class="card_wrap bg1">
+        <img class="img" :src="Danpianji" alt="" />
+        <p class="font">单片机</p>
+      </div>
+      <div class="card_wrap bg2">
+        <img class="img" :src="Cpu" alt="" />
+        <p class="font">处理器</p>
+      </div>
+      <div class="card_wrap bg3">
+        <img class="img" :src="Fpga" alt="" />
+        <p class="font">FPGA</p>
+      </div>
+      <div class="card_wrap bg4">
+        <img class="img" :src="Dps" alt="" />
+        <p class="font">DPS</p>
+      </div>
+      <div class="card_wrap bg5">
+        <img class="img" :src="Dianlu" alt="" />
+        <p class="font">模拟电路</p>
+      </div>
+      <div class="card_wrap bg6">
+        <img class="img" :src="Shuzi" alt="" />
+        <p class="font">数字电路</p>
+      </div>
+      <div class="card_wrap bg7">
+        <img class="img" :src="Chuanganji" alt="" />
+        <p class="font">各种传感器</p>
+      </div>
+    </div>
+    <p class="big_title">合作过的<span class="blue_font">芯片原厂</span></p>
+    <div class="img_wrap">
+      <img :src="ContractImg" class="contracted" />
+    </div>
+  </div>
+</template>
 
-<script setup></script>
+<script setup>
+import Back from '@/assets/img/hardware/hardware.png'
+import Dps from '@/assets/img/hardware/dps.png'
+import Shuzi from '@/assets/img/hardware/shuzidianlu.png'
+import Dianlu from '@/assets/img/hardware/dianlu.png'
+import Danpianji from '@/assets/img/hardware/danpianji.png'
+import Fpga from '@/assets/img/hardware/fpga.png'
+import Cpu from '@/assets/img/hardware/CPU.png'
+import Chuanganji from '@/assets/img/hardware/chuanganqi.png'
+import ContractImg from '@/assets/img/hardware/logotubiao.png'
+</script>
 
-<style></style>
+<style lang="scss" scoped>
+.software_container {
+  width: 100%;
+  height: 100%;
+  background: $common_bg;
+  .empty {
+    min-height: 90px;
+  }
+  .contract_title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    font-family: 'SourceHanSans';
+    background-size: 100% 100%;
+    padding: 81px 0 41px 0;
+    box-sizing: border-box;
+    position: relative;
+    white-space: nowrap;
+    transform-style: preserve-3d;
+    .line {
+      width: 39px;
+      height: 5px;
+      background: #283fe7;
+      border-radius: 3px;
+      margin-bottom: 12px;
+    }
+    .img {
+      position: absolute;
+      top: 55%;
+      left: 50%;
+      transform: translateX(-50%) translateY(-50%) translateZ(-1px);
+      width: 422px;
+      height: 45px;
+    }
+    .title {
+      font-size: 30px;
+      font-weight: bold;
+      color: #000000;
+      margin-bottom: 21px;
+      .blue_font {
+        color: $theme_color;
+      }
+    }
+    .detail {
+      font-size: 18px;
+      font-weight: 300;
+      color: #646a73;
+    }
+  }
+  .card_list {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    padding: 0 230px;
+    .card_wrap {
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      justify-content: space-evenly;
+      flex-direction: column;
+      width: 186px;
+      height: 222px;
+      .img {
+        width: 51px;
+        height: 51px;
+      }
+      .font {
+        font-size: 18px;
+        font-family: 'SourceHanSans';
+        font-weight: 400;
+        color: #ffffff;
+      }
+    }
+    .bg1 {
+      background: url(../../../../assets/img/hardware/1back.png);
+      background-size: 100% 100%;
+    }
+    .bg2 {
+      background: url(../../../../assets/img/hardware/2back.png);
+      background-size: 100% 100%;
+    }
+    .bg3 {
+      background: url(../../../../assets/img/hardware/3back.png);
+      background-size: 100% 100%;
+    }
+    .bg4 {
+      background: url(../../../../assets/img/hardware/4back.png);
+      background-size: 100% 100%;
+    }
+    .bg5 {
+      background: url(../../../../assets/img/hardware/5back.png);
+      background-size: 100% 100%;
+    }
+    .bg6 {
+      background: url(../../../../assets/img/hardware/6back.png);
+      background-size: 100% 100%;
+    }
+    .bg7 {
+      background: url(../../../../assets/img/hardware/7back.png);
+      background-size: 100% 100%;
+    }
+  }
+  .big_title {
+    padding: 102px 0 30px 0;
+    font-size: 30px;
+    font-family: 'SourceHanSans';
+    font-weight: bold;
+    color: #000000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .blue_font {
+      color: $theme_color;
+    }
+  }
+  .img_wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .contracted {
+      width: 1480px;
+      height: auto;
+    }
+  }
+}
+</style>
diff --git a/src/views/Index/index.vue b/src/views/Index/index.vue
index 988b5de..a80be15 100644
--- a/src/views/Index/index.vue
+++ b/src/views/Index/index.vue
@@ -30,7 +30,7 @@
       <CasePictureList />
     </swiper-slide>
     <swiper-slide :key="4" :virtualIndex="4">
-      <CaseDetails />
+      <SoftHardwareSummary />
     </swiper-slide>
     <swiper-slide :key="5" :virtualIndex="5">
       <SoftHardwareSummary />
diff --git a/vite.config.js b/vite.config.js
index 7c413b0..6b381d4 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -38,9 +38,10 @@ export default defineConfig({
         }),
         postCssPxToRem({
           // 自适应，px>rem转换
-          rootValue: 192, // 75表示750设计稿，37.5表示375设计稿
+          rootValue: 225, // 75表示750设计稿，37.5表示375设计稿
           propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
           selectorBlackList: ['norem'], // 过滤掉norem-开头的class，不进行rem转换
+          unitPrecision: 5,
         }),
       ],
     },