diff --git a/src/assets/img/home1.png b/src/assets/img/home1.png
new file mode 100644
index 0000000..1635190
Binary files /dev/null and b/src/assets/img/home1.png differ
diff --git a/src/assets/img/home2.jpg b/src/assets/img/home2.jpg
new file mode 100644
index 0000000..fc4f36d
Binary files /dev/null and b/src/assets/img/home2.jpg differ
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 72777f3..100ba72 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -50,23 +50,36 @@
       </div> -->
     </div>
     <!-- 加密货币之门 -->
-    <div class="section illustration_area">
-      <div class="left">
-        <div class="title">{{ $t("homeNewText.aa1") }}</div>
-        <div style="font-size: 20px;margin: 25px auto 60px;">{{ $t("homeNewText.aa2") }}</div>
-        <router-link v-if="!isLogin" class="btn" :to="{name:'signUp'}">
-          <!-- <img src="../../assets/img/fas fa-user-plus@3x.png" alt=""> -->
-          {{ $t("homeNewText.aa3") }}
-        </router-link>
-        <router-link v-else class="btn" :to="{name:'exchange'}">
-          <!-- <img src="../../assets/img/riFill-exchange-fill@3x.png" alt=""> -->
-          {{ $t("homeNewText.aa4") }}
-        </router-link>
-      </div>
-      <div class="right">
-        <img src="../../assets/img/illustration_1.png" alt="" style="width: 456px;height: 473px;">
-      </div>
-    </div>
+	<div>
+		<el-carousel :interval="3000" height="560px" indicator-position="none">
+			<el-carousel-item>
+				<div style="width: 1917px;">
+					<div class="section illustration_area">
+					  <div class="left">
+					    <div class="title">{{ $t("homeNewText.aa1") }}</div>
+					    <div style="font-size: 20px;margin: 25px auto 60px;">{{ $t("homeNewText.aa2") }}</div>
+					    <router-link v-if="!isLogin" class="btn" :to="{name:'signUp'}">
+					      <!-- <img src="../../assets/img/fas fa-user-plus@3x.png" alt=""> -->
+					      {{ $t("homeNewText.aa3") }}
+					    </router-link>
+					    <router-link v-else class="btn" :to="{name:'exchange'}">
+					      <!-- <img src="../../assets/img/riFill-exchange-fill@3x.png" alt=""> -->
+					      {{ $t("homeNewText.aa4") }}
+					    </router-link>
+					  </div>
+					  <div class="right">
+					    <img src="../../assets/img/illustration_1.png" alt="" style="width: 456px;height: 473px;">
+					  </div>
+					</div>
+				</div>
+			</el-carousel-item>
+			<el-carousel-item>
+				<div>
+					<img src="../../assets/img/home2.jpg" alt="">
+				</div>
+			</el-carousel-item>
+		</el-carousel>
+	</div>
 
     <div class="market_table" v-if="marketList[0]">
       <div style="font-size: 42px;text-align: center;font-weight: bold;color: #101010;">{{ $t("homeNewText.aa5") }}</div>
@@ -633,16 +646,16 @@
 
 <script>
 import Vue from "vue";
-// import VueAwesomeSwiper from "vue-awesome-swiper";
+import VueAwesomeSwiper from "vue-awesome-swiper";
 import vueQr from "vue-qr";
 import Home from "@/api/home";
-// import "swiper/swiper-bundle.css";
+import "swiper/swiper-bundle.css";
 import Socket from "@/api/server/Socket.js";
 import College from "@/api/college";
 import Member from "@/api/member";
 import * as d3 from 'd3';
 import priceLine from "../market/price-line";
-// Vue.use(VueAwesomeSwiper);
+Vue.use(VueAwesomeSwiper);
 export default {
   components: {
     vueQr,
@@ -718,6 +731,16 @@ export default {
             el: ".swiper-pagination",
             },
         },
+		swipere: {
+			loopedSlides: 6,
+			slidesPerView: 1,
+			loop: true,
+			// autoplay: {
+			// 	delay: 2000,
+			// 	stopOnLastSlide: false,
+			// 	disableOnInteraction: false
+			// },
+		},
         bannerList: [],
         articleList: [],
         homeList: [],