diff --git a/src/i18n/index.js b/src/i18n/index.js
index 5e6b648..06c1ca8 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -22,7 +22,7 @@ export const messages = {
       series: '演讲系列',
       all: '全部',
       readDetail: '阅读详情',
-      offline:'线下',
+      offline: '线下',
       more: '更多',
       author: '作者',
       quote: '引用',
@@ -55,20 +55,20 @@ export const messages = {
       seeMore: '查看更多',
       inventionpatent: '发明专利',
       practicalAppearance: '实用外观',
-      patent:'专利',
+      patent: '专利',
       monograph: '专著',
       paper: '论文',
       scientificResearch: '科学研究',
       sfeLintroduce: 'S³FEL介绍',
-      develHistory:'发展历程',
+      develHistory: '发展历程',
       sfeltrailer: 'S³FEL宣传片',
       geographicLocation: '地理位置',
       organization: '机构设置',
       introduce: '介绍',
       ActivityIntroduction: '活动简介',
       back: '返回',
-			comming: '暂无更多信息，敬请期待。',
-			nothing: '没有找到您搜索的内容，您可尝试搜索其他关键词。',
+      comming: '暂无更多信息，敬请期待。',
+      nothing: '没有找到您搜索的内容，您可尝试搜索其他关键词。',
     }
   },
   'en': {
@@ -114,7 +114,7 @@ export const messages = {
       pleaseEnterPatentOfficer: 'Please enter the patent name/inventor name/application number',
       patentName: 'Patent title',
       patentClassification: 'Patent classification',
-      ApplicationNumber:'Application number',
+      ApplicationNumber: 'Application number',
       AuthorizationDate: 'Authorization Date',
       inventor: 'Inventor',
       Pleaseselect: 'Please select',
@@ -125,21 +125,21 @@ export const messages = {
       authorPersion: 'Author',
       seeMore: 'See more',
       inventionpatent: 'Invention Patent',
-      practicalAppearance:'Practical appearance',
+      practicalAppearance: 'Practical appearance',
       patent: 'Patent',
       monograph: 'Monograph',
       paper: 'Paper',
       scientificResearch: 'Scientific research',
       sfeLintroduce: 'Sfe lintroduce',
-      develHistory:'Development history',
+      develHistory: 'Development history',
       sfeltrailer: 'Sfel trailer',
       geographicLocation: 'geographic location',
       organization: 'Organization',
       introduce: 'Introduce',
       ActivityIntroduction: 'Activity Introduction',
       back: 'Back',
-			comming: 'coming soone',
-			nothing: `We couldn't find the content you were searching for. You can try searching for other keywords.`,
+      comming: 'coming soone',
+      nothing: `We couldn't find the content you were searching for. You can try searching for other keywords.`,
     }
   }
 };
\ No newline at end of file
diff --git a/src/pages/estate/index/index.vue b/src/pages/estate/index/index.vue
index 7312f77..a1f3d25 100644
--- a/src/pages/estate/index/index.vue
+++ b/src/pages/estate/index/index.vue
@@ -1,74 +1,51 @@
 <template>
   <div class="wrap">
-    <el-carousel v-if="modules[0].list"
-                 :interval="6000"
-                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel v-if="modules[0].list" :interval="6000"
+      :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable"
-                          :key="i">
-          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
-               width="100%"
-               :src="item.pic"
-               alt=""
-               @click="openLink(item)">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
+            @click="openLink(item)">
         </el-carousel-item>
       </template>
     </el-carousel>
 
-    <div class="block banner-block"
-         id="part1">
+    <div class="block banner-block" id="part1">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
             {{ modules[1].form.title }}
             <span class="sub">{{ modules[1].form.subTitle }}</span>
           </h5>
-          <span class="more"
-                @click="toAll(modules[2].form)">MORE</span>
+          <span class="more" @click="toAll(modules[2].form)">MORE</span>
         </div>
         <template v-if="articles.length">
-          <div class="sfel-banner wow fadeInDown"
-               data-wow-delay="0.5s"
-               @click="toArtice(curArticle, modules[2].form)">
-            <div style="width: 50%;overflow: hidden;"
-                 class="newBox">
-              <img class="pic"
-                   width="100%"
-                   height="100%"
-                   :src="curArticle.titleImg"
-                   alt="">
+          <div class="sfel-banner wow fadeInDown" data-wow-delay="0.5s" @click="toArtice(curArticle, modules[2].form)">
+            <div style="width: 50%;overflow: hidden;" class="newBox">
+              <img class="pic" width="100%" height="100%" :src="curArticle.titleImg" alt="">
             </div>
             <div class="right">
               <h6>{{ curArticle.title }}</h6>
-              <div class="des"
-                   v-html="curArticle.mainBody"></div>
-              <p class="meta">{{ curArticle.releaseTime }} {{ curArticle.classificationName && ' | ' + curArticle.classificationName }}</p>
+              <div class="des" v-html="curArticle.mainBody"></div>
+              <p class="meta">{{ curArticle.releaseTime }} {{ curArticle.classificationName && ' | ' +
+                curArticle.classificationName }}</p>
               <ul class="inds">
-                <li v-for="i in articles.length > 3 ? 4 : articles.length"
-                    :key="i"
-                    :class="{active: curInd == i - 1}"
-                    @click.stop="switchCarousel(i - 1)"></li>
+                <li v-for="i in articles.length > 3 ? 4 : articles.length" :key="i" :class="{ active: curInd == i - 1 }"
+                  @click.stop="switchCarousel(i - 1)"></li>
               </ul>
             </div>
           </div>
 
           <ul class="card">
             <template v-for="(item, i) in articles">
-              <li v-if="i > 3 && i < 7"
-                  :key="i"
-                  class="wow fadeInDown"
-                  :data-wow-delay="(0.1 * i).toFixed(1) + 's'">
-                <img class="pic"
-                     :src="item.titleImg"
-                     alt="">
+              <li v-if="i > 3 && i < 7" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'">
+                <img class="pic" :src="item.titleImg" alt="">
                 <div class="texts">
-                  <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName }}</p>
+                  <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName
+                    }}</p>
                   <div class="des">{{ item.title }}</div>
-                  <img class="arrow"
-                       src="@/assets/images/arrow.png"
-                       alt=""
-                       @click="toArtice(item, modules[2].form)">
+                  <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item, modules[2].form)">
                 </div>
               </li>
             </template>
@@ -77,8 +54,7 @@
       </div>
     </div>
 
-    <div class="block talent"
-         id="part2">
+    <div class="block talent" id="part2">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
@@ -88,84 +64,52 @@
           <!-- <span class="more" @click="toAll(modules[4].form)">MORE</span> -->
         </div>
         <div class="shows">
-          <div class="left wow fadeInLeft"
-               data-wow-delay="0.5s">
+          <div class="left wow fadeInLeft" data-wow-delay="0.5s">
             <h6>{{ modules[4].form.title }}</h6>
-            <div class="text"
-                 v-html="modules[4].form.des"></div>
-            <el-button v-if="isLink(modules[4].form.link.linkName)"
-                       type="primary"
-                       round
-                       @click="openLink(modules[4].form)">这里跳转</el-button>
+            <div class="text" v-html="modules[4].form.des"></div>
+            <el-button v-if="isLink(modules[4].form.link.linkName)" type="primary" round
+              @click="openLink(modules[4].form)">{{ $t('column.more') }}</el-button>
           </div>
-          <img :src="modules[4].form.pic"
-               alt=""
-               class="pic">
+          <img :src="modules[4].form.pic" alt="" class="pic">
         </div>
       </div>
     </div>
 
-    <div class="block conference"
-         id="part3">
+    <div class="block conference" id="part3">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
             {{ modules[5].form.title }}
             <span class="sub">{{ modules[5].form.subTitle }}</span>
           </h5>
-          <span class="more"
-                @click="toAll(modules[6].form)">MORE</span>
+          <span class="more" @click="toAll(modules[6].form)">MORE</span>
         </div>
-        <div class="shows"
-             v-if="articles2.length">
-          <div class="left wow fadeInLeft"
-               data-wow-delay="0.5s"
-               @click="toArtice(articles2[0], modules[6].form)">
-            <img class="pic"
-                 width="100%"
-                 height="100%"
-                 :src="articles2[0].titleImg"
-                 alt="">
+        <div class="shows" v-if="articles2.length">
+          <div class="left wow fadeInLeft" data-wow-delay="0.5s" @click="toArtice(articles2[0], modules[6].form)">
+            <img class="pic" width="100%" height="100%" :src="articles2[0].titleImg" alt="">
             <div class="text">{{ articles2[0].title }}</div>
           </div>
-          <ul class="card-list wow fadeInRight"
-              data-wow-delay="0.5s">
+          <ul class="card-list wow fadeInRight" data-wow-delay="0.5s">
             <template v-for="(item, i) in articles2">
-              <li v-if="i && i < 4"
-                  :key="i"
-                  @click="toArtice(item, modules[6].form)">
-                <img class="pic"
-                     :src="item.titleImg"
-                     alt="">
+              <li v-if="i && i < 4" :key="i" @click="toArtice(item, modules[6].form)">
+                <img class="pic" :src="item.titleImg" alt="">
                 <div class="texts">
                   <h6>{{ item.title }}</h6>
                   <p class="sum">{{ item.mainBody }}</p>
-                  <p v-if="item.keynoteSpeaker"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/mine.png"
-                         alt="">
+                  <p v-if="item.keynoteSpeaker" class="text">
+                    <img class="icon" src="@/assets/images/mine.png" alt="">
                     {{ item.keynoteSpeaker }}
                   </p>
-                  <p v-if="item.activityStartTime"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/time.png"
-                         alt="">
+                  <p v-if="item.activityStartTime" class="text">
+                    <img class="icon" src="@/assets/images/time.png" alt="">
                     会议时间: {{ item.activityStartTime + ' ~ ' + item.activityEndTime }}
                   </p>
-                  <p v-if="item.onlineLocation"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/online.png"
-                         alt="">
+                  <p v-if="item.onlineLocation" class="text">
+                    <img class="icon" src="@/assets/images/online.png" alt="">
                     {{ item.onlineLocation }}
                   </p>
-                  <p v-if="item.offlineLocation"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/location.png"
-                         alt="">
+                  <p v-if="item.offlineLocation" class="text">
+                    <img class="icon" src="@/assets/images/location.png" alt="">
                     {{ item.offlineLocation }}
                   </p>
                 </div>
@@ -176,38 +120,30 @@
       </div>
     </div>
 
-    <div class="block program"
-         id="part4">
+    <div class="block program" id="part4">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
             {{ modules[7].form.title }}
             <span class="sub">{{ modules[7].form.subTitle }}</span>
           </h5>
-          <span class="more"
-                @click="toAll(modules[8].form)">MORE</span>
+          <span class="more" @click="toAll(modules[8].form)">MORE</span>
         </div>
         <template v-if="articles3.length">
-          <div class="slide"
-               @click="toArtice(articles3[0], modules[8].form)">
+          <div class="slide" @click="toArtice(articles3[0], modules[8].form)">
             <div class="texts">
               <h6>{{ articles3[0].title }}</h6>
               <div class="des">{{ articles3[0].mainBody }}</div>
               <div class="meta">发表日期：{{ articles3[0].releaseTime }} &emsp;浏览量：{{ articles3[0].totalBrowsing }}</div>
             </div>
             <div class="img-wrap">
-              <img class="pic"
-                   :src="articles3[0].titleImg"
-                   alt="">
+              <img class="pic" :src="articles3[0].titleImg" alt="">
             </div>
           </div>
           <ul class="list">
             <template v-for="(item, i) in articles3">
-              <li v-if="i && i < 4"
-                  :key="i"
-                  class="wow fadeInDown"
-                  :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
-                  @click="toArtice(item, modules[8].form)">
+              <li v-if="i && i < 4" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
+                @click="toArtice(item, modules[8].form)">
                 <div class="des">{{ item.title }}</div>
                 <p class="date">{{ item.releaseTime }}</p>
               </li>
@@ -332,492 +268,589 @@ export default {
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
 @import '../../../styles/page/page.scss';
+
 /deep/ .el-carousel {
+  height: 100vh;
+
+  .el-carousel__container,
+  .el-carousel__item,
+  img {
     height: 100vh;
-    .el-carousel__container,
-    .el-carousel__item,
-    img {
-        height: 100vh;
-        object-fit: cover;
-    }
+    object-fit: cover;
+  }
 }
+
 .title {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding-bottom: 25px;
-    margin-bottom: 30px;
-    border-bottom: 1px solid #ddd;
-    h5 {
-        padding-left: 16px;
-        font-size: 1.6rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-        line-height: 1;
-        border-left: 6px solid #2b96ef;
-    }
-    .sub {
-        font-size: 1.1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #afb7bf;
-    }
-    .more {
-        font-size: 0.8rem;
-        color: #666;
-        cursor: pointer;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  padding-bottom: 25px;
+  margin-bottom: 30px;
+  border-bottom: 1px solid #ddd;
+
+  h5 {
+    padding-left: 16px;
+    font-size: 1.6rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 1;
+    border-left: 6px solid #2b96ef;
+  }
+
+  .sub {
+    font-size: 1.1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #afb7bf;
+  }
+
+  .more {
+    font-size: 0.8rem;
+    color: #666;
+    cursor: pointer;
+  }
 }
+
 /deep/.articles {
-    width: 50%;
-    .el-carousel__indicators--horizontal {
-        bottom: 20px;
-        left: 804px;
-    }
+  width: 50%;
+
+  .el-carousel__indicators--horizontal {
+    bottom: 20px;
+    left: 804px;
+  }
 }
+
 .banner-block {
-    background: url(../../../assets/images/sfel/2.png) 0 0 / cover no-repeat;
+  background: url(../../../assets/images/sfel/2.png) 0 0 / cover no-repeat;
 }
+
 .sfel-banner {
-    display: flex;
-    cursor: pointer;
-    .pic {
-        transition: 0.5s;
-        object-fit: cover;
-        &:hover {
-            transform: scale(1.3);
-        }
+  display: flex;
+  cursor: pointer;
+
+  .pic {
+    transition: 0.5s;
+    object-fit: cover;
+
+    &:hover {
+      transform: scale(1.3);
     }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 50px 50px 30px;
-        background: #1583ff;
+  }
+
+  .right {
+    position: relative;
+    width: 50%;
+    padding: 50px 50px 30px;
+    background: #1583ff;
+    color: #fff;
+
+    &:hover {
+      background: #465f85;
+
+      h6,
+      .des,
+      .meta {
         color: #fff;
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                transform: translateY(15px);
-            }
-        }
+        transform: translateY(15px);
+      }
     }
-    .inds {
-        position: absolute;
-        bottom: 40px;
-        left: 60px;
-        display: flex;
-        li {
-            width: 10px;
-            height: 10px;
-            margin-right: 12px;
-            background: #ffffff;
-            border-radius: 50%;
-            transition: 0.2s;
-            &.active {
-                width: 30px;
-                background: rgba(255, 255, 255, 0.3);
-                border-radius: 5px;
-            }
-        }
+  }
+
+  .inds {
+    position: absolute;
+    bottom: 40px;
+    left: 60px;
+    display: flex;
+
+    li {
+      width: 10px;
+      height: 10px;
+      margin-right: 12px;
+      background: #ffffff;
+      border-radius: 50%;
+      transition: 0.2s;
+
+      &.active {
+        width: 30px;
+        background: rgba(255, 255, 255, 0.3);
+        border-radius: 5px;
+      }
+    }
+  }
+
+  h6 {
+    font-size: 1.3rem;
+    transition: 0.3s;
+  }
+
+  .des {
+    margin: 30px 0;
+    font-size: 0.9rem;
+    line-height: 24px;
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 0.8rem;
+    transition: 0.3s;
+  }
+}
+
+.card {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 40px;
+
+  li {
+    width: calc((100% - 56px) / 3);
+    margin-right: 28px;
+    box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
+    border-radius: 6px;
+    transition: 0.3s;
+    background-color: #fff;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+
+  .pic {
+    width: 100%;
+    // height: 259px;
+    object-fit: cover;
+  }
+
+  .texts {
+    padding: 40px 30px;
+  }
+
+  .meta {
+    font-size: 0.9rem;
+    color: #666;
+  }
+
+  .des {
+    height: 60px;
+    margin: 10px 0;
+    font-size: 1rem;
+    font-family: SFProDisplay;
+    font-weight: 500;
+    color: #333;
+    line-height: 28px;
+    -webkit-line-clamp: 2;
+  }
+
+  .arrow {
+    width: 36px;
+  }
+}
+
+.talent {
+  .shows {
+    display: flex;
+    color: #fff;
+    background: #1a2844;
+    border-radius: 0px 100px 0px 100px;
+
+    .left {
+      width: 50%;
+      padding: 120px 0 0 5%;
     }
+
     h6 {
-        font-size: 1.3rem;
-        transition: 0.3s;
+      font-size: 1.6rem;
     }
-    .des {
-        margin: 30px 0;
-        font-size: 0.9rem;
-        line-height: 24px;
-        transition: 0.3s;
+
+    .text {
+      margin: 20px 0;
+      font-size: 1rem;
+      line-height: 2;
     }
-    .meta {
-        font-size: 0.8rem;
-        transition: 0.3s;
+
+    .pic {
+      width: 50%;
+      min-height: 465px;
+      object-fit: cover;
     }
+  }
 }
-.card {
+
+.conference {
+  background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+
+  .shows {
     display: flex;
-    flex-wrap: wrap;
-    margin-top: 40px;
-    li {
-        width: calc((100% - 56px) / 3);
-        margin-right: 28px;
-        box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
-        border-radius: 6px;
-        transition: 0.3s;
-        background-color: #fff;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:last-child {
-            margin-right: 0;
-        }
+  }
+
+  .left {
+    position: relative;
+    width: 550px;
+    // min-width: 550px;
+    height: 550px;
+    margin-right: 20px;
+    cursor: pointer;
+    overflow: hidden;
+
+    .text {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      padding: 0 12px;
+      line-height: 3rem;
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.57);
     }
+
     .pic {
-        width: 100%;
-        // height: 259px;
-        object-fit: cover;
+      transition: 0.5s;
+      object-fit: cover;
     }
-    .texts {
-        padding: 40px 30px;
+
+    &:hover {
+      .pic {
+        transform: scale(1.3);
+      }
     }
-    .meta {
-        font-size: 0.9rem;
-        color: #666;
+  }
+
+  .card-list {
+    width: 600px;
+
+    li {
+      display: flex;
+      align-items: center;
+      padding: 6px;
+      margin-bottom: 7px;
+      background-color: #fff;
+      cursor: pointer;
+      transition: 0.3s;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      &:hover {
+        transform: translateX(20px);
+      }
     }
-    .des {
-        height: 60px;
-        margin: 10px 0;
-        font-size: 1rem;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 28px;
-        -webkit-line-clamp: 2;
-    }
-    .arrow {
-        width: 36px;
+
+    .pic {
+      width: 167px;
+      height: 167px;
+      margin-right: 36px;
+      object-fit: cover;
     }
-}
-.talent {
-    .shows {
-        display: flex;
-        color: #fff;
-        background: #1a2844;
-        border-radius: 0px 100px 0px 100px;
-        .left {
-            width: 50%;
-            padding: 120px 0 0 5%;
-        }
-        h6 {
-            font-size: 1.6rem;
-        }
-        .text {
-            margin: 20px 0;
-            font-size: 1rem;
-            line-height: 2;
-        }
-        .pic {
-            width: 50%;
-            min-height: 465px;
-            object-fit: cover;
-        }
+
+    .texts {
+      width: calc(100% - 210px);
     }
-}
-.conference {
-    background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
-    .shows {
-        display: flex;
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 1.2rem;
+      color: #333;
+      @include ellipsis;
     }
-    .left {
-        position: relative;
-        width: 550px;
-        // min-width: 550px;
-        height: 550px;
-        margin-right: 20px;
-        cursor: pointer;
-        overflow: hidden;
-        .text {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            padding: 0 12px;
-            line-height: 3rem;
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            background-color: rgba(0, 0, 0, 0.57);
-        }
-        .pic {
-            transition: 0.5s;
-            object-fit: cover;
-        }
-        &:hover {
-            .pic {
-                transform: scale(1.3);
-            }
-        }
+
+    .sum {
+      margin-bottom: 6px;
+      font-size: 1rem;
+      color: #666;
+      @include ellipsis;
     }
-    .card-list {
-        width: 600px;
-        li {
-            display: flex;
-            align-items: center;
-            padding: 6px;
-            margin-bottom: 7px;
-            background-color: #fff;
-            cursor: pointer;
-            transition: 0.3s;
-            &:last-child {
-                margin-bottom: 0;
-            }
-            &:hover {
-                transform: translateX(20px);
-            }
-        }
-        .pic {
-            width: 167px;
-            height: 167px;
-            margin-right: 36px;
-            object-fit: cover;
-        }
-        .texts {
-            width: calc(100% - 210px);
-        }
-        h6 {
-            margin-bottom: 10px;
-            font-size: 1.2rem;
-            color: #333;
-            @include ellipsis;
-        }
-        .sum {
-            margin-bottom: 6px;
-            font-size: 1rem;
-            color: #666;
-            @include ellipsis;
-        }
-        .text {
-            display: flex;
-            align-items: center;
-            margin: 10px 0;
-            font-size: 0.9rem;
-            @include ellipsis;
-        }
-        .icon {
-            margin-right: 5px;
-        }
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 10px 0;
+      font-size: 0.9rem;
+      @include ellipsis;
     }
+
+    .icon {
+      margin-right: 5px;
+    }
+  }
 }
 
 .program {
-    background: #fff;
-    .slide {
-        display: flex;
-        margin-bottom: 14px;
-        cursor: pointer;
+  background: #fff;
+
+  .slide {
+    display: flex;
+    margin-bottom: 14px;
+    cursor: pointer;
+  }
+
+  .texts {
+    width: 51%;
+    padding: 56px;
+    background: #fbfbfb;
+
+    h6 {
+      font-size: 1.3rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333333;
     }
-    .texts {
-        width: 51%;
-        padding: 56px;
-        background: #fbfbfb;
-        h6 {
-            font-size: 1.3rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-        }
-        .des {
-            margin: 35px 0 25px;
-            font-size: 1rem;
-            color: #666;
-            line-height: 32px;
-        }
-        .meta {
-            font-size: 0.9rem;
-            color: #666;
-        }
+
+    .des {
+      margin: 35px 0 25px;
+      font-size: 1rem;
+      color: #666;
+      line-height: 32px;
     }
-    .img-wrap {
-        width: 49%;
-        min-height: 334px;
-        overflow: hidden;
+
+    .meta {
+      font-size: 0.9rem;
+      color: #666;
     }
+  }
+
+  .img-wrap {
+    width: 49%;
+    min-height: 334px;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  &:hover {
     .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-        object-fit: cover;
+      transform: scale(1.3);
     }
-    &:hover {
-        .pic {
-            transform: scale(1.3);
-        }
+  }
+
+  .list {
+    display: flex;
+
+    li {
+      width: calc((100% - 28px) / 3);
+      height: 204px;
+      padding: 36px 22px;
+      margin-right: 14px;
+      background: url(../../../assets/images/sfel/7.png) no-repeat center;
+      transition: 0.5s;
+      cursor: pointer;
+
+      &:nth-child(2) {
+        background-image: url(../../../assets/images/sfel/8.png);
+      }
+
+      &:nth-child(3) {
+        margin-right: 0;
+        background-image: url(../../../assets/images/sfel/9.png);
+      }
+
+      &:hover {
+        transform: translateY(20px);
+      }
     }
-    .list {
-        display: flex;
-        li {
-            width: calc((100% - 28px) / 3);
-            height: 204px;
-            padding: 36px 22px;
-            margin-right: 14px;
-            background: url(../../../assets/images/sfel/7.png) no-repeat center;
-            transition: 0.5s;
-            cursor: pointer;
-            &:nth-child(2) {
-                background-image: url(../../../assets/images/sfel/8.png);
-            }
-            &:nth-child(3) {
-                margin-right: 0;
-                background-image: url(../../../assets/images/sfel/9.png);
-            }
-            &:hover {
-                transform: translateY(20px);
-            }
-        }
-        .des {
-            height: 90px;
-            margin-bottom: 30px;
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            line-height: 30px;
-        }
-        .date {
-            font-size: 0.9rem;
-            font-family: LaoSangamMN;
-            color: #ffffff;
-        }
+
+    .des {
+      height: 90px;
+      margin-bottom: 30px;
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 30px;
     }
+
+    .date {
+      font-size: 0.9rem;
+      font-family: LaoSangamMN;
+      color: #ffffff;
+    }
+  }
 }
+
 .tools {
-    z-index: 9;
-    position: fixed;
-    top: 200px;
-    left: 0;
-    width: 180px;
-    text-align: center;
-    .logo {
-        padding: 15px 0;
-        background: #0c60be;
-        box-shadow: 0px 0px 20px 0px rgba(184, 191, 200, 0.3);
-    }
-    .nav {
-        li {
-            padding: 0 10px;
-            font-size: 1.1rem;
-            line-height: 50px;
-            color: #fff;
-            background-color: #1d1d1d;
-            cursor: pointer;
-            @include ellipsis;
-            &.active {
-                background-color: #1583ff;
-            }
-            &:hover {
-                background-color: #1583ff;
-            }
-        }
+  z-index: 9;
+  position: fixed;
+  top: 200px;
+  left: 0;
+  width: 180px;
+  text-align: center;
+
+  .logo {
+    padding: 15px 0;
+    background: #0c60be;
+    box-shadow: 0px 0px 20px 0px rgba(184, 191, 200, 0.3);
+  }
+
+  .nav {
+    li {
+      padding: 0 10px;
+      font-size: 1.1rem;
+      line-height: 50px;
+      color: #fff;
+      background-color: #1d1d1d;
+      cursor: pointer;
+      @include ellipsis;
+
+      &.active {
+        background-color: #1583ff;
+      }
+
+      &:hover {
+        background-color: #1583ff;
+      }
     }
+  }
 }
 
 @media (max-width: 1200px) {
-    .sfel-banner {
-        flex-direction: column;
-        .newBox {
-            width: 100% !important;
-        }
-        .right {
-            margin-top: 10px;
-            width: 100%;
-            height: 410px;
-        }
+  .sfel-banner {
+    flex-direction: column;
+
+    .newBox {
+      width: 100% !important;
     }
-    .card {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    .right {
+      margin-top: 10px;
+      width: 100%;
+      height: 410px;
+    }
+  }
+
+  .card {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      margin-top: 20px;
     }
-    .shop-shows {
+  }
+
+  .shop-shows {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+    }
+
+    .right {
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+
+  .shows {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+    }
+
+    .card-list {
+      width: 100%;
+      margin-top: 20px;
+
+      li {
         flex-direction: column;
-        .left {
-            width: 100%;
+
+        .pic {
+          width: 100% !important;
+          margin-right: 0;
         }
-        .right {
-            width: 100%;
-            margin-top: 20px;
+
+        .texts {
+          margin-top: 20px;
+          width: 100%;
         }
+      }
     }
+  }
+
+  .talent {
     .shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .card-list {
-            width: 100%;
-            margin-top: 20px;
-            li {
-                flex-direction: column;
-                .pic {
-                    width: 100% !important;
-                    margin-right: 0;
-                }
-                .texts {
-                    margin-top: 20px;
-                    width: 100%;
-                }
-            }
-        }
+      .left {
+        width: 100%;
+        margin-bottom: 20px;
+      }
+
+      .pic {
+        width: 100%;
+        min-height: 0;
+      }
     }
-    .talent {
-        .shows {
-            .left {
-                width: 100%;
-                margin-bottom: 20px;
-            }
-            .pic {
-                width: 100%;
-                min-height: 0;
-            }
-        }
+  }
+
+  .media-wrap {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
     }
-    .media-wrap {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    .right {
+      width: 100%;
+      margin-top: 20px;
     }
-    .news {
-        flex-direction: column;
-        li {
-            margin-top: 30px;
-            width: 100%;
-        }
+  }
+
+  .news {
+    flex-direction: column;
+
+    li {
+      margin-top: 30px;
+      width: 100%;
     }
-    .slide,
-    .list {
-        flex-direction: column;
-        .texts,
-        .img-wrap {
-            width: 100%;
-        }
+  }
+
+  .slide,
+  .list {
+    flex-direction: column;
+
+    .texts,
+    .img-wrap {
+      width: 100%;
     }
-    .list {
-        li {
-            width: 100% !important;
-            margin-top: 20px;
-        }
+  }
+
+  .list {
+    li {
+      width: 100% !important;
+      margin-top: 20px;
     }
-    .slides {
-        div {
-            flex: 1;
-        }
+  }
+
+  .slides {
+    div {
+      flex: 1;
     }
-    .program {
-        .list {
-            li {
-                background-size: cover;
-            }
-        }
+  }
+
+  .program {
+    .list {
+      li {
+        background-size: cover;
+      }
     }
-    #part6 {
-        .slide {
-            .texts {
-                height: 430px;
-            }
-        }
+  }
+
+  #part6 {
+    .slide {
+      .texts {
+        height: 430px;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 1ee8605..20c6bb7 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,18 +1,12 @@
 <template>
-  <div class="wrap"
-       v-if="modules.length>=1">
-    <el-carousel class="carousel"
-                 :interval="6000"
-                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+  <div class="wrap" v-if="modules.length >= 1">
+    <el-carousel class="carousel" :interval="6000"
+      :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable"
-                          :key="i">
-          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
-               width="100%"
-               :src="item.pic"
-               alt=""
-               @click="openLink(item)">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
+            @click="openLink(item)">
           <!-- <div class="texts">
             <h6>{{ item.title }}</h6>
             <p class="text">{{ item.des }}</p>
@@ -24,36 +18,24 @@
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
         <ul class="card">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.2s">
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
+          <li class="wow fadeInDown" data-wow-delay="0.2s">
+            <img class="pic" :src="modules[2].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[2].form.title }}</h6>
               <p class="des">{{ modules[2].form.des }}</p>
-              <img v-if="modules[2].form.link"
-                   src="@/assets/images/arrow.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[2].form.link.linkName)}"
-                   @click="openLink(modules[2].form)">
+              <img v-if="modules[2].form.link" src="@/assets/images/arrow.png" alt=""
+                :class="{ 'arrow': isLink(modules[2].form.link.linkName) }" @click="openLink(modules[2].form)">
             </div>
           </li>
-          <li class="wow fadeInDown"
-              data-wow-delay="0.6s">
-            <img class="pic"
-                 :src="modules[3].form.pic"
-                 alt="">
+          <li class="wow fadeInDown" data-wow-delay="0.6s">
+            <img class="pic" :src="modules[3].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[3].form.title }}</h6>
               <p class="des">{{ modules[3].form.des }}</p>
-              <img src="@/assets/images/arrow.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[3].form.link.linkName)}"
-                   @click="openLink(modules[3].form)">
+              <img src="@/assets/images/arrow.png" alt="" :class="{ 'arrow': isLink(modules[3].form.link.linkName) }"
+                @click="openLink(modules[3].form)">
             </div>
           </li>
         </ul>
@@ -63,29 +45,20 @@
     <div class="block news-block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
         <ul class="news">
-          <li class="wow fadeInDown"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              v-for="(item, i) in articles"
-              :key="i"
-              @click="toArtice(item, modules[5].form)">
-            <img :src="item.titleImg"
-                 alt="">
+          <li class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" v-for="(item, i) in articles" :key="i"
+            @click="toArtice(item, modules[5].form)">
+            <img :src="item.titleImg" alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
-              <div class="des"
-                   v-html="item.mainBody"></div>
+              <div class="des" v-html="item.mainBody"></div>
               <span class="meta">{{ item.releaseTime }}</span>
             </div>
           </li>
         </ul>
-        <div class="all-link"
-             @click="toAll(modules[5].form)">
-          <span>{{$t('column.all')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
+        <div class="all-link" @click="toAll(modules[5].form)">
+          <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
         </div>
       </div>
     </div>
@@ -93,24 +66,16 @@
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
         <ul class="people">
           <template v-for="(item, i) in modules[7].list">
-            <li v-if="item.isEnable"
-                :key="i"
-                class="wow fadeInDown"
-                :data-wow-delay="(0.4 * i).toFixed(1) + 's'">
-              <img class="pic"
-                   :src="item.pic"
-                   alt="">
+            <li v-if="item.isEnable" :key="i" class="wow fadeInDown" :data-wow-delay="(0.4 * i).toFixed(1) + 's'">
+              <img class="pic" :src="item.pic" alt="">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
                 <p class="des">{{ item.des }}</p>
-                <img src="@/assets/images/arrow.png"
-                     alt=""
-                     :class="{'arrow': isLink(item.link.linkName)}"
-                     @click="openLink(item)">
+                <img src="@/assets/images/arrow.png" alt="" :class="{ 'arrow': isLink(item.link.linkName) }"
+                  @click="openLink(item)">
               </div>
             </li>
           </template>
@@ -118,65 +83,42 @@
       </div>
     </div>
 
-    <div class="about"
-         :class="{'cursor-pointer': modules[8].form.link && isLink(modules[8].form.link.linkName)}"
-         @click="openLink(modules[8].form)">
+    <div class="about" :class="{ 'cursor-pointer': modules[8].form.link && isLink(modules[8].form.link.linkName) }"
+      @click="openLink(modules[8].form)">
       <div class="inner">
-        <img class="pic wow fadeInUp"
-             src="@/assets/images/about.png"
-             alt="">
-        <div class="line wow fadeInUp"
-             data-wow-delay="0.4s"></div>
-        <div class="text wow fadeInUp"
-             data-wow-delay="0.7s">{{ modules[8].form.title }}</div>
-        <div class="des wow fadeInDown"
-             data-wow-delay="1s"
-             v-html="modules[8].form.des"></div>
+        <img class="pic wow fadeInUp" src="@/assets/images/about.png" alt="">
+        <div class="line wow fadeInUp" data-wow-delay="0.4s"></div>
+        <div class="text wow fadeInUp" data-wow-delay="0.7s">{{ modules[8].form.title }}</div>
+        <div class="des wow fadeInDown" data-wow-delay="1s" v-html="modules[8].form.des"></div>
       </div>
     </div>
 
-    <div class="block"
-         style="padding-bottom: 0">
+    <div class="block" style="padding-bottom: 0">
       <div class="inner">
         <h2 class="glance wow fadeInUp">{{ modules[9].form.title }}</h2>
         <ul class="stat">
           <li>
             <!-- <p class="num">{{ modules[10].form.title }}</p> -->
-            <animate-number class="num"
-                            ref="num1"
-                            from="0"
-                            :to="modules[10].form.title"
-                            duration="3000" />
+            <animate-number class="num" ref="num1" from="0" :to="modules[10].form.title" duration="3000" />
             <p class="text">{{ modules[10].form.des }}</p>
           </li>
           <li>
-            <animate-number class="num"
-                            ref="num2"
-                            from="0"
-                            :to="modules[11].form.title"
-                            duration="3000" />
+            <animate-number class="num" ref="num2" from="0" :to="modules[11].form.title" duration="3000" />
             <p class="text">{{ modules[11].form.des }}</p>
           </li>
           <li>
-            <animate-number class="num"
-                            ref="num3"
-                            from="0"
-                            :to="modules[12].form.title"
-                            duration="3000" />
+            <animate-number class="num" ref="num3" from="0" :to="modules[12].form.title" duration="3000" />
             <p class="text">{{ modules[12].form.des }}</p>
           </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.9s">
+          <li class="wow fadeInRight" data-wow-delay="0.9s">
             <p class="num">{{ modules[13].form.title }}</p>
             <p class="text">{{ modules[13].form.des }}</p>
           </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="1.2s">
+          <li class="wow fadeInRight" data-wow-delay="1.2s">
             <p class="num">{{ modules[14].form.title }}</p>
             <p class="text">{{ modules[14].form.des }}</p>
           </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="1.5s">
+          <li class="wow fadeInRight" data-wow-delay="1.5s">
             <p class="num">{{ modules[15].form.title }}</p>
             <p class="text">{{ modules[15].form.des }}</p>
           </li>
@@ -247,750 +189,911 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .carousel {
+  height: 100vh;
+
+  img {
+    height: 100%;
+    object-fit: cover;
+  }
+
+  /deep/.el-carousel__container {
     height: 100vh;
-    img {
-        height: 100%;
-        object-fit: cover;
+  }
+
+  .texts {
+    position: absolute;
+    bottom: 20%;
+    left: 120px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    h6,
+    .text {
+      padding: 20px 15px;
+      color: #fff;
     }
-    /deep/.el-carousel__container {
-        height: 100vh;
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 68px;
+      font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
     }
-    .texts {
-        position: absolute;
-        bottom: 20%;
-        left: 120px;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        h6,
-        .text {
-            padding: 20px 15px;
-            color: #fff;
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 68px;
-            font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        }
-        .text {
-            font-size: 24px;
-            font-family: AppleSystemUIFont;
-        }
+
+    .text {
+      font-size: 24px;
+      font-family: AppleSystemUIFont;
     }
+  }
 }
+
 .block {
-    padding-top: 3.15rem;
-    .b-title {
-        font-size: 2.25rem;
-    }
-    .intro {
-        font-size: 1.35rem;
-        margin-bottom: 3.6rem;
-    }
+  padding-top: 3.15rem;
+
+  .b-title {
+    font-size: 2.25rem;
+  }
+
+  .intro {
+    font-size: 1.35rem;
+    margin-bottom: 3.6rem;
+  }
 }
+
 .card {
-    display: flex;
-    justify-content: space-between;
-    li {
-        width: 47%;
-        transition: 0.3s;
-        &:hover {
-            margin-top: -0.9375rem;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: auto;
-        object-fit: cover;
-    }
-    .texts {
-        padding-left: 1.375rem;
-        margin-top: 3rem;
-        border-left: 2px solid #dfe4e9;
-    }
-    h6 {
-        min-height: 4.5rem;
-        margin-bottom: 1.56rem;
-        line-height: 2rem;
-        font-size: 1.368rem;
-        color: #333;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-    .des {
-        font-size: 1.024rem;
-        color: #222;
-        line-height: 30px;
+  display: flex;
+  justify-content: space-between;
+
+  li {
+    width: 47%;
+    transition: 0.3s;
+
+    &:hover {
+      margin-top: -0.9375rem;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+  }
+
+  .texts {
+    padding-left: 1.375rem;
+    margin-top: 3rem;
+    border-left: 2px solid #dfe4e9;
+  }
+
+  h6 {
+    min-height: 4.5rem;
+    margin-bottom: 1.56rem;
+    line-height: 2rem;
+    font-size: 1.368rem;
+    color: #333;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .des {
+    font-size: 1.024rem;
+    color: #222;
+    line-height: 30px;
+  }
 }
 
 .news-block {
-    background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
+  background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
 }
+
 .news {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        display: inline-flex;
-        width: calc((100% - 35px) / 2);
-        padding: 2.125rem;
-        margin-bottom: 1.75rem;
-        background-color: #fff;
-        cursor: pointer;
-        overflow: hidden;
-        transition: 0.3s;
-        &:nth-child(odd) {
-            margin-right: 1.75rem;
-        }
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    img {
-        width: 12.5rem;
-        height: 7.81rem;
-        object-fit: cover;
-    }
-    .texts {
-        width: calc(100% - 220px);
-        margin-left: 1.25rem;
-    }
-    h6 {
-        font-size: 1.28rem;
-        color: #0648a8;
-        @include ellipsis;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    display: inline-flex;
+    width: calc((100% - 35px) / 2);
+    padding: 2.125rem;
+    margin-bottom: 1.75rem;
+    background-color: #fff;
+    cursor: pointer;
+    overflow: hidden;
+    transition: 0.3s;
+
+    &:nth-child(odd) {
+      margin-right: 1.75rem;
     }
-    .des {
-        margin: 14px 0;
-        font-size: 1.14rem;
-        color: #333;
-        line-height: 22px;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-    .meta {
-        font-size: 1.14rem;
-        color: #999;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  img {
+    width: 12.5rem;
+    height: 7.81rem;
+    object-fit: cover;
+  }
+
+  .texts {
+    width: calc(100% - 220px);
+    margin-left: 1.25rem;
+  }
+
+  h6 {
+    font-size: 1.28rem;
+    color: #0648a8;
+    @include ellipsis;
+  }
+
+  .des {
+    margin: 14px 0;
+    font-size: 1.14rem;
+    color: #333;
+    line-height: 22px;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .meta {
+    font-size: 1.14rem;
+    color: #999;
+  }
 }
 
 .people {
-    li {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 7.87rem;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-        &:hover {
-            .pic {
-                transform: scale(1.05);
-            }
-            .texts {
-                transform: translateY(15px);
-            }
-        }
-    }
-    .pic {
-        width: 47%;
-        height: auto;
-        transition: 0.3s;
-        object-fit: cover;
-    }
-    .texts {
-        width: 48%;
-        padding-top: 8.5rem;
-        transition: 0.3s;
-    }
-    h6 {
-        font-size: 1.8rem;
+  li {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 7.87rem;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
     }
-    .des {
-        margin: 20px 0 10px;
-        font-size: 1.2rem;
-        color: #020202;
-        line-height: 30px;
+
+    &:hover {
+      .pic {
+        transform: scale(1.05);
+      }
+
+      .texts {
+        transform: translateY(15px);
+      }
     }
+  }
+
+  .pic {
+    width: 47%;
+    height: auto;
+    transition: 0.3s;
+    object-fit: cover;
+  }
+
+  .texts {
+    width: 48%;
+    padding-top: 8.5rem;
+    transition: 0.3s;
+  }
+
+  h6 {
+    font-size: 1.8rem;
+  }
+
+  .des {
+    margin: 20px 0 10px;
+    font-size: 1.2rem;
+    color: #020202;
+    line-height: 30px;
+  }
 }
 
 .glance {
-    padding-bottom: 3.125rem;
-    font-size: 2.81rem;
-    font-weight: bold;
-    font-family: SFProDisplay-Bold, SFProDisplay;
-    text-align: center;
-    border-bottom: 1px solid #dedede;
+  padding-bottom: 3.125rem;
+  font-size: 2.81rem;
+  font-weight: bold;
+  font-family: SFProDisplay-Bold, SFProDisplay;
+  text-align: center;
+  border-bottom: 1px solid #dedede;
 }
+
 .stat {
-    display: flex;
-    justify-content: space-around;
-    flex-wrap: wrap;
-    margin-top: 3.75rem;
-    li {
-        width: 27%;
-        margin-bottom: 50px;
-        transition: 0.3s;
-        &:hover {
-            transform: translateX(20px);
-        }
-    }
-    .num {
-        margin-bottom: 10px;
-        font-family: toppan;
-        font-size: 2.7rem;
-        font-weight: 800;
-        color: #035ce1;
-        line-height: 49px;
-    }
-    .text {
-        font-size: 1.08rem;
-        margin-top: 1rem;
-        line-height: 1.8rem;
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin-top: 3.75rem;
+
+  li {
+    width: 27%;
+    margin-bottom: 50px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateX(20px);
     }
+  }
+
+  .num {
+    margin-bottom: 10px;
+    font-family: toppan;
+    font-size: 2.7rem;
+    font-weight: 800;
+    color: #035ce1;
+    line-height: 49px;
+  }
+
+  .text {
+    font-size: 1.08rem;
+    margin-top: 1rem;
+    line-height: 1.8rem;
+  }
 }
+
 .about {
-    padding: 3.848rem 0 9.9rem;
-    background: url(../../assets/images/about-bg.png) no-repeat center center;
-    // background-size: 100% 100%;
-    .pic {
-        object-fit: cover;
-    }
-    .line {
-        display: flex;
-        align-items: center;
-        margin: 3.125rem 0 1.875rem;
-        width: 5.5rem;
-        height: 6px;
-        background-color: #fff;
-        &:after {
-            content: '';
-            width: 6px;
-            height: 6px;
-        }
-    }
-    .text {
-        font-size: 1.35rem;
-        color: #fff;
+  padding: 3.848rem 0 9.9rem;
+  background: url(../../assets/images/about-bg.png) no-repeat center center;
+
+  // background-size: 100% 100%;
+  .pic {
+    object-fit: cover;
+  }
+
+  .line {
+    display: flex;
+    align-items: center;
+    margin: 3.125rem 0 1.875rem;
+    width: 5.5rem;
+    height: 6px;
+    background-color: #fff;
+
+    &:after {
+      content: '';
+      width: 6px;
+      height: 6px;
     }
-    .des {
-        display: block;
-        padding: 2.375rem 3.75rem;
-        margin-top: 3.78rem;
-        font-size: 1.35rem;
-        color: #fff;
-        line-height: 42px;
-        text-align: center;
-        background: rgba(111, 69, 36, 0.56);
-        border-radius: 17px;
-        overflow: visible;
-        transition: 0.3s;
-        &:hover {
-            background: rgba(239, 126, 10, 0.56);
-            transform: translateY(10px);
-        }
+  }
+
+  .text {
+    font-size: 1.35rem;
+    color: #fff;
+  }
+
+  .des {
+    display: block;
+    padding: 2.375rem 3.75rem;
+    margin-top: 3.78rem;
+    font-size: 1.35rem;
+    color: #fff;
+    line-height: 42px;
+    text-align: center;
+    background: rgba(111, 69, 36, 0.56);
+    border-radius: 17px;
+    overflow: visible;
+    transition: 0.3s;
+
+    &:hover {
+      background: rgba(239, 126, 10, 0.56);
+      transform: translateY(10px);
     }
+  }
 }
 
 @media (min-width: 280px) and (max-width: 1200px) {
-    .carousel {
-        height: 21.87rem;
-        img {
-            height: 100%;
-        }
-        /deep/.el-carousel__container {
-            height: 21.87rem;
-        }
-    }
-    .about {
-        .des {
-            font-size: 1rem;
-        }
+  .carousel {
+    height: 21.87rem;
+
+    img {
+      height: 100%;
     }
-    .el-carousel__item {
-        height: 21.87rem;
-        img {
-            height: 21.87rem;
-        }
+
+    /deep/.el-carousel__container {
+      height: 21.87rem;
     }
-    .block {
-        padding: 3.125rem 0;
-        .inner {
-            width: 95%;
-            margin: 0 auto;
-            .b-title {
-                font-size: 2rem;
-                margin-bottom: 1.25rem;
-            }
-            .wow {
-                font-size: 1.5rem;
-            }
-            .intro {
-                margin-bottom: 1.25rem;
-            }
-            .card {
-                flex-direction: column;
-                li {
-                    margin-top: 1.25rem;
-                    width: 100%;
-                }
-            }
-            .news {
-                flex-direction: column;
-                li {
-                    width: 100%;
-                    margin-bottom: 15px;
-                    img {
-                        width: 10rem;
-                    }
-                    .texts {
-                        width: calc(100% - 10rem);
-                    }
-                }
-            }
-            .people {
-                li {
-                    flex-direction: column;
-                    margin-bottom: 1.25rem;
-                    .pic {
-                        width: 100%;
-                        height: 21.875rem;
-                    }
-                    .texts {
-                        padding-top: 1.25rem;
-                        width: 100%;
-                    }
-                }
-            }
-        }
+  }
+
+  .about {
+    .des {
+      font-size: 1rem;
     }
-    .card .pic {
-        height: 20rem;
+  }
+
+  .el-carousel__item {
+    height: 21.87rem;
+
+    img {
+      height: 21.87rem;
     }
-    .about {
-        width: 100%;
-        padding: 1.25rem 0 1.875rem;
-        .inner {
-            width: 95%;
-            margin: 0 auto;
-            .line {
-                margin: 1.25rem 0 1.25rem;
-            }
-            .des {
-                margin-top: 1.25rem;
-                padding: 10px 1.25rem;
-            }
+  }
+
+  .block {
+    padding: 3.125rem 0;
+
+    .inner {
+      width: 95%;
+      margin: 0 auto;
+
+      .b-title {
+        font-size: 2rem;
+        margin-bottom: 1.25rem;
+      }
+
+      .wow {
+        font-size: 1.5rem;
+      }
+
+      .intro {
+        margin-bottom: 1.25rem;
+      }
+
+      .card {
+        flex-direction: column;
+
+        li {
+          margin-top: 1.25rem;
+          width: 100%;
         }
-    }
-    .glance {
-        padding-bottom: 1.25rem;
-    }
-    .stat {
+      }
+
+      .news {
         flex-direction: column;
+
+        li {
+          width: 100%;
+          margin-bottom: 15px;
+
+          img {
+            width: 10rem;
+          }
+
+          .texts {
+            width: calc(100% - 10rem);
+          }
+        }
+      }
+
+      .people {
         li {
+          flex-direction: column;
+          margin-bottom: 1.25rem;
+
+          .pic {
             width: 100%;
-            text-align: center;
+            height: 21.875rem;
+          }
+
+          .texts {
+            padding-top: 1.25rem;
+            width: 100%;
+          }
         }
+      }
+    }
+  }
+
+  .card .pic {
+    height: 20rem;
+  }
+
+  .about {
+    width: 100%;
+    padding: 1.25rem 0 1.875rem;
+
+    .inner {
+      width: 95%;
+      margin: 0 auto;
+
+      .line {
+        margin: 1.25rem 0 1.25rem;
+      }
+
+      .des {
+        margin-top: 1.25rem;
+        padding: 10px 1.25rem;
+      }
+    }
+  }
+
+  .glance {
+    padding-bottom: 1.25rem;
+  }
+
+  .stat {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      text-align: center;
     }
+  }
 }
 
 @media (min-width: 751px) and (max-width: 920px) {
-    .news {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-bottom: 0.9375rem;
-            img {
-                width: 10rem;
-            }
-            .texts {
-                width: calc(100% - 10rem);
-            }
-        }
+  .news {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      margin-bottom: 0.9375rem;
+
+      img {
+        width: 10rem;
+      }
+
+      .texts {
+        width: calc(100% - 10rem);
+      }
     }
+  }
 }
 
 @media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem;
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 1rem 0;
+
+    .inner {
+      .intro {
+        margin-bottom: 1rem;
+        font-size: 0.95rem;
+        line-height: 1rem;
+      }
+
+      .card {
+        li {
+          .pic {
+            height: auto;
+          }
+
+          .texts {
+            margin-top: 1.2rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+      }
+
+      .news {
+        li {
+          padding: 1.2rem;
+
+          img {
+            width: 8rem;
+          }
         }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
+      }
+
+      .people {
+        li {
+          .pic {
+            height: auto;
+          }
         }
+      }
     }
-    .about {
-        .inner {
-            .des {
-                line-height: 1.5rem;
-            }
-        }
+  }
+
+  .about {
+    .inner {
+      .des {
+        line-height: 1.5rem;
+      }
     }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem;
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 1rem 0;
+
+    .inner {
+      .intro {
+        margin-bottom: 1rem;
+        font-size: 0.95rem;
+        line-height: 1rem;
+      }
+
+      .card {
+        li {
+          .pic {
+            height: auto;
+          }
+
+          .texts {
+            margin-top: 1.2rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+      }
+
+      .news {
+        li {
+          padding: 1.2rem;
+
+          img {
+            width: 8rem;
+          }
         }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
+      }
+
+      .people {
+        li {
+          .pic {
+            height: auto;
+          }
         }
+      }
     }
-    .about {
-        .inner {
-            .des {
-                line-height: 1.5rem;
-            }
-        }
+  }
+
+  .about {
+    .inner {
+      .des {
+        line-height: 1.5rem;
+      }
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 18rem;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 18rem;
+
+      img {
+        height: 18rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 1rem 0;
+
+    .inner {
+      .intro {
+        margin-bottom: 1rem;
+        font-size: 0.95rem;
+        line-height: 1rem;
+      }
+
+      .card {
+        li {
+          .pic {
+            height: auto;
+          }
+
+          .texts {
+            margin-top: 1.2rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 18rem;
+      }
+
+      .news {
+        li {
+          padding: 1.2rem;
+
+          img {
+            width: 8rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 18rem;
-            img {
-                height: 18rem;
-            }
+      }
+
+      .people {
+        li {
+          .pic {
+            height: auto;
+          }
         }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .about {
-                .des {
-                    line-height: 1.5rem;
-                }
-            }
+      }
+
+      .about {
+        .des {
+          line-height: 1.5rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 20rem;
+  .wrap {
+    /deep/ .el-carousel {
+      height: 20rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 20rem;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 20rem;
+
+      img {
+        height: 20rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 1rem 0;
+
+    .inner {
+      .intro {
+        margin-bottom: 1rem;
+        font-size: 0.95rem;
+        line-height: 1rem;
+      }
+
+      .card {
+        li {
+          .pic {
+            height: auto;
+          }
+
+          .texts {
+            margin-top: 1.2rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 20rem;
+      }
+
+      .news {
+        li {
+          padding: 1.2rem;
+
+          img {
+            width: 8rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 20rem;
-            img {
-                height: 20rem;
-            }
+      }
+
+      .people {
+        li {
+          .pic {
+            height: auto;
+          }
         }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .about {
-                .des {
-                    line-height: 1.2rem;
-                }
-            }
-            .stat {
-                flex-direction: row;
-                li {
-                    width: 30%;
-                }
-            }
+      }
+
+      .about {
+        .des {
+          line-height: 1.2rem;
         }
+      }
+
+      .stat {
+        flex-direction: row;
+
+        li {
+          width: 30%;
+        }
+      }
     }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 22rem;
+  .wrap {
+    /deep/ .el-carousel {
+      height: 22rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 22rem;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 22rem;
+
+      img {
+        height: 22rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 1rem 0;
+
+    .inner {
+      .intro {
+        margin-bottom: 1rem;
+        font-size: 0.95rem;
+        line-height: 1rem;
+      }
+
+      .card {
+        flex-direction: row;
+
+        li {
+          width: 47%;
+
+          .pic {
+            height: auto;
+          }
+
+          .texts {
+            margin-top: 1.2rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 22rem;
+      }
+
+      .news {
+        li {
+          padding: 1.2rem;
+
+          img {
+            width: 8rem;
+          }
+        }
+      }
+
+      .people {
+        li {
+          flex-direction: row;
+
+          &:nth-child(2) {
+            flex-direction: row-reverse !important;
+          }
+
+          .pic {
+            width: 47%;
+            height: auto;
+          }
+
+          .texts {
+            width: 48%;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 22rem;
-            img {
-                height: 22rem;
-            }
+      }
+
+      .about {
+        .des {
+          line-height: 1.2rem;
         }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 47%;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    flex-direction: row;
-                    &:nth-child(2) {
-                        flex-direction: row-reverse !important;
-                    }
-                    .pic {
-                        width: 47%;
-                        height: auto;
-                    }
-                    .texts {
-                        width: 48%;
-                    }
-                }
-            }
-            .about {
-                .des {
-                    line-height: 1.2rem;
-                }
-            }
-            .stat {
-                flex-direction: row;
-                li {
-                    width: 30%;
-                }
-            }
+      }
+
+      .stat {
+        flex-direction: row;
+
+        li {
+          width: 30%;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 25rem;
+  .wrap {
+    /deep/ .el-carousel {
+      height: 25rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 25rem;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 25rem;
+
+      img {
+        height: 25rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 1rem 0;
+
+    .inner {
+      .intro {
+        margin-bottom: 1rem;
+        font-size: 0.95rem;
+        line-height: 1rem;
+      }
+
+      .card {
+        flex-direction: row;
+
+        li {
+          width: 47%;
+
+          .pic {
+            height: auto;
+          }
+
+          .texts {
+            margin-top: 1.2rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 25rem;
+      }
+
+      .news {
+        li {
+          padding: 1.2rem;
+
+          img {
+            width: 8rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 25rem;
-            img {
-                height: 25rem;
-            }
+      }
+
+      .people {
+        li {
+          flex-direction: row;
+
+          &:nth-child(2) {
+            flex-direction: row-reverse !important;
+          }
+
+          .pic {
+            width: 47%;
+            height: auto;
+          }
+
+          .texts {
+            width: 48%;
+          }
         }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 47%;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    flex-direction: row;
-                    &:nth-child(2) {
-                        flex-direction: row-reverse !important;
-                    }
-                    .pic {
-                        width: 47%;
-                        height: auto;
-                    }
-                    .texts {
-                        width: 48%;
-                    }
-                }
-            }
-            .about {
-                .des {
-                }
-            }
-            .stat {
-                flex-direction: row;
-                li {
-                    width: 30%;
-                }
-            }
+      }
+
+      .about {
+        .des {}
+      }
+
+      .stat {
+        flex-direction: row;
+
+        li {
+          width: 30%;
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file