diff --git a/src/router/index.js b/src/router/index.js
index cf1eca3..caf9943 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,7 +7,7 @@ const routes = [
   {
     path: '/',
     name: 'index',
-    component: () => import(/* webpackChunkName: "about" */ '../views/shouye/index')
+    component: () => import(/* webpackChunkName: "about" */ '../views/index')
   },
   {
     path: '/sp',
diff --git a/src/views/shouye/components/bottom.vue b/src/views/index/components/bottom.vue
similarity index 100%
rename from src/views/shouye/components/bottom.vue
rename to src/views/index/components/bottom.vue
diff --git a/src/views/shouye/components/news_center.vue b/src/views/index/components/news_center.vue
similarity index 100%
rename from src/views/shouye/components/news_center.vue
rename to src/views/index/components/news_center.vue
diff --git a/src/views/shouye/components/party_building_activities.vue b/src/views/index/components/party_building_activities.vue
similarity index 100%
rename from src/views/shouye/components/party_building_activities.vue
rename to src/views/index/components/party_building_activities.vue
diff --git a/src/views/shouye/components/scientific_research_trends.vue b/src/views/index/components/scientific_research_trends.vue
similarity index 100%
rename from src/views/shouye/components/scientific_research_trends.vue
rename to src/views/index/components/scientific_research_trends.vue
diff --git a/src/views/index/components/slideshow_card.vue b/src/views/index/components/slideshow_card.vue
index 0e92ca8..ce6f7c6 100644
--- a/src/views/index/components/slideshow_card.vue
+++ b/src/views/index/components/slideshow_card.vue
@@ -177,7 +177,7 @@ export default {
   position: relative;
 
   ul {
-    width: 90%;
+    width: 71.5%;
     height: 100%;
     margin: 0 auto;
     text-align: center;
@@ -194,7 +194,6 @@ export default {
     list-style-type: none;
     transition: 0.3s;
     cursor: pointer;
-    border: 1px solid #DA2D2D;
     background-color: #fff;
 
     .card_img {
@@ -238,6 +237,7 @@ export default {
   left: 30rem;
   z-index: 100;
   transform: scale(1);
+  border: 1px solid #DA2D2D;
 }
 
 .four {
diff --git a/src/views/shouye/components/teaching_student.vue b/src/views/index/components/teaching_student.vue
similarity index 100%
rename from src/views/shouye/components/teaching_student.vue
rename to src/views/index/components/teaching_student.vue
diff --git a/src/views/shouye/css/comment.css b/src/views/index/css/comment.css
similarity index 100%
rename from src/views/shouye/css/comment.css
rename to src/views/index/css/comment.css
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 279a587..8dbed65 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="index">
+  <div>
     <el-row>
       <el-col>
         <!--首页图片-->
@@ -8,1224 +8,66 @@
         </div>
       </el-col>
     </el-row>
-    <!--新闻中心-->
-    <div class="new_center">
-      <el-row>
-        <el-col :offset="3" :span="18">
-          <!--正文部分-->
-          <div class="news_center">
-            <!--标题-->
-            <div class="title">{{ $t('message.news_center') }}</div>
-            <div class="divider">
-              <div class="divider_left">
-
-              </div>
-
-
-              <el-divider class="name">News Center</el-divider>
-            </div>
-            <!--录播图-->
-            <div class="slideshow">
-              <el-carousel trigger="click" height="51rem">
-                <el-carousel-item v-for="item in 4" :key="item">
-                  <div>
-                    <img src="@/assets/index/t1@2x.png" alt="">
-                    <div class="bottom_title">
-                      <el-row>
-                        <el-col :offset="2" :span="18">
-                          {{ item }}喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
-                        </el-col>
-                      </el-row>
-                    </div>
-                  </div>
-                </el-carousel-item>
-              </el-carousel>
-            </div>
-            <!--轮播图下的新闻-->
-            <div class="new_context">
-              <el-row>
-                <el-col :span="6">
-                  <div class="new_content">
-                    <div class="thumbnail">
-                      <img src="@/assets/index/t2.png" alt="">
-                    </div>
-                    <div class="new_title">
-                      <p>
-                        信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
-                      </p>
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="6">
-                  <div class="new_content">
-                    <div class="thumbnail">
-                      <img src="@/assets/index/t3.png" alt="">
-                    </div>
-                    <div class="new_title">
-                      <p>
-                        “学党史 担使命”一班一品牌，班班展风采——信息科学与技术学院2020-2021…
-                      </p>
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="6">
-                  <div class="new_content">
-                    <div class="thumbnail">
-                      <img src="@/assets/index/t4.png" alt="">
-                    </div>
-                    <div class="new_title">
-                      <p>
-                        西南交大第十届青年教师教学竞赛信息学院初赛顺利举行
-                      </p>
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="6">
-                  <div class="new_content">
-                    <div class="thumbnail">
-                      <img src="@/assets/index/t5.png" alt="">
-                    </div>
-                    <div class="new_title">
-                      <p>
-                        “奋斗青春 梦想起航” 西南交通大学信息科学与技术学院2021级新生开学典礼
-                      </p>
-                    </div>
-                  </div>
-                </el-col>
-              </el-row>
-            </div>
-          </div>
-
-          <!--更多-->
-          <div class="more_title">{{ $t('message.more') }}</div>
-          <div class="more_img">
-            <img src="@/assets/index/sy_icon_zhdl.png" alt="">
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-    <!--科学研究-->
-    <div class="scientific_research">
-      <el-row>
-        <el-col :offset="3" :span="18">
-          <div>
-            <!--标题-->
-            <div class="title" style="background: #FFFFFF; color: #1956BC;margin-bottom: 2rem;">科学研究</div>
-            <div class="divider" style="width: 80rem;">
-              <el-divider class="name">
-                <div>Scientific research trends</div>
-              </el-divider>
-            </div>
-
-            <el-row>
-              <el-col :offset="3" :span="18">
-                <div class="first">
-                  <el-row>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh1.png" alt="">
-                        </div>
-                        <div class="text">科研院关于组织申报国家重点研发计划 …</div>
-                        <div class="time">2021.11.10</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh6.png" alt="">
-                        </div>
-                        <div class="text">科技部关于发布国家重点研发计划“科…</div>
-                        <div class="time">2021.10.21</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                  </el-row>
-                  <el-row>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh2.png" alt="">
-                        </div>
-                        <div class="text">科研院关于组织申报国家重点研发计划…</div>
-                        <div class="time">2021.11.10</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh7.png" alt="">
-                        </div>
-                        <div class="text">西南交通大学关于2021年度国家自然…</div>
-                        <div class="time">2021.10.21</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                  </el-row>
-                  <el-row>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh3.png" alt="">
-                        </div>
-                        <div class="text">科研院关于组织申报国家重点研发计划…</div>
-                        <div class="time">2021.11.10</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh8.png" alt="">
-                        </div>
-                        <div class="text">关于召开2021年度国家自然科学基金项…</div>
-                        <div class="time">2021.10.21</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                  </el-row>
-                  <el-row>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh4.png" alt="">
-                        </div>
-                        <div class="text">关于2021年度四川省科技奖励提名工作…</div>
-                        <div class="time">2021.11.10</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh9.png" alt="">
-                        </div>
-                        <div class="text">《成都市经济和信息化局关于更新完善…</div>
-                        <div class="time">2021.10.21</div>
-                      </div>
-                      <div style="margin-left: 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                  </el-row>
-                  <el-row>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh5.png" alt="">
-                        </div>
-                        <div class="text">国家自然科学基金委员会中德科学中心…</div>
-                        <div class="time">2021.11.10</div>
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <div class="row_text">
-                        <div class="img">
-                          <img src="@/assets/index/sy_icon_bh10.png" alt="">
-                        </div>
-                        <div class="text">关于征集适宜向“一带一路”国家转移的…</div>
-                        <div class="time">2021.10.21</div>
-                      </div>
-                    </el-col>
-                  </el-row>
-
-
-                </div>
-              </el-col>
-            </el-row>
-
-            <!--更多-->
-            <div class="more_title" style="margin-bottom: 2rem;background: #FFFFFF; color: #1956BC">
-              {{ $t('message.more') }}
-            </div>
-            <div class="divider" style="width: 66rem;">
-              <el-divider>
-                <div class="name">学术交流</div>
-              </el-divider>
-            </div>
-            <el-row>
-              <el-col :offset="3" :span="18">
-                <div class="communication">
-                  <div class="communication_row">
-                    <el-row>
-                      <el-col :span="12">
-                        <el-row>
-                          <el-col :span="2" :offset="1">
-                            <div class="communication_img">
-                              <img src="@/assets/index/sy_icon_b1.png" alt="">
-                            </div>
-                          </el-col>
-                          <el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
-                          <el-col :span="4">
-                            <div class="communication_time">
-                              2021.10.11
-                            </div>
-                          </el-col>
-                        </el-row>
-                        <div style="margin:2rem 0 2rem 4rem">
-                          <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                        </div>
-                      </el-col>
-                      <el-col :span="12">
-                        <el-row>
-                          <el-col :span="3">
-                            <div class="communication_img">
-                              <img src="@/assets/index/sy_icon_b1.png" alt="">
-                            </div>
-                          </el-col>
-                          <el-col :span="16"><span>范平志教授学术讲座-《妙语茶香之科…</span></el-col>
-                          <el-col :span="4">
-                            <div class="communication_time">
-                              2021.10.11
-                            </div>
-                          </el-col>
-                        </el-row>
-                        <div style="margin:2rem 0 2rem 4rem">
-                          <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                        </div>
-                      </el-col>
-                    </el-row>
-                  </div>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-row>
-                        <el-col :span="3">
-                          <div class="communication_img">
-                            <img src="@/assets/index/sy_icon_b1.png" alt="">
-                          </div>
-                        </el-col>
-                        <el-col :span="16"><span>徐加鹏博士学术报告-通信受限随机系…</span></el-col>
-                        <el-col :span="4">
-                          <div class="communication_time">
-                            2021.10.11
-                          </div>
-                        </el-col>
-                      </el-row>
-                      <div style="margin:2rem 0 2rem 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <el-row>
-                        <el-col :span="3">
-                          <div class="communication_img">
-                            <img src="@/assets/index/sy_icon_b1.png" alt="">
-                          </div>
-                        </el-col>
-                        <el-col :span="16"><span>复旦大学蒋轶教授学术报告</span></el-col>
-                        <el-col :span="4">
-                          <div class="communication_time">
-                            2021.10.11
-                          </div>
-                        </el-col>
-                      </el-row>
-                      <div style="margin:2rem 0 2rem 4rem">
-                        <hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
-                      </div>
-                    </el-col>
-                  </el-row>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-row>
-                        <el-col :span="3">
-                          <div class="communication_img">
-                            <img src="@/assets/index/sy_icon_b1.png" alt="">
-                          </div>
-                        </el-col>
-                        <el-col :span="16"><span>剑桥大学博士后李鹤博士学术报告：异…</span></el-col>
-                        <el-col :span="4">
-                          <div class="communication_time">
-                            2021.10.11
-                          </div>
-                        </el-col>
-                      </el-row>
-                      <div style="margin:2rem 0 0 4rem">
-                        <!--<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">-->
-
-                      </div>
-                    </el-col>
-                    <el-col :span="12">
-                      <el-row>
-                        <el-col :span="3">
-                          <div class="communication_img">
-                            <img src="@/assets/index/sy_icon_b1.png" alt="">
-                          </div>
-                        </el-col>
-                        <el-col :span="16"><span>剑桥大学博士后李鹤博士学术报告：异…</span></el-col>
-                        <el-col :span="4">
-                          <div class="communication_time">
-                            2021.10.11
-                          </div>
-                        </el-col>
-                      </el-row>
-                      <div style="margin:2rem 0 0 4rem">
-                        <!--<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">-->
-                      </div>
-                    </el-col>
-                  </el-row>
-                </div>
-              </el-col>
-            </el-row>
-
-            <!--更多-->
-            <div class="more_title" style="background: #FFFFFF; color: #1956BC">{{ $t('message.more') }}</div>
-            <div class="more_img" style="margin-bottom: 1rem">
-              <img src="@/assets/index/sy_icon_zhdb.png" alt="">
-            </div>
-
-
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-    <!--党群工作-->
-    <div class="party_building_active">
-
-      <el-row>
-        <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="3">
-          <div class="grid-content"></div>
-        </el-col>
-        <el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="18">
-          <!--标题-->
-          <div class="title" style="background: #DA2D2D; color: #FFFFFF;margin-bottom: 2rem;">党群工作</div>
-          <div class="divider" style="width: 80rem;">
-            <el-divider>
-              <div class="name">Party Building Activities</div>
-            </el-divider>
-          </div>
-
-          <div>
-            <SlideshowCard/>
-          </div>
-
-          <!--更多-->
-          <div class="more_title" style="background: #DA2D2D; color: #FFFFFF">{{ $t('message.more') }}</div>
-
-          <div class="more_img" style="margin-bottom: 1rem">
-            <img src="@/assets/index/sy_icon_zhdh.png" alt="">
-          </div>
-
-
-          <div class="divider" style="width: 64rem; margin-top: 2rem;">
-            <el-divider>
-              <div class="name">党史教育</div>
-            </el-divider>
-          </div>
-
-          <div class="phe">
-            <el-row>
-              <el-col :offset="3" :span="18">
-                <el-row>
-                  <el-col :span="4">
-                    <div class="phe_img">
-                      <img src="@/assets/index/1.png" alt="">
-                    </div>
-                  </el-col>
-                  <el-col :span="17">
-                    <div class="phe_context">
-                      <div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
-                      <div class="phe_context_text">
-                        为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="3">
-                    <div class="phe_time">2021.11.10</div>
-                  </el-col>
-                </el-row>
-                <el-divider></el-divider>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :offset="3" :span="18">
-                <el-row>
-                  <el-col :span="4">
-                    <div class="phe_img">
-                      <img src="@/assets/index/1.png" alt="">
-                    </div>
-                  </el-col>
-                  <el-col :span="17">
-                    <div class="phe_context">
-                      <div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
-                      <div class="phe_context_text">
-                        为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="3">
-                    <div class="phe_time">2021.11.10</div>
-                  </el-col>
-                </el-row>
-                <el-divider></el-divider>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :offset="3" :span="18">
-                <el-row>
-                  <el-col :span="4">
-                    <div class="phe_img">
-                      <img src="@/assets/index/1.png" alt="">
-                    </div>
-                  </el-col>
-                  <el-col :span="17">
-                    <div class="phe_context">
-                      <div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
-                      <div class="phe_context_text">
-                        为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="3">
-                    <div class="phe_time">2021.11.10</div>
-                  </el-col>
-                </el-row>
-                <el-divider></el-divider>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :offset="3" :span="18">
-                <el-row>
-                  <el-col :span="4">
-                    <div class="phe_img">
-                      <img src="@/assets/index/1.png" alt="">
-                    </div>
-                  </el-col>
-                  <el-col :span="17">
-                    <div class="phe_context">
-                      <div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
-                      <div class="phe_context_text">
-                        为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="3">
-                    <div class="phe_time">2021.11.10</div>
-                  </el-col>
-                </el-row>
-              </el-col>
-            </el-row>
-          </div>
-
-        </el-col>
-      </el-row>
-    </div>
-    <!--教学工作-->
-    <div class="teaching_and_student">
-      <el-row>
-        <el-col :xs="1" :sm="1" :md="2" :lg="3" :xl="5">
-          <div class="grid-content"></div>
-        </el-col>
-        <el-col :xs="22" :sm="22" :md="20" :lg="18" :xl="14">
-          <!--教学工作-->
-          <div class="title">教学工作</div>
-          <div class="divider" style="width: 76rem;">
-            <el-divider>
-              <div class="name">Teaching and student</div>
-            </el-divider>
-          </div>
-          <div class="tw">
-            <el-row>
-              <el-col :span="3">
-                <div class="tw_time">
-                  <div class="tw_top">
-                    28
-                  </div>
-                  <div class="tw_bottoms">
-                    2021-10
-                  </div>
-                </div>
-              </el-col>
-              <el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
-                <div class="tw_context">
-                  <div class="tw_context_title">
-                    不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                  </div>
-                  <div class="tw_context_text">
-                    为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                  </div>
-                </div>
-              </el-col>
-              <el-col :span="3" :offset="1">
-                <div class="tw_img">
-                  <img src="@/assets/index/tw1.png" alt="">
-                </div>
-              </el-col>
-            </el-row>
-            <el-divider></el-divider>
-            <el-row>
-              <el-row>
-                <el-col :span="3">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="3" :offset="1">
-                  <div class="tw_img">
-                    <img src="@/assets/index/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <el-divider></el-divider>
-            </el-row>
-            <el-row>
-              <el-row>
-                <el-col :span="3">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="3" :offset="1">
-                  <div class="tw_img">
-                    <img src="@/assets/index/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <el-divider></el-divider>
-            </el-row>
-            <el-row>
-              <el-row>
-                <el-col :span="3">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="3" :offset="1">
-                  <div class="tw_img">
-                    <img src="@/assets/index/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <el-divider></el-divider>
-            </el-row>
-            <el-row>
-              <el-row>
-                <el-col :span="3">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="15" :sm="16" :md="16" :lg="17" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="3" :offset="1">
-                  <div class="tw_img">
-                    <img src="@/assets/index/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-            </el-row>
-          </div>
-
-
-          <!--更多-->
-          <div class="more_title">{{ $t('message.more') }}</div>
-          <div class="more_img">
-            <img src="@/assets/index/sy_icon_zhdl.png" alt="">
-          </div>
-        </el-col>
-        <el-col :xs="1" :sm="1" :md="2" :lg="3" :xl="3">
-          <div class="grid-content"></div>
-        </el-col>
-      </el-row>
-    </div>
-    <!--下方开始-->
-        <div class="bottom">
-          <el-row>
-            <el-col :xs="0" :sm="1" :md="3" :lg="5" :xl="6">
-              <div class="grid-content"></div>
-            </el-col>
-            <el-col :xs="24" :sm="22" :md="18" :lg="14" :xl="12">
-              <div class="table">
-                <table>
-                  <tr>
-                    <td rowspan="6">
-                      <div class="left">
-                        <div class="table_img">
-                          <img src="@/assets/index/sy_icon_sjzx.png" alt="">
-                        </div>
-                      </div>
-                    </td>
-                    <td>
-                      <div class="right one">
-                        <div class="table_tr_left">职工人数</div>
-                        <div class="table_tr_right">667人</div>
-                      </div>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>
-                      <div class="right tow">
-                        <div class="table_tr_left">在校学生人数</div>
-                        <div class="table_tr_right">667人</div>
-                      </div>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>
-                      <div class="right three">
-                        <div class="table_tr_left">研究生导师</div>
-                        <div class="table_tr_right">667人</div>
-                      </div>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>
-                      <div class="right fourth">
-                        <div class="table_tr_left">科研团队</div>
-                        <div class="table_tr_right">28000人</div>
-                      </div>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>
-                      <div class="right five">
-                        <div class="table_tr_left">高层次人才</div>
-                        <div class="table_tr_right">18个</div>
-                      </div>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>
-                      <div class="right sex">
-                        <div class="table_tr_left">重大项目</div>
-                        <div class="table_tr_right">280000个</div>
-                      </div>
-                    </td>
-                  </tr>
-                </table>
-              </div>
-            </el-col>
-          </el-row>
-        </div>
-
-
+    <el-row>
+      <el-col class="interval">
+        <NewsCenter/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col>
+        <ResearchTrends/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col>
+        <PartyBuildingActivities/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col>
+        <TeachingStudent/>
+      </el-col>
+    </el-row>
+    <el-row v-show="width>=1100">
+      <el-col>
+        <Bottom/>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
-import SlideshowCard from './components/slideshow_card'
-
+import NewsCenter from './components/news_center'
+import PartyBuildingActivities from './components/party_building_activities.vue'
+import ResearchTrends from './components/scientific_research_trends.vue'
+import SlideshowCard from './components/slideshow_card.vue'
+import TeachingStudent from './components/teaching_student.vue'
+import Bottom from './components/bottom.vue'
 export default {
   name: "index",
-  components: {
-    SlideshowCard
+  components:{
+    NewsCenter,
+    PartyBuildingActivities,
+    ResearchTrends,
+    SlideshowCard,
+    TeachingStudent,
+    Bottom
   },
-  data() {
-    return {
-      scroll: 0,
+  data(){
+    return{
+      width:document.documentElement.clientWidth
     }
   },
-  mounted() { //监听scroll方法
-    window.addEventListener('scroll', this.handleScroll)
-  },
-  beforeDestroy() { //及时释放
-    window.removeEventListener('scroll', this.handleScroll)
-  },
-  methods: {
-    handleScroll() {
-      /*
-      if (window.pageYOffset < 960) {
-        if (window.pageYOffset > this.scroll) {
-          console.log("向下")
-
-          window.scrollTo({top: 960, behavior: 'smooth',})
-          // this.backtop(960,false);
-        } else if (window.pageYOffset < this.scroll) {
-          console.log("向上")
-
-          // this.backtop(0,true);
-          window.scrollTo({top: -500, behavior: 'smooth',})
-        }
-      }
-      this.scroll = window.pageYOffset
-      console.log(window.pageYOffset)
-      */
-    },	//返回顶部
-    backtop(top, type) {
-      // 实现滚动效果
-      const timeTop = setInterval(() => {
-        if (type) {
-          document.body.scrollTop = document.documentElement.scrollTop = top -= 50
-          if (top <= 0) {
-            clearInterval(timeTop)
-          }
-        }
-      }, 10)
-    },
-  }
 }
 </script>
 
 <style scoped lang="scss">
-.el-divider__text {
-
-  background-color: transparent;
-}
-
-#index {
-  .title {
-    margin: 4rem auto 1rem;
-    width: 23.2rem;
-    height: 5.9rem;
-    background: #1956BC;
-    border-radius: 2.95rem;
-    font-size: 2.6rem;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #FFFFFF;
-    line-height: 5.9rem;
-    text-align: center;
-  }
-
-  .more_title {
-    margin: 4rem auto 1rem;
-    width: 12.8rem;
-    height: 3.6rem;
-    background: #1956BC;
-    border-radius: 1.8rem;
-    font-size: 1.4rem;
-    line-height: 3.6rem;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
-    color: #FFFFFF;
-    text-align: center;
-  }
-
-  .more_img {
-    text-align: center;
-    margin-top: 2rem;
-  }
-
-  .divider {
-    width: 70rem;
-    margin: 0 auto 1rem;
-    clear: left;
-    height: 3rem;
-    line-height: 3rem;
-
-    .name {
-      font-size: 2rem;
-      background-color: transparent;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #1956BC;
-      margin-left: 3rem;
-      margin-right: 3rem;
-    }
-  }
-
-  .top {
-    img {
-      width: 100%;
-    }
-  }
-
-  .news_center {
-    .slideshow {
-      width: 100%;
-
-      .el-carousel__arrow {
-        top: 93%;
-        display: block;
-      }
-
-      .bottom_title {
-        width: 100%;
-        height: 7rem;
-        background: #1956BC;
-        opacity: 0.89;
-        position: absolute;
-        bottom: 0;
-        line-height: 7rem;
-        font-size: 2rem;
-        font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 400;
-        color: #FFFFFF;
-      }
-
-      img {
-        width: 100%;
-      }
-    }
-
-    .new_context {
-
-      margin-top: 3rem;
-
-      .new_content {
-        margin: 0 auto;
-        height: 23rem;
-        width: 22.6rem;
-        border: 0.1rem solid #CAD9F3;
-        border-radius: 1.4rem;
-      }
-
-      .new_content:hover {
-        box-shadow: 0rem 0rem 0.7rem 0rem rgba(18, 69, 155, 0.59);
-      }
-
-      .thumbnail {
-        height: 14rem;
-      }
-
-      .new_title {
-        font-size: 1.6rem;
-        font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 400;
-        margin: 1rem 1rem 0rem 1rem;
-        color: #262626;
-        line-height: 2.2rem;
-      }
-    }
-
-
-  }
-
-  .scientific_research {
-    margin-top: 2rem;
-    padding-top: 4rem;
-    padding-bottom: 1rem;
+.top {
+  img {
     width: 100%;
-    background-image: url("../../assets/index/scientific_research_trends/sy_bj2.png");
-
-    .first {
-      padding-top: 1rem;
-      background: rgba(255, 255, 255, 0.9);
-      border-radius: 2.4rem;
-
-      .divider {
-        margin: 0 auto;
-        margin: 0;
-        padding: 0;
-        width: 44rem;
-      }
-
-      .row_text {
-        margin-top: 2rem;
-        height: 2.6rem;
-        line-height: 2.6rem;
-        margin-bottom: 2rem;
-        color: #1956BC;
-        font-family: PingFangSC-Medium, PingFang SC;
-        clear: left;
-
-        div {
-          float: left;
-        }
-
-        .img {
-          margin-left: 2.5rem;
-        }
-
-        .text {
-          margin-left: 1rem;
-          font-size: 1.8rem;
-          font-weight: 500;
-        }
-
-        .time {
-          text-align: center;
-          font-size: 1.2rem;
-          font-family: PingFangSC-Regular, PingFang SC;
-          font-weight: 400;
-          width: 7.2rem;
-          height: 2.2rem;
-          line-height: 2.2rem;
-          border-radius: 1.1rem;
-          border: 0.1rem solid #1956BC;
-          margin-left: 3rem;
-        }
-      }
-    }
-
-    .communication {
-      width: 100%;
-      margin-top: 1rem;
-      //height: 24rem;
-      background: rgba(255, 255, 255, 0.9);
-      padding-top: 3rem;
-
-      span {
-        line-height: 2.6rem;
-        font-size: 1.8rem;
-        font-weight: 500;
-        color: #1956BC;
-      }
-
-      .communication_img {
-        width: 100%;
-        //height: 2.6rem;
-        //margin-left: 3rem;
-
-      }
-
-      .communication_time {
-        font-size: 1.2rem;
-        font-weight: 400;
-        color: #1956BC;
-        line-height: 2.6rem;
-      }
-    }
   }
-
-  .party_building_active {
-    background-image: url('../../assets/index/party_building_activities/sy_bj3.png');
-
-    .phe {
-      font-family: PingFangSC-Medium, PingFang SC;
-      margin-top: 4rem;
-      margin-bottom: 4rem;
-
-      .phe_context {
-        .phe_context_title {
-          cursor: pointer;
-          font-size: 2rem;
-          font-weight: 600;
-          color: #161616;
-          letter-spacing: 2px;
-        }
-
-        .phe_context_title:hover {
-          color: #DA2D2D;
-        }
-
-        .phe_context_text {
-          margin-top: 0.8rem;
-          font-size: 1.6rem;
-          color: #565656;
-          letter-spacing: 1px;
-        }
-      }
-
-      .phe_time {
-        text-align: right;
-        font-size: 2rem;
-        font-weight: 500;
-        color: #565656;
-        letter-spacing: 2px;
-      }
-    }
-  }
-
-  .teaching_and_student {
-
-    .tw {
-      margin-top: 4rem;
-
-      .tw_time {
-        border-right: .2rem solid #D5D5D5;
-        height: 10rem;
-        width: 10rem;
-        color: #1956BC;
-        text-align: center;
-
-        .tw_top {
-          height: 8rem;
-          width: 100%;
-          line-height: 8rem;
-          font-size: 5.2rem;
-        }
-
-        .tw_bottoms {
-          height: 2rem;
-          width: 100%;
-          font-size: 1.4rem;
-        }
-      }
-
-      .tw_context {
-
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #161616;
-
-        .tw_context_title {
-          font-size: 2rem;
-          font-weight: 600;
-          padding-right: 2rem;
-
-        }
-
-        .tw_context_text {
-          margin-top: .8rem;
-          font-size: 1.6rem;
-          font-weight: 400;
-        }
-      }
-
-      .tw_img {
-        width: 7vw;
-
-        img {
-          width: 100%;
-        }
-      }
-
-    }
-
-  }
-
-  .bottom {
-    margin-top: 2rem;
-    background-image: url('../../assets/index/bottom/sy_bj4.png');
-    //height: 66rem;
-
-    .table {
-      margin: 4rem 0 0 0;
-      width: 100%;
-
-
-      tr {
-        width: 100%;
-      }
-
-      td {
-        width: 50%;
-        margin: 0;
-        padding: 0;
-      }
-
-      .left {
-        width: 100%;
-        height: 55rem;
-
-        .table_img {
-          //width: 17.6vw;
-          text-align: right;
-          padding-top: 6rem;
-        }
-      }
-
-      .right {
-        width: 123%;
-        height: 6.8rem;
-        clear: left;
-        position: relative;
-        color: #FFFFFF;
-
-        .table_tr_left {
-          position: absolute;
-          font-size: 1.6rem;
-          height: 100%;
-          line-height: 6.8rem;
-          float: left;
-          left: 12.5rem;
-        }
-
-        .table_tr_right {
-          position: absolute;
-          font-size: 2.4rem;
-          float: left;
-          right: 3.3rem;
-          height: 100%;
-          line-height: 6.8rem;
-        }
-      }
-
-      .one {
-        background-image: url("../../assets/index/bottom/sy_icon_zxxs.png");
-      }
-
-      .tow {
-        margin-left: 6rem;
-        background-image: url("../../assets/index/bottom/sy_icon_yjs.png");
-      }
-
-      .three {
-        margin-left: 12rem;
-        background-image: url("../../assets/index/bottom/sy_icon_kytd.png");
-      }
-
-      .fourth {
-        margin-left: 18rem;
-        background-image: url("../../assets/index/bottom/sy_icon_gccrc.png");
-      }
-
-      .five {
-        margin-left: 12rem;
-        background-image: url("../../assets/index/bottom/sy_icon_gzrs.png");
-      }
-
-      .sex {
-        margin-left: 6rem;
-        background-image: url("../../assets/index/bottom/sy_icon_zxxs.png");
-      }
-
-    }
-
-  }
-
+}
+.interval{
+  margin-top: 5rem;
 }
 </style>
diff --git a/src/views/shouye/components/slideshow_card.vue b/src/views/shouye/components/slideshow_card.vue
deleted file mode 100644
index ce6f7c6..0000000
--- a/src/views/shouye/components/slideshow_card.vue
+++ /dev/null
@@ -1,282 +0,0 @@
-<template>
-  <div class="banner-card">
-    <ul class="ul">
-      <li>
-        <div class="card_img">
-          <img
-            src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2699863970,3643884691&fm=26&gp=0.jpg"
-            alt=""/>
-        </div>
-        <div class="card_title">
-          建党百年 信息报国——信息科学与技术学院备份
-        </div>
-
-      </li>
-      <li>
-        <div class="card_img">
-          <img
-            src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2699863970,3643884691&fm=26&gp=0.jpg"
-            alt=""
-          />
-        </div>
-        <div class="card_title">
-          建党百年 信息报国——信息科学与技术学院备份
-        </div>
-      </li>
-      <li>
-        <div class="card_img">
-
-          <img
-            src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2699863970,3643884691&fm=26&gp=0.jpg"
-            alt=""
-          />
-        </div>
-        <div class="card_title">
-          建党百年 信息报国——信息科学与技术学院备份
-        </div>
-      </li>
-      <li>
-        <div class="card_img">
-
-          <img
-            src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2699863970,3643884691&fm=26&gp=0.jpg"
-            alt=""
-          />
-        </div>
-        <div class="card_title">
-          建党百年 信息报国——信息科学与技术学院备份
-        </div>
-      </li>
-      <li>
-        <div class="card_img">
-
-          <img
-            src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2699863970,3643884691&fm=26&gp=0.jpg"
-            alt=""
-          />
-        </div>
-        <div class="card_title">
-          建党百年 信息报国——信息科学与技术学院备份
-        </div>
-      </li>
-      <li>
-        <div class="card_img">
-
-          <img
-            src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2699863970,3643884691&fm=26&gp=0.jpg"
-            alt=""
-          />
-        </div>
-        <div class="card_title">
-          建党百年 信息报国——信息科学与技术学院备份
-        </div>
-      </li>
-    </ul>
-    <div class="left-btn">
-        <span>
-          <button class="el-carousel__arrow el-carousel__arrow--left"><i class="el-icon-arrow-left"></i></button>
-        </span>
-    </div>
-    <div class="right-btn">
-      <span>
-        <button class="el-carousel__arrow el-carousel__arrow--right"><i class="el-icon-arrow-right"></i></button>
-      </span>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      default: {
-//默认值
-        classArray: ["one", "two", "three", "four", "five", "six"],
-        leftSlider: true,
-      },
-      bannerWrap: null,
-      time: null,
-      lisArray: null, //卡片的集合
-      classlist: null,
-      leftBtn: null,
-      rightBtn: null,
-    };
-  },
-  methods: {
-    constructor() {
-      this.bannerWrap = document.getElementsByClassName("banner-card")[0];
-      let lis = this.bannerWrap.getElementsByTagName("li");
-// 将类数组转化为数组
-      this.lisArray = Array.from(lis);
-      this.classlist = this.default.classArray;
-//获取左右按钮
-      this.leftBtn = document.getElementsByClassName("left-btn")[0];
-      this.rightBtn = document.getElementsByClassName("right-btn")[0];
-
-      this.move(this.classlist);
-      this.timer();
-      this.listenMouseEvent();
-      this.listenMouseClickBtnEvent();
-    },
-//移动
-    move(list) {
-      this.lisArray.forEach((value, index) => {
-        value.setAttribute("class", list[index]); //给每一个li添加对应的类名
-      });
-    },
-// 向左运动
-    leftMove() {
-      let popValue = this.classlist.pop(); //删除并返回数组的最后一个
-      this.classlist.unshift(popValue); //把刚才删除的最后一个添加到数组开头
-      this.move(this.classlist); //调用移动方法，每一个li会根据新数组的位置进行移动，从而实现轮播的效果
-    },
-// 向右运动
-    rightMove() {
-      let shiftValue = this.classlist.shift(); //删除并返回数组的第一个
-      this.classlist.push(shiftValue); //把刚才删除的第一个push到数组末尾
-      this.move(this.classlist);
-    },
-// 定时器自动切换
-    timer() {
-      this.time = setInterval(this.leftMove.bind(this), 1000);
-    },
-// 鼠标移入移出事件
-    listenMouseEvent() {
-      this.bannerWrap.addEventListener("mouseover", () => {
-        clearInterval(this.time);
-        this.leftBtn.style.cssText = `left: 6rem; opacity: 1`;
-        this.rightBtn.style.cssText = `right: 6rem; opacity: 1`;
-      });
-      this.bannerWrap.addEventListener("mouseout", () => {
-        this.timer();
-        this.leftBtn.style.cssText = `left: 2rem; opacity: 0`;
-        this.rightBtn.style.cssText = `right: 2rem; opacity: 0`;
-      });
-    },
-// 点击左右按钮事件
-    listenMouseClickBtnEvent() {
-      this.leftBtn.addEventListener("click", () => {
-        this.leftMove();
-      });
-      this.rightBtn.addEventListener("click", () => {
-        this.rightMove();
-      });
-    },
-  },
-  mounted() {
-    this.constructor();
-  },
-};
-
-</script>
-<style scoped lang="scss">
-
-.banner-card {
-  width: 100%;
-  height: 50rem;
-  //background: #f5f5f5;
-  position: relative;
-
-  ul {
-    width: 71.5%;
-    height: 100%;
-    margin: 0 auto;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-  }
-
-  li {
-    border-radius: 2rem;
-    width: 40rem;
-    height: 40rem;
-    position: absolute;
-    top: 2.5rem;
-    list-style-type: none;
-    transition: 0.3s;
-    cursor: pointer;
-    background-color: #fff;
-
-    .card_img {
-      width: 40rem;
-      height: 30rem;
-
-      img {
-        border-radius:2rem 2rem 0 0;
-        display: inline-block;
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-    .card_title{
-      font-size: 2rem;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #1C1C1C;
-      text-align: left;
-      width: 36rem;
-      margin: 2rem auto;
-    }
-
-  }
-}
-
-.one {
-  z-index: 98;
-  left: -6rem;
-  transform: scale(0.8);
-}
-
-.two {
-  z-index: 99;
-  left: 14rem;
-  transform: scale(0.9);
-}
-
-.three {
-  left: 30rem;
-  z-index: 100;
-  transform: scale(1);
-  border: 1px solid #DA2D2D;
-}
-
-.four {
-  z-index: 99;
-  left: 48rem;
-  transform: scale(0.9);
-}
-
-.five {
-  left: 66rem;
-  z-index: 98;
-  transform: scale(0.8);
-}
-
-.six {
-  left: 74rem;
-  z-index: 96;
-  transform: scale(0.7);
-}
-
-.banner-card .left-btn ,.right-btn {
-  transition: 0.3s;
-  position: absolute;
-  top: 20rem;
-  cursor: pointer;
-  opacity: 0;
-}
-
-.banner-card div span {
-  display: inline-block;
-  font-size: 2.5rem;
-}
-
-.left-btn {
-  left: 2rem;
-}
-
-.right-btn {
-  right: 10rem;
-}
-
-</style>
diff --git a/src/views/shouye/index.vue b/src/views/shouye/index.vue
deleted file mode 100644
index 8dbed65..0000000
--- a/src/views/shouye/index.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col>
-        <!--首页图片-->
-        <div class="top">
-          <img src="@/assets/index/sy_bj1@2x.png" alt="">
-        </div>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col class="interval">
-        <NewsCenter/>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col>
-        <ResearchTrends/>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col>
-        <PartyBuildingActivities/>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col>
-        <TeachingStudent/>
-      </el-col>
-    </el-row>
-    <el-row v-show="width>=1100">
-      <el-col>
-        <Bottom/>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import NewsCenter from './components/news_center'
-import PartyBuildingActivities from './components/party_building_activities.vue'
-import ResearchTrends from './components/scientific_research_trends.vue'
-import SlideshowCard from './components/slideshow_card.vue'
-import TeachingStudent from './components/teaching_student.vue'
-import Bottom from './components/bottom.vue'
-export default {
-  name: "index",
-  components:{
-    NewsCenter,
-    PartyBuildingActivities,
-    ResearchTrends,
-    SlideshowCard,
-    TeachingStudent,
-    Bottom
-  },
-  data(){
-    return{
-      width:document.documentElement.clientWidth
-    }
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.top {
-  img {
-    width: 100%;
-  }
-}
-.interval{
-  margin-top: 5rem;
-}
-</style>