diff --git a/src/components/resourceHome/homeIndex.vue b/src/components/resourceHome/homeIndex.vue
new file mode 100644
index 0000000..92db409
--- /dev/null
+++ b/src/components/resourceHome/homeIndex.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="title">
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+  .title{
+    width: 100%;
+    height: 200px;
+  }
+</style>
diff --git a/src/components/SeamlessCarousel.vue b/src/components/slideshow/SeamlessCarousel.vue
similarity index 100%
rename from src/components/SeamlessCarousel.vue
rename to src/components/slideshow/SeamlessCarousel.vue
diff --git a/src/components/environmentCarousel.vue b/src/components/slideshow/environmentCarousel.vue
similarity index 100%
rename from src/components/environmentCarousel.vue
rename to src/components/slideshow/environmentCarousel.vue
diff --git a/src/views/environment/journalism/index.vue b/src/views/environment/journalism/index.vue
index e5dcd8f..ea65b5a 100644
--- a/src/views/environment/journalism/index.vue
+++ b/src/views/environment/journalism/index.vue
@@ -98,7 +98,7 @@
 </template>
 
 <script>
-import environmentCarousel from '@/components/environmentCarousel.vue'
+import environmentCarousel from '@/components/slideshow/environmentCarousel.vue'
 export default {
   name: 'journaLism',
   components: {
diff --git a/src/views/environment/scheme/index.vue b/src/views/environment/scheme/index.vue
index 56c36f0..09a9244 100644
--- a/src/views/environment/scheme/index.vue
+++ b/src/views/environment/scheme/index.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import environmentCarousel from '@/components/environmentCarousel.vue'
+import environmentCarousel from '@/components/slideshow/environmentCarousel.vue'
 export default {
   name: 'HoMe',
   components: {
diff --git a/src/views/resource/home/index.vue b/src/views/resource/home/index.vue
index c82008d..d7fb014 100644
--- a/src/views/resource/home/index.vue
+++ b/src/views/resource/home/index.vue
@@ -13,16 +13,17 @@
         </ul>
       </div>
     </div>
-    <!-- <div class="slideshow">
 
-    </div> -->
     <seamless-carousel />
+
     <div class="row">
       <div class="row-item" v-for="(item, index) in rowItem" :key="index">
           {{ item.title }}
       </div>
     </div>
 
+    <homeIndex/>
+
     <div class="row2">
       <div class="row2-img">
         <img src="../../../assets/images/2.jpg" alt="">
@@ -32,9 +33,7 @@
       </div>
     </div>
 
-    <div class="title">
-      <h1>世界可再生能源的先驱</h1>
-    </div>
+    <homeIndex/>
 
     <div class="row3">
       <div class="row3-item" v-for="(item, index) in rowItem3" :key="index">
@@ -51,9 +50,7 @@
       </div>
     </div>
 
-    <div class="title">
-      <h1>最新的太阳能电池板可再生能源项目</h1>
-    </div>
+    <homeIndex/>
 
     <div class="row3">
       <div class="row3-item" v-for="(item, index) in rowItem3" :key="index">
@@ -64,11 +61,13 @@
 </template>
 
 <script>
-import SeamlessCarousel from '@/components/SeamlessCarousel.vue'
+import SeamlessCarousel from '@/components/slideshow/SeamlessCarousel.vue'
+import homeIndex from '@/components/resourceHome/homeIndex.vue'
 export default {
   name: 'cleanEnergyHome',
   components: {
-    SeamlessCarousel
+    SeamlessCarousel,
+    homeIndex
   },
   data () {
     return {
@@ -187,16 +186,6 @@ export default {
     }
   }
 
-  .title{
-    width: 100%;
-    height: 200px;
-
-    h1{
-      line-height: 200px;
-      text-align: center;
-    }
-  }
-
   .row3{
     width: 1350px;
     height: 1055px;