diff --git a/src/assets/model/dataCentre/imgSlide1.png b/src/assets/model/dataCentre/imgSlide1_0.png
similarity index 100%
rename from src/assets/model/dataCentre/imgSlide1.png
rename to src/assets/model/dataCentre/imgSlide1_0.png
diff --git a/src/assets/model/dataCentre/imgSlide1_1.png b/src/assets/model/dataCentre/imgSlide1_1.png
new file mode 100644
index 0000000..c0a5d49
Binary files /dev/null and b/src/assets/model/dataCentre/imgSlide1_1.png differ
diff --git a/src/assets/model/dataCentre/imgSlide1_2.png b/src/assets/model/dataCentre/imgSlide1_2.png
new file mode 100644
index 0000000..af01961
Binary files /dev/null and b/src/assets/model/dataCentre/imgSlide1_2.png differ
diff --git a/src/assets/model/dataCentre/imgSlide1_3.png b/src/assets/model/dataCentre/imgSlide1_3.png
new file mode 100644
index 0000000..602a083
Binary files /dev/null and b/src/assets/model/dataCentre/imgSlide1_3.png differ
diff --git a/src/assets/model/dataCentre/imgSlide2.jpg b/src/assets/model/dataCentre/imgSlide2.jpg
deleted file mode 100644
index 3c78963..0000000
Binary files a/src/assets/model/dataCentre/imgSlide2.jpg and /dev/null differ
diff --git a/src/assets/model/dataCentre/imgSlide2_0.png b/src/assets/model/dataCentre/imgSlide2_0.png
new file mode 100644
index 0000000..61f4a7d
Binary files /dev/null and b/src/assets/model/dataCentre/imgSlide2_0.png differ
diff --git a/src/assets/model/dataCentre/imgSlide2_1.png b/src/assets/model/dataCentre/imgSlide2_1.png
new file mode 100644
index 0000000..b759f6f
Binary files /dev/null and b/src/assets/model/dataCentre/imgSlide2_1.png differ
diff --git a/src/views/model/dataCentre.vue b/src/views/model/dataCentre.vue
index 6984ef3..f10519f 100644
--- a/src/views/model/dataCentre.vue
+++ b/src/views/model/dataCentre.vue
@@ -17,15 +17,27 @@
     </div>
     <div class="chart2">
       <el-carousel style="width: 100%;height: 100%" indicator-position="none" height="100%">
-        <el-carousel-item v-for="item in 4" :key="item">
-          <img src="../../assets/model/dataCentre/imgSlide1.png" alt="" style="width: 100%;height: 100%">
+        <el-carousel-item >
+          <img src="../../assets/model/dataCentre/imgSlide1_0.png" alt="" style="width: 100%;height: 100%">
+        </el-carousel-item>
+        <el-carousel-item >
+          <img src="../../assets/model/dataCentre/imgSlide1_1.png" alt="" style="width: 100%;height: 100%">
+        </el-carousel-item>
+        <el-carousel-item >
+          <img src="../../assets/model/dataCentre/imgSlide1_2.png" alt="" style="width: 100%;height: 100%">
+        </el-carousel-item>
+        <el-carousel-item >
+          <img src="../../assets/model/dataCentre/imgSlide1_3.png" alt="" style="width: 100%;height: 100%">
         </el-carousel-item>
       </el-carousel>
     </div>
     <div class="chart3">
       <el-carousel style="width: 100%;height: 100%" indicator-position="none" height="100%" direction="vertical">
-        <el-carousel-item v-for="item in 4" :key="item">
-          <img src="../../assets/model/dataCentre/imgSlide2.jpg" alt="" style="width: 100%;height: 100%">
+        <el-carousel-item >
+          <img src="../../assets/model/dataCentre/imgSlide2_0.png" alt="" style="width: 100%;height: 100%">
+        </el-carousel-item>
+        <el-carousel-item >
+          <img src="../../assets/model/dataCentre/imgSlide2_1.png" alt="" style="width: 100%;height: 100%">
         </el-carousel-item>
       </el-carousel>
     </div>