diff --git a/package-lock.json b/package-lock.json
index 9920a70..0dc8684 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "vue-manage-system",
+  "name": "iasf",
   "version": "4.2.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -10268,9 +10268,9 @@
       }
     },
     "pinyin-pro": {
-      "version": "3.15.1",
-      "resolved": "https://registry.npmjs.org/pinyin-pro/-/pinyin-pro-3.15.1.tgz",
-      "integrity": "sha512-xG5gR/HkwEt39mLCAOTVlI6loYwmXvmx4iX6npBJ43GnyGu6EOjY/ukJBivvYObPKocwQ+4dc05cGOkk2hPdjw=="
+      "version": "3.23.1",
+      "resolved": "https://registry.npmjs.org/pinyin-pro/-/pinyin-pro-3.23.1.tgz",
+      "integrity": "sha512-fA345e5Zj+oAemjPKN9BpbTToUrq3J6ZVKEXpiCNNftFQahr4cKsBNnpGWR154WSOP3PgqlsaNgKklD8FlZvSw=="
     },
     "pkg-dir": {
       "version": "4.2.0",
diff --git a/package.json b/package.json
index f7d9ee4..9b8c9de 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "lru-cache": "^7.14.1",
     "mavon-editor": "^2.9.1",
     "node-sass": "^4.14.1",
-    "pinyin-pro": "^3.15.1",
+    "pinyin-pro": "^3.23.1",
     "vue": "^2.6.14",
     "vue-animate-number": "^0.4.2",
     "vue-cropperjs": "^3.0.0",
diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
index b76e19f..e203521 100644
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -368,7 +368,6 @@ export default {
     h6 {
         margin-bottom: 10px;
         font-size: 2.28rem;
-        font-family: toppan;
     }
     .des {
         font-size: 1.024rem;
@@ -545,7 +544,6 @@ export default {
         margin-bottom: 10px;
         font-size: 2.7rem;
         font-weight: 800;
-        font-family: toppan;
         color: #035ce1;
         line-height: 2.45rem;
     }
diff --git a/src/pages/aboutNew/index.vue b/src/pages/aboutNew/index.vue
index aabaf04..1d1f2b4 100644
--- a/src/pages/aboutNew/index.vue
+++ b/src/pages/aboutNew/index.vue
@@ -1,17 +1,12 @@
 <template>
-  <div class="wrap"
-       v-if="modules.length>=1">
-    <el-carousel height="24rem"
-                 :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 height="24rem" :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">
-          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]"
-               @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', { 'cursor-pointer': isLink(item.link.linkName) }]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <p class="banner-name">{{ item.title }}</p>
           </div>
         </el-carousel-item>
@@ -19,20 +14,16 @@
     </el-carousel>
 
     <div class="block history gray">
-      <div :class="['inner', {'cursor-pointer': isLink(modules[1].form.link.linkName)}]"
-           @click="openLink(modules[1].form)">
-        <h2 class="wow fadeInLeft"
-            style="margin-left: 3.56rem">{{ modules[1].form.title }}</h2>
-        <div class="texts wow fadeInDown"
-             data-wow-delay="0.5s">
+      <div :class="['inner', { 'cursor-pointer': isLink(modules[1].form.link.linkName) }]"
+        @click="openLink(modules[1].form)">
+        <h2 class="wow fadeInLeft" style="margin-left: 3.56rem">{{ modules[1].form.title }}</h2>
+        <div class="texts wow fadeInDown" data-wow-delay="0.5s">
           <div class="left">
             <h2>{{ modules[1].form.subTitle }}</h2>
             <div class="line"></div>
             <div class="des">{{ modules[1].form.des }}</div>
           </div>
-          <img class="bg"
-               :src="modules[1].form.pic"
-               alt="">
+          <img class="bg" :src="modules[1].form.pic" alt="">
         </div>
       </div>
     </div>
@@ -40,36 +31,29 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[7].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[7].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[7].form.des }}</p>
         <ul class="stat">
-          <li class="wow fadeInLeft"
-              data-wow-delay="0.2s">
+          <li class="wow fadeInLeft" data-wow-delay="0.2s">
             <p class="num">{{ modules[8].form.title }}</p>
             <p class="text">{{ modules[8].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft"
-              data-wow-delay="0.4s">
+          <li class="wow fadeInLeft" data-wow-delay="0.4s">
             <p class="num">{{ modules[9].form.title }}</p>
             <p class="text">{{ modules[9].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft"
-              data-wow-delay="0.6s">
+          <li class="wow fadeInLeft" data-wow-delay="0.6s">
             <p class="num">{{ modules[10].form.title }}</p>
             <p class="text">{{ modules[10].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft"
-              data-wow-delay="0.9s">
+          <li class="wow fadeInLeft" data-wow-delay="0.9s">
             <p class="num">{{ modules[11].form.title }}</p>
             <p class="text">{{ modules[11].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft"
-              data-wow-delay="1.1s">
+          <li class="wow fadeInLeft" data-wow-delay="1.1s">
             <p class="num">{{ modules[12].form.title }}</p>
             <p class="text">{{ modules[12].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft"
-              data-wow-delay="1.3s">
+          <li class="wow fadeInLeft" data-wow-delay="1.3s">
             <p class="num">{{ modules[13].form.title }}</p>
             <p class="text">{{ modules[13].form.des }}</p>
           </li>
@@ -78,16 +62,13 @@
     </div>
 
     <div class="plan">
-      <div :class="['inner', {'cursor-pointer': isLink(modules[14].form.link.linkName)}]"
-           @click="openLink(modules[14].form)">
-        <img class="pic wow fadeInLeft"
-             :src="modules[14].form.pic"
-             alt="">
+      <div :class="['inner', { 'cursor-pointer': isLink(modules[14].form.link.linkName) }]"
+        @click="openLink(modules[14].form)">
+        <img class="pic wow fadeInLeft" :src="modules[14].form.pic" alt="">
         <div class="texts wow fadeInRight">
           <h6>{{ modules[14].form.title }}</h6>
           <div class="des">{{ modules[14].form.des }}</div>
-          <img src="@/assets/images/arrow-white.png"
-               alt="">
+          <img src="@/assets/images/arrow-white.png" alt="">
         </div>
       </div>
     </div>
@@ -95,25 +76,17 @@
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp hide-bd">{{ modules[15].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[15].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[15].form.des }}</p>
         <ul class="people">
           <template v-for="(item, i) in modules[16].list">
-            <li v-if="item.isEnable"
-                :key="i"
-                class="wow fadeInDown"
-                data-wow-delay="0.5s">
-              <img class="pic"
-                   :src="item.pic"
-                   alt="">
+            <li v-if="item.isEnable" :key="i" class="wow fadeInDown" data-wow-delay="0.5s">
+              <img class="pic" :src="item.pic" alt="">
               <div class="texts">
                 <p class="sub">{{ item.subTitle }}</p>
                 <h6>{{ item.title }}</h6>
                 <p class="des">{{ item.des }}</p>
-                <img :class="{'arrow': isLink(item.link.linkName)}"
-                     src="@/assets/images/arrow.png"
-                     alt=""
-                     @click="openLink(item)">
+                <img :class="{ 'arrow': isLink(item.link.linkName) }" src="@/assets/images/arrow.png" alt=""
+                  @click="openLink(item)">
               </div>
             </li>
           </template>
@@ -124,36 +97,23 @@
     <div class="block list-block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[17].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[17].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[17].form.des }}</p>
         <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.6s"
-              :class="{'cursor-pointer': isLink(modules[18].form.link.linkName)}"
-              @click="openLink(modules[18].form)">
-            <img class="pic"
-                 :src="modules[18].form.pic"
-                 alt="">
+          <li class="wow fadeInDown" data-wow-delay="0.6s"
+            :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)">
+            <img class="pic" :src="modules[18].form.pic" alt="">
             <h6>{{ modules[18].form.title }}</h6>
             <p class="des">{{ modules[18].form.des }}</p>
           </li>
-          <li class="wow fadeInDown"
-              data-wow-delay="0.8s"
-              :class="{'cursor-pointer': isLink(modules[19].form.link.linkName)}"
-              @click="openLink(modules[19].form)">
-            <img class="pic"
-                 :src="modules[19].form.pic"
-                 alt="">
+          <li class="wow fadeInDown" data-wow-delay="0.8s"
+            :class="{ 'cursor-pointer': isLink(modules[19].form.link.linkName) }" @click="openLink(modules[19].form)">
+            <img class="pic" :src="modules[19].form.pic" alt="">
             <h6>{{ modules[19].form.title }}</h6>
             <p class="des">{{ modules[19].form.des }}</p>
           </li>
-          <li class="wow fadeInDown"
-              data-wow-delay="1s"
-              :class="{'cursor-pointer': isLink(modules[20].form.link.linkName)}"
-              @click="openLink(modules[20].form)">
-            <img class="pic"
-                 :src="modules[20].form.pic"
-                 alt="">
+          <li class="wow fadeInDown" data-wow-delay="1s"
+            :class="{ 'cursor-pointer': isLink(modules[20].form.link.linkName) }" @click="openLink(modules[20].form)">
+            <img class="pic" :src="modules[20].form.pic" alt="">
             <h6>{{ modules[20].form.title }}</h6>
             <p class="des">{{ modules[20].form.des }}</p>
           </li>
@@ -164,18 +124,14 @@
     <div class="block">
       <div class="inner staff-inner">
         <h2 class="b-title wow fadeInUp hide-bd">{{ modules[21].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[21].form.des }}</p>
-        <div :class="['staff wow fadeInDown', {'cursor-pointer': isLink(modules[22].form.link.linkName)}]"
-             data-wow-delay="0.7s"
-             @click="openLink(modules[22].form)">
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[21].form.des }}</p>
+        <div :class="['staff wow fadeInDown', { 'cursor-pointer': isLink(modules[22].form.link.linkName) }]"
+          data-wow-delay="0.7s" @click="openLink(modules[22].form)">
           <div class="left">
             <h6>{{ modules[22].form.title }}</h6>
             <div class="des">{{ modules[22].form.des }}</div>
           </div>
-          <img class="pic"
-               :src="modules[22].form.pic"
-               alt="">
+          <img class="pic" :src="modules[22].form.pic" alt="">
         </div>
       </div>
     </div>
@@ -219,333 +175,402 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .banner-item {
-    .banner-name {
-        font-size: 2.16rem;
-    }
+  .banner-name {
+    font-size: 2.16rem;
+  }
 }
+
 .history {
-    h2 {
-        font-size: 2.14rem;
-        color: #333;
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 5rem 3.5rem 1.8rem;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 6.25rem 0px 0px 0px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    .left {
-        width: 43.4375rem;
-    }
-    .line {
-        width: 8.5rem;
-        height: 2px;
-        margin: 1.25rem 0;
-        background: #d7d7d7;
-    }
-    .des {
-        font-size: 1.57rem;
-        color: #181818;
-        line-height: 31px;
-        -webkit-line-clamp: 6;
-    }
-    .bg {
-        width: 562px;
-        height: 506px;
-        margin: -122px 0 0 0;
-        border-top-right-radius: 40px;
-        object-fit: cover;
+  h2 {
+    font-size: 2.14rem;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 5rem 3.5rem 1.8rem;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 6.25rem 0px 0px 0px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  .left {
+    width: 43.4375rem;
+  }
+
+  .line {
+    width: 8.5rem;
+    height: 2px;
+    margin: 1.25rem 0;
+    background: #d7d7d7;
+  }
+
+  .des {
+    font-size: 1.57rem;
+    color: #181818;
+    line-height: 31px;
+    -webkit-line-clamp: 6;
+  }
+
+  .bg {
+    width: 562px;
+    height: 506px;
+    margin: -122px 0 0 0;
+    border-top-right-radius: 40px;
+    object-fit: cover;
+  }
 }
+
 .card {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        width: calc((100% - 28px) / 2);
-        // height: 13.85rem;
-        padding: 3.5rem 3.344rem;
-        margin-bottom: 1.4rem;
-        color: #fff;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:nth-child(odd) {
-            margin-right: 1.75rem;
-        }
-    }
-    .item1 {
-        background: url(../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
-    }
-    .item2 {
-        background-color: #4984b6;
-    }
-    .item3 {
-        background-color: #567180;
-    }
-    .item4 {
-        background: url(../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
-    }
-    h6 {
-        margin-bottom: 10px;
-        font-size: 2.28rem;
-        font-family: toppan;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    width: calc((100% - 28px) / 2);
+    // height: 13.85rem;
+    padding: 3.5rem 3.344rem;
+    margin-bottom: 1.4rem;
+    color: #fff;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
-    .des {
-        font-size: 1.024rem;
+
+    &:nth-child(odd) {
+      margin-right: 1.75rem;
     }
+  }
+
+  .item1 {
+    background: url(../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
+  }
+
+  .item2 {
+    background-color: #4984b6;
+  }
+
+  .item3 {
+    background-color: #567180;
+  }
+
+  .item4 {
+    background: url(../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
+  }
+
+  h6 {
+    margin-bottom: 10px;
+    font-size: 2.28rem;
+  }
+
+  .des {
+    font-size: 1.024rem;
+  }
 }
+
 .plan {
-    padding: 3.65rem 0;
-    background: #072947;
-    .inner {
-        display: flex;
-        justify-content: space-between;
-    }
-    .pic {
-        width: 33.2rem;
-        height: 24.4rem;
-        margin-bottom: -4.8rem;
-        transition: 0.3s;
-        object-fit: cover;
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    .texts {
-        width: 51%;
-        margin-top: 4.25rem;
-        color: #fff;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-        }
-        img {
-            width: 3.5rem;
-            height: 3.5rem;
-        }
+  padding: 3.65rem 0;
+  background: #072947;
+
+  .inner {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .pic {
+    width: 33.2rem;
+    height: 24.4rem;
+    margin-bottom: -4.8rem;
+    transition: 0.3s;
+    object-fit: cover;
+
+    &:hover {
+      transform: scale(1.05);
     }
-    h6 {
-        font-size: 2.056rem;
+  }
+
+  .texts {
+    width: 51%;
+    margin-top: 4.25rem;
+    color: #fff;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
     }
-    .des {
-        margin: 2rem 0;
-        font-size: 1.1424rem;
+
+    img {
+      width: 3.5rem;
+      height: 3.5rem;
     }
+  }
+
+  h6 {
+    font-size: 2.056rem;
+  }
+
+  .des {
+    margin: 2rem 0;
+    font-size: 1.1424rem;
+  }
 }
+
 .people {
-    li {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 6.296rem;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-    }
-    .pic {
-        width: 47%;
-        height: auto;
-        object-fit: cover;
-    }
-    .texts {
-        width: 49%;
-        padding-top: 4.45rem;
-    }
-    h6 {
-        margin: 1rem 0;
-        font-size: 2.28rem;
-        font-weight: 600;
-    }
-    .sub {
-        font-size: 1.1424rem;
-        color: #020202;
-    }
-    .des {
-        font-size: 1.024rem;
-        color: #020202;
-        line-height: 30px;
+  li {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 6.296rem;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
-    .arrow {
-        height: 3.7rem;
-        width: 3.7rem;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
     }
+  }
+
+  .pic {
+    width: 47%;
+    height: auto;
+    object-fit: cover;
+  }
+
+  .texts {
+    width: 49%;
+    padding-top: 4.45rem;
+  }
+
+  h6 {
+    margin: 1rem 0;
+    font-size: 2.28rem;
+    font-weight: 600;
+  }
+
+  .sub {
+    font-size: 1.1424rem;
+    color: #020202;
+  }
+
+  .des {
+    font-size: 1.024rem;
+    color: #020202;
+    line-height: 30px;
+  }
+
+  .arrow {
+    height: 3.7rem;
+    width: 3.7rem;
+  }
 }
+
 .list-block {
-    .inner {
-        padding: 5.625rem 0;
-        background-color: #fff;
-    }
+  .inner {
+    padding: 5.625rem 0;
+    background-color: #fff;
+  }
 }
+
 .list {
-    display: flex;
-    justify-content: center;
-    li {
-        flex: 1;
-        padding-bottom: 1.875rem;
-        margin-right: 1.75rem;
-        text-align: center;
-        background-color: #f5f5f5;
-        transition: 0.3s;
-        &:hover {
-            background-color: #1f5793;
-            h6,
-            .des {
-                color: #fff;
-            }
-        }
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-    .pic {
-        width: 100%;
-    }
-    h6 {
-        margin: 1.75rem 0 5px;
-        font-size: 1.368rem;
-        color: #272727;
-        transition: 0.3s;
+  display: flex;
+  justify-content: center;
+
+  li {
+    flex: 1;
+    padding-bottom: 1.875rem;
+    margin-right: 1.75rem;
+    text-align: center;
+    background-color: #f5f5f5;
+    transition: 0.3s;
+
+    &:hover {
+      background-color: #1f5793;
+
+      h6,
+      .des {
+        color: #fff;
+      }
     }
-    .des {
-        font-size: 0.912rem;
-        color: #757575;
-        transition: 0.3s;
+
+    &:last-child {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+  }
+
+  h6 {
+    margin: 1.75rem 0 5px;
+    font-size: 1.368rem;
+    color: #272727;
+    transition: 0.3s;
+  }
+
+  .des {
+    font-size: 0.912rem;
+    color: #757575;
+    transition: 0.3s;
+  }
 }
+
 .staff {
-    display: flex;
-    justify-content: space-between;
-    background: #f8f8f8;
-    transition: 0.3s;
-    &:hover {
-        transform: scale(1.05);
-        background-color: #165191;
-        h6,
-        .des {
-            color: #fff;
-        }
+  display: flex;
+  justify-content: space-between;
+  background: #f8f8f8;
+  transition: 0.3s;
+
+  &:hover {
+    transform: scale(1.05);
+    background-color: #165191;
+
+    h6,
+    .des {
+      color: #fff;
     }
-    .staff-inner {
-        width: 98rem;
+  }
+
+  .staff-inner {
+    width: 98rem;
+  }
+
+  .left {
+    width: 50%;
+    padding: 5.4rem 2.15rem 0 2.3rem;
+  }
+
+  h6 {
+    margin-bottom: 1.5rem;
+    font-size: 1.712rem;
+    color: #333;
+    transition: 0.3s;
+    @include mul-ellipsis(3);
+  }
+
+  .des {
+    font-size: 1.42rem;
+    color: #333;
+    line-height: 1.94rem;
+    transition: 0.3s;
+  }
+
+  .pic {
+    width: 53%;
+    height: auto;
+    object-fit: cover;
+  }
+}
+
+.stat {
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin-top: 3rem;
+
+  li {
+    width: 27%;
+    margin-bottom: 2.5rem;
+  }
+
+  .num {
+    margin-bottom: 10px;
+    font-size: 2.7rem;
+    font-weight: 800;
+    color: #035ce1;
+    line-height: 2.45rem;
+  }
+
+  .text {
+    font-size: 1.08rem;
+  }
+}
+
+@media (max-width: 1200px) {
+  .hide-bd:after {
+    display: none;
+  }
+
+  .history {
+    .texts {
+      flex-direction: column;
+      padding-left: 30px;
+      padding-right: 30px;
     }
+
     .left {
-        width: 50%;
-        padding: 5.4rem 2.15rem 0 2.3rem;
-    }
-    h6 {
-        margin-bottom: 1.5rem;
-        font-size: 1.712rem;
-        color: #333;
-        transition: 0.3s;
-        @include mul-ellipsis(3);
+      width: 100%;
+      margin-right: 0;
     }
-    .des {
-        font-size: 1.42rem;
-        color: #333;
-        line-height: 1.94rem;
-        transition: 0.3s;
-    }
-    .pic {
-        width: 53%;
-        height: auto;
-        object-fit: cover;
+
+    .bg {
+      width: 100%;
+      height: auto;
+      margin-top: 20px;
     }
-}
-.stat {
-    display: flex;
-    justify-content: space-around;
-    flex-wrap: wrap;
-    margin-top: 3rem;
+  }
+
+  .stat {
     li {
-        width: 27%;
-        margin-bottom: 2.5rem;
-    }
-    .num {
-        margin-bottom: 10px;
-        font-size: 2.7rem;
-        font-weight: 800;
-        font-family: toppan;
-        color: #035ce1;
-        line-height: 2.45rem;
+      width: 35%;
     }
-    .text {
-        font-size: 1.08rem;
+  }
+
+  .plan {
+    .inner {
+      flex-direction: column;
     }
-}
 
-@media (max-width: 1200px) {
-    .hide-bd:after {
-        display: none;
+    .pic {
+      width: 100%;
+      height: auto;
+      margin-bottom: 0;
     }
-    .history {
-        .texts {
-            flex-direction: column;
-            padding-left: 30px;
-            padding-right: 30px;
-        }
-        .left {
-            width: 100%;
-            margin-right: 0;
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-            margin-top: 20px;
-        }
+
+    .texts {
+      width: 100%;
     }
-    .stat {
-        li {
-            width: 35%;
-        }
+  }
+
+  .people {
+    li {
+      flex-direction: column !important;
     }
-    .plan {
-        .inner {
-            flex-direction: column;
-        }
-        .pic {
-            width: 100%;
-            height: auto;
-            margin-bottom: 0;
-        }
-        .texts {
-            width: 100%;
-        }
+
+    .pic,
+    .texts {
+      width: 100%;
     }
-    .people {
-        li {
-            flex-direction: column !important;
-        }
-        .pic,
-        .texts {
-            width: 100%;
-        }
+  }
+
+  .list {
+    flex-direction: column;
+
+    li {
+      margin-right: 0;
     }
-    .list {
-        flex-direction: column;
-        li {
-            margin-right: 0;
-        }
+  }
+
+  .staff {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+      margin-bottom: 20px;
     }
-    .staff {
-        flex-direction: column;
-        .left {
-            width: 100%;
-            margin-bottom: 20px;
-        }
-        .pic {
-            width: 100%;
-        }
+
+    .pic {
+      width: 100%;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/application/index.vue b/src/pages/application/index.vue
index 2941884..92ff75c 100644
--- a/src/pages/application/index.vue
+++ b/src/pages/application/index.vue
@@ -316,7 +316,6 @@ export default {
         align-items: center;
         height: 6.43rem;
         font-size: 1.44rem;
-        font-family: SFProDisplay-Bold, SFProDisplay;
         font-weight: bold;
         line-height: 6.43rem;
         text-align: center;
diff --git a/src/pages/article/activity.vue b/src/pages/article/activity.vue
index 692e0eb..1465fa7 100644
--- a/src/pages/article/activity.vue
+++ b/src/pages/article/activity.vue
@@ -1,42 +1,32 @@
 <template>
   <div class="wrap">
-    <div v-if="form.bannerImg"
-         class="banner"
-         :style="{backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : ''}">
+    <div v-if="form.bannerImg" class="banner"
+      :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
       {{ form.columnName }}
     </div>
     <div class="content">
-      <Breadcrumb ref="breadcrumb"
-                  :data.sync="routes" />
+      <Breadcrumb ref="breadcrumb" :data.sync="routes" />
       <div class="article">
         <div class="left">
           <h2>{{ form.title }}</h2>
-          <div class="meta">{{$t('column.time')}}：{{ form.activityStartTime }}</div>
-          <div v-if="form.offlineLocation"
-               class="meta">{{$t('column.address')}}：{{ form.offlineLocation }}</div>
-          <div v-if="form.onlineLocation"
-               class="meta">{{$t('column.online')}}：{{ form.onlineLocation }}</div>
-          <div v-if="form.offlineLocation"
-               class="meta">{{$t('column.offline')}}：{{ form.offlineLocation }}</div>
-          <div v-if="form.keynoteSpeaker"
-               class="meta">{{$t('column.speaker')}}：{{ form.keynoteSpeaker }}</div>
-          <div v-if="form.lectureSeries"
-               class="meta">{{$t('column.series')}}：{{ form.lectureSeries }}</div>
-
-          <h6>{{$t('column.ActivityIntroduction')}}</h6>
-          <div> {{ form.eventProfile }}</div>
-
-          <h6>{{$t('column.content')}}</h6>
+          <div class="meta">{{ $t('column.time') }}：{{ form.activityStartTime }}</div>
+          <div v-if="form.offlineLocation" class="meta">{{ $t('column.address') }}：{{ form.offlineLocation }}</div>
+          <div v-if="form.onlineLocation" class="meta">{{ $t('column.online') }}：{{ form.onlineLocation }}</div>
+          <div v-if="form.offlineLocation" class="meta">{{ $t('column.offline') }}：{{ form.offlineLocation }}</div>
+          <div v-if="form.keynoteSpeaker" class="meta">{{ $t('column.speaker') }}：{{ form.keynoteSpeaker }}</div>
+          <div v-if="form.lectureSeries" class="meta">{{ $t('column.series') }}：{{ form.lectureSeries }}</div>
+
+          <h6>{{ $t('column.ActivityIntroduction') }}</h6>
+          <div class="profile"> {{ form.eventProfile }}</div>
+
+          <h6>{{ $t('column.content') }}</h6>
           <div v-html="form.mainBody"></div>
-          <div v-if="form.fileList && form.fileList.length"
-               class="annex">
-            <h6>{{$t('column.attachmentDownload')}}</h6>
+          <div v-if="form.fileList && form.fileList.length" class="annex">
+            <h6>{{ $t('column.attachmentDownload') }}</h6>
             <ul class="files">
-              <li v-for="(file, i) in form.fileList"
-                  :key="i">
+              <li v-for="(file, i) in form.fileList" :key="i">
                 <span class="name">{{ file.fileName }}</span>
-                <span class="download"
-                      @click="download(file)">{{$t('column.download')}}</span>
+                <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
               </li>
             </ul>
           </div>
@@ -144,110 +134,135 @@ export default {
 
 <style lang="scss" scoped>
 @import './editor.css';
+
 .content {
-    width: 1200px;
+  width: 1200px;
 }
+
 .banner {
-    height: 280px;
-    padding: 123px 0 0 243px;
-    font-size: 48px;
-    color: #fff;
-    background: url(../../assets/images/intro-bg.png) 0 0/100% 100% no-repeat;
-    object-fit: cover;
+  height: 280px;
+  padding: 123px 0 0 243px;
+  font-size: 48px;
+  color: #fff;
+  background: url(../../assets/images/intro-bg.png) 0 0/100% 100% no-repeat;
+  object-fit: cover;
 }
+
 .article {
-    display: flex;
-    justify-content: space-between;
-    .left {
-        width: 66%;
+  display: flex;
+  justify-content: space-between;
+
+  .left {
+    width: 66%;
+  }
+
+  h2 {
+    margin-bottom: 20px;
+    font-size: 36px;
+    color: #1c1c1c;
+  }
+
+  .meta {
+    margin: 10px 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
+  }
+
+  /deep/.des {
+    a {
+      color: rgb(0, 0, 238);
+      word-wrap: break-word;
     }
-    h2 {
-        margin-bottom: 20px;
-        font-size: 36px;
-        color: #1c1c1c;
+
+    img {
+      max-width: 100%;
     }
-    .meta {
-        margin: 10px 0;
-        font-size: 18px;
-        font-weight: 600;
-        color: #333;
+  }
+
+  .annex {
+    margin-top: 30px;
+
+    h6 {
+      padding-left: 8px;
+      margin-bottom: 20px;
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 1;
+      color: #333;
+      border-left: 4px solid #1583ff;
     }
-    /deep/.des {
-        a {
-            color: rgb(0, 0, 238);
-            word-wrap: break-word;
-        }
-        img {
-            max-width: 100%;
-        }
+
+    li {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
     }
-    .annex {
-        margin-top: 30px;
-        h6 {
-            padding-left: 8px;
-            margin-bottom: 20px;
-            font-size: 16px;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            line-height: 1;
-            color: #333;
-            border-left: 4px solid #1583ff;
-        }
-        li {
-            display: flex;
-            align-items: center;
-            margin-bottom: 10px;
-        }
-        .name {
-            margin-right: 8px;
-            font-size: 14px;
-        }
-        .download {
-            color: #1583ff;
-            cursor: pointer;
-        }
+
+    .name {
+      margin-right: 8px;
+      font-size: 14px;
     }
-    h6 {
-        margin: 30px 0 10px;
-        font-size: 18px;
+
+    .download {
+      color: #1583ff;
+      cursor: pointer;
     }
+  }
+
+  h6 {
+    margin: 30px 0 10px;
+    font-size: 18px;
+  }
+
+  .profile {
+    font-size: 16px;
+    line-height: 1.5;
+  }
 }
 
 @media (max-width: 1420px) {
-    .content {
-        width: 98%;
-    }
+  .content {
+    width: 98%;
+  }
 }
+
 @media (max-width: 1200px) {
-    .article {
-        /deep/.des {
-            img {
-                max-width: 100%;
-                height: 15rem;
-            }
-        }
+  .article {
+    /deep/.des {
+      img {
+        max-width: 100%;
+        height: 15rem;
+      }
     }
-    .banner {
+  }
+
+  .banner {
+    font-size: 1.5rem;
+  }
+
+  .article {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+
+      h2 {
         font-size: 1.5rem;
+      }
     }
-    .article {
-        flex-direction: column;
-        .left {
-            width: 100%;
-            h2 {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .article {
-        .des {
-            img {
-                height: 15rem !important;
-            }
-        }
-    }
-    .right {
-        width: 100%;
+  }
+
+  .article {
+    .des {
+      img {
+        height: 15rem !important;
+      }
     }
+  }
+
+  .right {
+    width: 100%;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/article/editor.css b/src/pages/article/editor.css
index 7228ffc..7ae124b 100644
--- a/src/pages/article/editor.css
+++ b/src/pages/article/editor.css
@@ -32,7 +32,6 @@
 .tiny-wrap .block p {
     margin: 0 0 10px;
     font-size: 19px;
-    font-family: SFProDisplay;
     font-weight: 400;
     color: #101010;
     line-height: 32px;
@@ -40,14 +39,12 @@
 }
 .tiny-wrap .en-block p,
 .tiny-wrap .en-block .img-des {
-    font-family: ProximaNova;
     letter-spacing: -0.0135em;
     line-height: 1.5em;
 }
 .tiny-wrap .block .tiny-title {
     margin: 10px 0;
     font-size: 24px;
-    font-family: SFProDisplay;
     font-weight: 500;
     color: #101010;
     line-height: 32px;
@@ -90,7 +87,6 @@
 }
 .tiny-wrap .people h6 {
     font-size: 24px;
-    font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
     color: #333333;
 }
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index bb0417d..9d6041e 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -272,7 +272,6 @@ export default {
       padding-left: 8px;
       margin-bottom: 20px;
       font-size: 16px;
-      font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
       line-height: 1;
       color: #333;
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index ee3331e..b06f38e 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -1064,7 +1064,6 @@ export default {
       align-items: center;
       font-size: 0.88rem;
       line-height: 1;
-      font-family: PingFangSC-Medium;
       color: #333;
     }
 
@@ -1141,7 +1140,6 @@ export default {
 
     .d {
       font-size: 2rem;
-      font-family: DINCondensed-Bold, DINCondensed;
       font-weight: bold;
       line-height: 43px;
     }
@@ -1326,7 +1324,6 @@ export default {
       padding-left: 8px;
       margin-bottom: 20px;
       font-size: 16px;
-      font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
       line-height: 1;
       color: #333;
diff --git a/src/pages/contactUs/index.vue b/src/pages/contactUs/index.vue
index 3e166ca..c3a8104 100644
--- a/src/pages/contactUs/index.vue
+++ b/src/pages/contactUs/index.vue
@@ -2,9 +2,7 @@
   <!-- 联系我们 -->
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="" />
+      <img class="banner-img" :src="modules[0].form.pic" alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -12,46 +10,24 @@
 
     <div class="block">
       <div class="inner">
-        <Breadcrumb ref="breadcrumb"
-                    :data.sync="routes" />
+        <Breadcrumb ref="breadcrumb" :data.sync="routes" />
         <div class="contact">
           <div class="fields">
             <h6>{{ modules[1].form.title }}</h6>
             <div v-html="modules[1].form.info"></div>
           </div>
-          <img :src="modules[2].form.pic"
-               alt=""
-               class="pic">
-          <el-table :data="modules[3].list"
-                    class="patent-table"
-                    ref="table"
-                    stripe
-                    header-align="center">
-            <el-table-column prop="dep"
-                             label="部门"
-                             align="center"
-                             min-width="250"></el-table-column>
-            <el-table-column prop="contacts"
-                             label="联系人"
-                             align="center"
-                             min-width="100"></el-table-column>
-            <el-table-column prop="phone"
-                             align="center"
-                             min-width="150">
-              <template slot="header"
-                        slot-scope="scope">
-                <img src="@/assets/images/tel1.png"
-                     alt=""> 电话
+          <img :src="modules[2].form.pic" alt="" class="pic">
+          <el-table :data="modules[3].list" class="patent-table" ref="table" stripe header-align="center">
+            <el-table-column prop="dep" label="部门" align="center" min-width="250"></el-table-column>
+            <el-table-column prop="contacts" label="联系人" align="center" min-width="100"></el-table-column>
+            <el-table-column prop="phone" align="center" min-width="150">
+              <template slot="header" slot-scope="scope">
+                <img src="@/assets/images/tel1.png" alt=""> 电话
               </template>
             </el-table-column>
-            <el-table-column prop="email"
-                             align="center"
-                             min-width="150">
-              <template slot="header"
-                        slot-scope="scope">
-                <img style="width: 20px"
-                     src="@/assets/images/email-white.png"
-                     alt=""> 邮箱
+            <el-table-column prop="email" align="center" min-width="150">
+              <template slot="header" slot-scope="scope">
+                <img style="width: 20px" src="@/assets/images/email-white.png" alt=""> 邮箱
               </template>
             </el-table-column>
           </el-table>
@@ -143,66 +119,75 @@ export default {
 @import '../../styles/page/page.scss';
 
 .single-banner {
-    .banner-img {
-        height: 21.6rem;
+  .banner-img {
+    height: 21.6rem;
+  }
+
+  .texts {
+    h6 {
+      font-size: 2.16rem;
+      margin-bottom: 0.95rem;
     }
-    .texts {
-        h6 {
-            font-size: 2.16rem;
-            margin-bottom: 0.95rem;
-        }
-        .banner-des {
-            font-size: 0.96rem;
-        }
+
+    .banner-des {
+      font-size: 0.96rem;
     }
+  }
 }
+
 .block {
-    padding: 2rem 0;
-    background: url(https://new.iasf.ac.cn/images/contactUs/3.png) 0 130px no-repeat,
-        url(https://new.iasf.ac.cn/images/contactUs/4.png) bottom right no-repeat;
-    background-color: #f7f8fa;
+  padding: 2rem 0;
+  background: url(https://new.iasf.ac.cn/images/contactUs/3.png) 0 130px no-repeat,
+    url(https://new.iasf.ac.cn/images/contactUs/4.png) bottom right no-repeat;
+  background-color: #f7f8fa;
 }
+
 .inner {
-    .contact {
-        padding: 3rem 6rem;
-        background-color: #fff;
-    }
-    .fields {
-        position: relative;
-        padding: 2rem;
-        border: 4px solid #f9f9f9;
-        h6 {
-            position: absolute;
-            top: -16px;
-            left: 60px;
-            font-size: 1.1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-            background-color: #fff;
-        }
-        .text {
-            font-size: 1rem;
-            color: #333;
-            line-height: 1.6;
-        }
+  .contact {
+    padding: 3rem 6rem;
+    background-color: #fff;
+  }
+
+  .fields {
+    position: relative;
+    padding: 2rem;
+    border: 4px solid #f9f9f9;
+
+    h6 {
+      position: absolute;
+      top: -16px;
+      left: 60px;
+      font-size: 1.1rem;
+      color: #333;
+      background-color: #fff;
     }
-    .pic {
-        width: 100%;
-        margin: 2rem 0 1.5rem;
+
+    .text {
+      font-size: 1rem;
+      color: #333;
+      line-height: 1.6;
     }
+  }
+
+  .pic {
+    width: 100%;
+    margin: 2rem 0 1.5rem;
+  }
 }
+
 /deep/.patent-table {
-    thead tr,
-    thead th {
-        color: #fff;
-        background-color: #1583ff;
-    }
+  thead tr,
+  thead th {
+    color: #fff;
+    background-color: #1583ff;
+  }
 }
+
 @media (max-width: 1200px) {
-    .inner {
-        .contact {
-            padding: 3rem 1rem;
-        }
+  .inner {
+    .contact {
+      padding: 3rem 1rem;
     }
+  }
 }
 </style>
diff --git a/src/pages/devHistory/index.vue b/src/pages/devHistory/index.vue
index 82dfc77..811259c 100644
--- a/src/pages/devHistory/index.vue
+++ b/src/pages/devHistory/index.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="" />
+      <img class="banner-img" :src="modules[0].form.pic" alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -13,13 +11,10 @@
       <div class="inner">
         <h6 v-html="modules[1].form.title"></h6>
         <p class="en">{{ modules[1].form.subTitle }}</p>
-        <div class="text"
-             v-html="modules[1].form.des"></div>
+        <div class="text" v-html="modules[1].form.des"></div>
         <h6 style="font-size: 1.6rem">{{ modules[2].form.title }}</h6>
-        <p class="en"
-           style="margin-top: -15px;font-size: 1.6rem">{{ modules[2].form.subTitle }}</p>
-        <div class="text"
-             v-html="modules[2].form.des"></div>
+        <p class="en" style="margin-top: -15px;font-size: 1.6rem">{{ modules[2].form.subTitle }}</p>
+        <div class="text" v-html="modules[2].form.des"></div>
       </div>
     </div>
   </div>
@@ -36,6 +31,12 @@ export default {
 
     };
   },
+  watch: {
+    '$route.query' () {
+      this.id = this.$route.query.id
+      this.getInfo()
+    }
+  },
   mounted () {
     new WOW().init();
   },
@@ -49,7 +50,7 @@ export default {
           const json = JSON.parse(
             this.preview
               ? data
-              : data[data.length - 1][
+              : data[0][
               data[data.length - 1].state ? "theEditedJson" : "jsonBeforeEditing"
               ]
           );
@@ -66,85 +67,101 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .history {
-    .inner {
-        width: 1000px;
-    }
-    h6 {
-        position: relative;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-    }
-    .en {
-        margin-top: -25px;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #e3e3e3;
-    }
-    .text {
-        max-width: 1200px;
-        margin: 30px 0;
-        overflow: auto;
-        /deep/ img {
-            width: 100% !important;
-            height: auto;
-        }
+  .inner {
+    width: 1000px;
+  }
+
+  h6 {
+    position: relative;
+    font-size: 2.2rem;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .en {
+    margin-top: -25px;
+    font-size: 2.2rem;
+    font-weight: 300;
+    color: #e3e3e3;
+  }
+
+  .text {
+    max-width: 1200px;
+    margin: 30px 0;
+    overflow: auto;
+
+    /deep/ img {
+      width: 100% !important;
+      height: auto;
     }
+  }
 }
+
 @media (max-width: 1200px) {
-    .tab-content {
-        width: 90%;
-        span {
-            font-size: 1.35rem;
-        }
+  .tab-content {
+    width: 90%;
+
+    span {
+      font-size: 1.35rem;
     }
+  }
 
-    .block {
-        padding: 1.25rem 0;
-        .inner {
-            width: 90%;
-            h2 {
-                font-size: 1.5rem;
-            }
-            p {
-                font-size: 1rem;
-                margin: 10px 0 1.25rem;
-            }
-            .event {
-                flex-direction: column;
-                .time {
-                    width: 100%;
-                    li {
-                        width: 100%;
-                        justify-content: flex-start;
-                    }
-                }
-                .right {
-                    margin-top: 1.25rem;
-                    width: 100%;
-                    h6 {
-                        font-size: 2rem;
-                    }
-                    .list {
-                        li {
-                            padding: 1.25rem;
-                            flex-direction: column;
-                            align-items: flex-start;
-                            .texts {
-                                width: 100%;
-                            }
-                            .pic {
-                                width: 100%;
-                                height: auto;
-                            }
-                        }
-                    }
-                }
+  .block {
+    padding: 1.25rem 0;
+
+    .inner {
+      width: 90%;
+
+      h2 {
+        font-size: 1.5rem;
+      }
+
+      p {
+        font-size: 1rem;
+        margin: 10px 0 1.25rem;
+      }
+
+      .event {
+        flex-direction: column;
+
+        .time {
+          width: 100%;
+
+          li {
+            width: 100%;
+            justify-content: flex-start;
+          }
+        }
+
+        .right {
+          margin-top: 1.25rem;
+          width: 100%;
+
+          h6 {
+            font-size: 2rem;
+          }
+
+          .list {
+            li {
+              padding: 1.25rem;
+              flex-direction: column;
+              align-items: flex-start;
+
+              .texts {
+                width: 100%;
+              }
+
+              .pic {
+                width: 100%;
+                height: auto;
+              }
             }
+          }
         }
+      }
     }
+  }
 }
 </style>
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index a562e98..5715334 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -504,12 +504,10 @@ $bannerMh: 800px;
     h6 {
       margin-bottom: 30px;
       font-size: 68px;
-      font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
     }
 
     .text {
       font-size: 24px;
-      font-family: AppleSystemUIFont;
     }
   }
 }
@@ -532,14 +530,14 @@ $bannerMh: 800px;
 
   .b-title {
     font-size: 35px;
-    font-family: PingFangSC-Semibold, PingFang SC;
+
     color: #333;
   }
 
   .intro {
     margin-bottom: 3.6rem;
     font-size: 26px;
-    font-family: FZLTXHK--GBK1-0, FZLTXHK--GBK1;
+
     color: #5b5b5e;
   }
 }
@@ -591,7 +589,7 @@ $bannerMh: 800px;
     width: 100%;
     height: 100%;
     font-size: 45px;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     color: #fff;
     background-color: rgba(0, 0, 0, 0.3);
     transition: 0.3s;
@@ -616,14 +614,14 @@ $bannerMh: 800px;
 
   .name {
     font-size: 45px;
-    font-family: PingFangSC-Medium, PingFang SC;
+
   }
 
   h6 {
     margin: 10px 0 20px;
     line-height: 63px;
     font-size: 45px;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     @include mul-ellipsis(2);
   }
 
@@ -691,7 +689,7 @@ $bannerMh: 800px;
 
     h6 {
       font-size: 24px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+
       line-height: 43px;
       @include mul-ellipsis(2);
     }
@@ -778,7 +776,7 @@ $bannerMh: 800px;
 
   h6 {
     font-size: 20px;
-    font-family: PingFangSC-Semibold, PingFang SC;
+
     color: #333;
     @include ellipsis;
   }
@@ -828,7 +826,7 @@ $bannerMh: 800px;
 
   h6 {
     font-size: 24px;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     cursor: pointer;
   }
 
@@ -845,7 +843,7 @@ $bannerMh: 800px;
 
   .des {
     font-size: 20px;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     -webkit-line-clamp: 2;
     line-height: 30px;
     cursor: pointer;
@@ -991,14 +989,14 @@ $bannerMh: 800px;
 
   h6 {
     font-size: 1.1rem;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     color: #333;
   }
 
   .job {
     margin: 18px 0 12px;
     font-size: 1rem;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     color: #333;
   }
 
@@ -1034,7 +1032,7 @@ $bannerMh: 800px;
 
   h6 {
     font-size: 30px;
-    font-family: PingFangSC-Medium, PingFang SC;
+
   }
 
   .sub-title {
@@ -1079,7 +1077,7 @@ $bannerMh: 800px;
 
   h6 {
     font-size: 36px;
-    font-family: PingFangSC-Semibold, PingFang SC;
+
     color: #fff;
   }
 
@@ -1122,7 +1120,7 @@ $bannerMh: 800px;
   .text {
     margin-top: 15px;
     font-size: 1rem;
-    font-family: PingFangSC-Medium, PingFang SC;
+
     color: #48525e;
   }
 }
diff --git a/src/pages/research/index.vue b/src/pages/research/index.vue
index 0f426d0..c6119e1 100644
--- a/src/pages/research/index.vue
+++ b/src/pages/research/index.vue
@@ -1,16 +1,12 @@
 <template>
-  <div class="wrap"
-       v-if="modules.length>=1">
+  <div class="wrap" v-if="modules.length >= 1">
     <el-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'">
+      :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">
-          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]"
-               @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', { 'cursor-pointer': isLink(item.link.linkName) }]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <p class="banner-name">{{ item.title }}</p>
           </div>
         </el-carousel-item>
@@ -19,22 +15,14 @@
 
     <div class="block">
       <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="area">
-        <li v-for="(item, i) in modules[2].list"
-            :key="i"
-            class="wow fadeInDown"
-            :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-            :class="{'cursor-pointer': isLink(item.link.linkName)}"
-            @click="openLink(item)">
-          <img :src="item.pic"
-               alt=""
-               class="pic">
+        <li v-for="(item, i) in modules[2].list" :key="i" class="wow fadeInDown"
+          :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+          @click="openLink(item)">
+          <img :src="item.pic" alt="" class="pic">
           <div class="texts">
-            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')"
-                 alt=""
-                 class="icon">
+            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')" alt="" class="icon">
             <h6>{{ item.title }}</h6>
             <p class="des">{{ item.des }}</p>
           </div>
@@ -45,17 +33,12 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[3].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
         <ul class="group">
-          <li v-for="(item, i) in modules[4].list"
-              :key="i"
-              class="wow fadeInDown"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              :class="{'cursor-pointer': isLink(item.link.linkName)}"
-              @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+          <li v-for="(item, i) in modules[4].list" :key="i" class="wow fadeInDown"
+            :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+            @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <p class="text">{{ item.title }}</p>
           </li>
         </ul>
@@ -65,17 +48,12 @@
     <div class="block">
       <div class="inner news-inner">
         <h2 class="b-title wow fadeInUp">{{ modules[5].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[5].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[5].form.des }}</p>
         <ul class="news">
-          <li v-for="(item, i) in modules[6].list"
-              :key="i"
-              class="wow fadeInDown"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              :class="{'cursor-pointer': isLink(item.link.linkName)}"
-              @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+          <li v-for="(item, i) in modules[6].list" :key="i" class="wow fadeInDown"
+            :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+            @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
               <div class="des">{{ item.des }}</div>
@@ -124,973 +102,1192 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .wrap {
-    /deep/ .el-carousel {
-        height: 24rem;
-        .el-carousel__container {
-            height: 24rem;
-        }
-        img {
-            height: 24rem;
-        }
+  /deep/ .el-carousel {
+    height: 24rem;
+
+    .el-carousel__container {
+      height: 24rem;
+    }
+
+    img {
+      height: 24rem;
     }
+  }
 }
+
 .banner-item {
-    .banner-name {
-        font-size: 2.16rem;
-    }
+  .banner-name {
+    font-size: 2.16rem;
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
-    .intro {
-        margin-bottom: 4rem;
-    }
+  padding: 3.85rem 0;
+
+  .intro {
+    margin-bottom: 4rem;
+  }
 }
+
 .area {
-    display: flex;
-    li {
-        position: relative;
-        width: 19%;
-        color: #fff;
-        background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-            .icon {
-                transform: rotateY(360deg);
-            }
-        }
-        &:nth-child(2) {
-            width: 21%;
-            margin-top: 70px;
-            .texts {
-                background: #2b1b1c;
-            }
-        }
-        &:nth-child(3) {
-            .texts {
-                background: #009c91;
-            }
-        }
-        &:nth-child(4) {
-            margin-top: 70px;
-            .texts {
-                background: #005388;
-            }
-        }
-        &:nth-child(5) {
-            width: 22%;
-            .texts {
-                background: #9a4e10;
-            }
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 32.65rem;
-        object-fit: cover;
+  display: flex;
+
+  li {
+    position: relative;
+    width: 19%;
+    color: #fff;
+    background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
+
+      .icon {
+        transform: rotateY(360deg);
+      }
     }
-    .icon {
-        transition: 0.3s;
+
+    &:nth-child(2) {
+      width: 21%;
+      margin-top: 70px;
+
+      .texts {
+        background: #2b1b1c;
+      }
     }
-    .texts {
-        width: 100%;
-        padding: 1rem 2rem;
-        background: #08577b;
-        overflow: hidden;
+
+    &:nth-child(3) {
+      .texts {
+        background: #009c91;
+      }
     }
-    h6 {
-        font-size: 1.2rem;
-        white-space: nowrap;
+
+    &:nth-child(4) {
+      margin-top: 70px;
+
+      .texts {
+        background: #005388;
+      }
     }
-    .des {
-        font-size: 0.96rem;
-        color: rgba(255, 255, 255, 0.55);
+
+    &:nth-child(5) {
+      width: 22%;
+
+      .texts {
+        background: #9a4e10;
+      }
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 32.65rem;
+    object-fit: cover;
+  }
+
+  .icon {
+    transition: 0.3s;
+  }
+
+  .texts {
+    width: 100%;
+    padding: 1rem 2rem;
+    background: #08577b;
+    overflow: hidden;
+  }
+
+  h6 {
+    font-size: 1.2rem;
+    white-space: nowrap;
+  }
+
+  .des {
+    font-size: 0.96rem;
+    color: rgba(255, 255, 255, 0.55);
+  }
 }
+
 .group {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: calc((100% - 56px) / 3);
-        margin: 0 1.4rem 1.95rem 0;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-            .text {
-                color: #fff;
-                background-color: #465f85;
-            }
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: calc((100% - 56px) / 3);
+    margin: 0 1.4rem 1.95rem 0;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+
+      .text {
+        color: #fff;
+        background-color: #465f85;
+      }
     }
-    img {
-        width: 100%;
-        height: auto;
-    }
-    .text {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 7.15rem;
-        padding: 0 1.5rem;
-        font-size: 1.44rem;
-        font-family: SFProDisplay-Bold, SFProDisplay;
-        font-weight: bold;
-        line-height: 2rem;
-        text-align: center;
-        color: #272727;
-        background-color: #fff;
-        transition: 0.3s;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-}
-.news {
+  }
+
+  img {
+    width: 100%;
+    height: auto;
+  }
+
+  .text {
     display: flex;
     justify-content: center;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: calc((100% - 56px) / 3);
-        padding: 11px;
-        margin-right: 1.4rem;
-        color: #333;
-        background-color: #fff;
-        box-shadow: 0px 5px 1rem 0px rgba(98, 117, 163, 0.08);
-        border-radius: 10px;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            color: #fff;
-            background-color: #0252d9;
-        }
-    }
-    img {
-        width: 100%;
-        height: auto;
-    }
-    .texts {
-        padding: 0 0.9rem 2.5rem;
+    align-items: center;
+    height: 7.15rem;
+    padding: 0 1.5rem;
+    font-size: 1.44rem;
+    font-weight: bold;
+    line-height: 2rem;
+    text-align: center;
+    color: #272727;
+    background-color: #fff;
+    transition: 0.3s;
+  }
+}
+
+.news {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: calc((100% - 56px) / 3);
+    padding: 11px;
+    margin-right: 1.4rem;
+    color: #333;
+    background-color: #fff;
+    box-shadow: 0px 5px 1rem 0px rgba(98, 117, 163, 0.08);
+    border-radius: 10px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
     }
-    h6 {
-        margin: 1.75rem 0 0.6rem;
-        font-size: 1.04rem;
-        line-height: 1.65rem;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .des {
-        font-size: 0.88rem;
-        line-height: 1.3rem;
+
+    &:hover {
+      color: #fff;
+      background-color: #0252d9;
     }
+  }
+
+  img {
+    width: 100%;
+    height: auto;
+  }
+
+  .texts {
+    padding: 0 0.9rem 2.5rem;
+  }
+
+  h6 {
+    margin: 1.75rem 0 0.6rem;
+    font-size: 1.04rem;
+    line-height: 1.65rem;
+  }
+
+  .des {
+    font-size: 0.88rem;
+    line-height: 1.3rem;
+  }
 }
 
 @media (min-width: 280px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            .el-carousel__container {
-                height: 18rem;
-            }
-            img {
-                height: 18rem;
-            }
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+
+      .el-carousel__container {
+        height: 18rem;
+      }
+
+      img {
+        height: 18rem;
+      }
     }
-    .block {
-        padding: 50px 0;
-        .intro {
-            margin-bottom: 30px;
-        }
-        .area {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 1.25rem auto;
-            }
-        }
-        .group,
-        .news {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 20px auto;
-            }
-        }
+  }
+
+  .block {
+    padding: 50px 0;
+
+    .intro {
+      margin-bottom: 30px;
     }
+
     .area {
-        li {
-            height: auto;
-            .pic {
-                height: 20rem;
-            }
-            .texts {
-                height: 10rem;
-            }
-        }
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 1.25rem auto;
+      }
     }
-    .group img {
-        height: 20rem;
+
+    .group,
+    .news {
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 20px auto;
+      }
     }
-    .news img {
+  }
+
+  .area {
+    li {
+      height: auto;
+
+      .pic {
         height: 20rem;
+      }
+
+      .texts {
+        height: 10rem;
+      }
     }
+  }
+
+  .group img {
+    height: 20rem;
+  }
+
+  .news img {
+    height: 20rem;
+  }
 }
+
 @media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .area {
-            li {
-                .pic {
-                    height: 22rem;
-                }
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+  }
 }
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            li {
-                .pic {
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
     }
-    .banner-item {
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: 22rem;
         }
+      }
     }
+  }
 }
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
 
-@media (min-width: 280px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            .el-carousel__container {
-                height: 18rem;
-            }
-            img {
-                height: 18rem;
-            }
-        }
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .block {
-        padding: 50px 0;
-        .intro {
-            margin-bottom: 30px;
-        }
-        .area {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 1.25rem auto;
-            }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .group,
-        .news {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 20px auto;
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+
     .area {
-        li {
-            height: auto;
-            .pic {
-                height: 20rem;
-            }
-            .texts {
-                height: 10rem;
-            }
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
-    .group img {
-        height: 20rem;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .news img {
-        height: 20rem;
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-}
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-    .banner-item {
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
+
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
+        img {
+          height: auto;
         }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
+      }
+    }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
+    }
+  }
+}
+
+@media (min-width: 280px) and (max-width: 1200px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+
+      .el-carousel__container {
+        height: 18rem;
+      }
+
+      img {
+        height: 18rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 50px 0;
+
+    .intro {
+      margin-bottom: 30px;
+    }
+
+    .area {
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 1.25rem auto;
+      }
+    }
+
+    .group,
+    .news {
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 20px auto;
+      }
+    }
+  }
+
+  .area {
+    li {
+      height: auto;
+
+      .pic {
+        height: 20rem;
+      }
+
+      .texts {
+        height: 10rem;
+      }
     }
-    .banner-item {
+  }
+
+  .group img {
+    height: 20rem;
+  }
+
+  .news img {
+    height: 20rem;
+  }
+}
+
+@media (max-width: 320px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
+    }
+  }
+}
+
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            li {
-                .pic {
-                    height: 22rem;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: 22rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
     }
-    .banner-item {
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            li {
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/researchNew/index.vue b/src/pages/researchNew/index.vue
index 138470e..7f8aaed 100644
--- a/src/pages/researchNew/index.vue
+++ b/src/pages/researchNew/index.vue
@@ -1,16 +1,12 @@
 <template>
-  <div class="wrap"
-       v-if="modules.length>=1">
+  <div class="wrap" v-if="modules.length >= 1">
     <el-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'">
+      :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">
-          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]"
-               @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', { 'cursor-pointer': isLink(item.link.linkName) }]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <p class="banner-name">{{ item.title }}</p>
           </div>
         </el-carousel-item>
@@ -19,22 +15,14 @@
 
     <div class="block">
       <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="area">
-        <li v-for="(item, i) in modules[2].list"
-            :key="i"
-            class="wow fadeInDown"
-            :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-            :class="{'cursor-pointer': isLink(item.link.linkName)}"
-            @click="openLink(item)">
-          <img :src="item.pic"
-               alt=""
-               class="pic">
+        <li v-for="(item, i) in modules[2].list" :key="i" class="wow fadeInDown"
+          :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+          @click="openLink(item)">
+          <img :src="item.pic" alt="" class="pic">
           <div class="texts">
-            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')"
-                 alt=""
-                 class="icon">
+            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')" alt="" class="icon">
             <h6>{{ item.title }}</h6>
             <p class="des">{{ item.des }}</p>
           </div>
@@ -45,17 +33,12 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[3].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
         <ul class="group">
-          <li v-for="(item, i) in modules[4].list"
-              :key="i"
-              class="wow fadeInDown"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              :class="{'cursor-pointer': isLink(item.link.linkName)}"
-              @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+          <li v-for="(item, i) in modules[4].list" :key="i" class="wow fadeInDown"
+            :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+            @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <p class="text">{{ item.title }}</p>
           </li>
         </ul>
@@ -101,973 +84,1192 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .wrap {
-    /deep/ .el-carousel {
-        height: 24rem;
-        .el-carousel__container {
-            height: 24rem;
-        }
-        img {
-            height: 24rem;
-        }
+  /deep/ .el-carousel {
+    height: 24rem;
+
+    .el-carousel__container {
+      height: 24rem;
     }
+
+    img {
+      height: 24rem;
+    }
+  }
 }
+
 .banner-item {
-    .banner-name {
-        font-size: 2.16rem;
-    }
+  .banner-name {
+    font-size: 2.16rem;
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
-    .intro {
-        margin-bottom: 4rem;
-    }
+  padding: 3.85rem 0;
+
+  .intro {
+    margin-bottom: 4rem;
+  }
 }
+
 .area {
-    display: flex;
-    li {
-        position: relative;
-        width: 19%;
-        color: #fff;
-        background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-            .icon {
-                transform: rotateY(360deg);
-            }
-        }
-        &:nth-child(2) {
-            width: 21%;
-            margin-top: 70px;
-            .texts {
-                background: #2b1b1c;
-            }
-        }
-        &:nth-child(3) {
-            .texts {
-                background: #009c91;
-            }
-        }
-        &:nth-child(4) {
-            margin-top: 70px;
-            .texts {
-                background: #005388;
-            }
-        }
-        &:nth-child(5) {
-            width: 22%;
-            .texts {
-                background: #9a4e10;
-            }
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 32.65rem;
-        object-fit: cover;
+  display: flex;
+
+  li {
+    position: relative;
+    width: 19%;
+    color: #fff;
+    background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
+
+      .icon {
+        transform: rotateY(360deg);
+      }
     }
-    .icon {
-        transition: 0.3s;
+
+    &:nth-child(2) {
+      width: 21%;
+      margin-top: 70px;
+
+      .texts {
+        background: #2b1b1c;
+      }
     }
-    .texts {
-        width: 100%;
-        padding: 1rem 2rem;
-        background: #08577b;
-        overflow: hidden;
+
+    &:nth-child(3) {
+      .texts {
+        background: #009c91;
+      }
     }
-    h6 {
-        font-size: 1.2rem;
-        white-space: nowrap;
+
+    &:nth-child(4) {
+      margin-top: 70px;
+
+      .texts {
+        background: #005388;
+      }
     }
-    .des {
-        font-size: 0.96rem;
-        color: rgba(255, 255, 255, 0.55);
+
+    &:nth-child(5) {
+      width: 22%;
+
+      .texts {
+        background: #9a4e10;
+      }
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 32.65rem;
+    object-fit: cover;
+  }
+
+  .icon {
+    transition: 0.3s;
+  }
+
+  .texts {
+    width: 100%;
+    padding: 1rem 2rem;
+    background: #08577b;
+    overflow: hidden;
+  }
+
+  h6 {
+    font-size: 1.2rem;
+    white-space: nowrap;
+  }
+
+  .des {
+    font-size: 0.96rem;
+    color: rgba(255, 255, 255, 0.55);
+  }
 }
+
 .group {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: calc((100% - 56px) / 3);
-        margin: 0 1.4rem 1.95rem 0;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-            .text {
-                color: #fff;
-                background-color: #465f85;
-            }
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: calc((100% - 56px) / 3);
+    margin: 0 1.4rem 1.95rem 0;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+
+      .text {
+        color: #fff;
+        background-color: #465f85;
+      }
     }
-    img {
-        width: 100%;
-        height: auto;
-    }
-    .text {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 7.15rem;
-        padding: 0 1.5rem;
-        font-size: 1.44rem;
-        font-family: SFProDisplay-Bold, SFProDisplay;
-        font-weight: bold;
-        line-height: 2rem;
-        text-align: center;
-        color: #272727;
-        background-color: #fff;
-        transition: 0.3s;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-}
-.news {
+  }
+
+  img {
+    width: 100%;
+    height: auto;
+  }
+
+  .text {
     display: flex;
     justify-content: center;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: calc((100% - 56px) / 3);
-        padding: 11px;
-        margin-right: 1.4rem;
-        color: #333;
-        background-color: #fff;
-        box-shadow: 0px 5px 1rem 0px rgba(98, 117, 163, 0.08);
-        border-radius: 10px;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            color: #fff;
-            background-color: #0252d9;
-        }
-    }
-    img {
-        width: 100%;
-        height: auto;
-    }
-    .texts {
-        padding: 0 0.9rem 2.5rem;
+    align-items: center;
+    height: 7.15rem;
+    padding: 0 1.5rem;
+    font-size: 1.44rem;
+    font-weight: bold;
+    line-height: 2rem;
+    text-align: center;
+    color: #272727;
+    background-color: #fff;
+    transition: 0.3s;
+  }
+}
+
+.news {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: calc((100% - 56px) / 3);
+    padding: 11px;
+    margin-right: 1.4rem;
+    color: #333;
+    background-color: #fff;
+    box-shadow: 0px 5px 1rem 0px rgba(98, 117, 163, 0.08);
+    border-radius: 10px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
     }
-    h6 {
-        margin: 1.75rem 0 0.6rem;
-        font-size: 1.04rem;
-        line-height: 1.65rem;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .des {
-        font-size: 0.88rem;
-        line-height: 1.3rem;
+
+    &:hover {
+      color: #fff;
+      background-color: #0252d9;
     }
+  }
+
+  img {
+    width: 100%;
+    height: auto;
+  }
+
+  .texts {
+    padding: 0 0.9rem 2.5rem;
+  }
+
+  h6 {
+    margin: 1.75rem 0 0.6rem;
+    font-size: 1.04rem;
+    line-height: 1.65rem;
+  }
+
+  .des {
+    font-size: 0.88rem;
+    line-height: 1.3rem;
+  }
 }
 
 @media (min-width: 280px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            .el-carousel__container {
-                height: 18rem;
-            }
-            img {
-                height: 18rem;
-            }
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+
+      .el-carousel__container {
+        height: 18rem;
+      }
+
+      img {
+        height: 18rem;
+      }
     }
-    .block {
-        padding: 50px 0;
-        .intro {
-            margin-bottom: 30px;
-        }
-        .area {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 1.25rem auto;
-            }
-        }
-        .group,
-        .news {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 20px auto;
-            }
-        }
+  }
+
+  .block {
+    padding: 50px 0;
+
+    .intro {
+      margin-bottom: 30px;
     }
+
     .area {
-        li {
-            height: auto;
-            .pic {
-                height: 20rem;
-            }
-            .texts {
-                height: 10rem;
-            }
-        }
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 1.25rem auto;
+      }
     }
-    .group img {
-        height: 20rem;
+
+    .group,
+    .news {
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 20px auto;
+      }
     }
-    .news img {
+  }
+
+  .area {
+    li {
+      height: auto;
+
+      .pic {
         height: 20rem;
+      }
+
+      .texts {
+        height: 10rem;
+      }
     }
+  }
+
+  .group img {
+    height: 20rem;
+  }
+
+  .news img {
+    height: 20rem;
+  }
 }
+
 @media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .area {
-            li {
-                .pic {
-                    height: 22rem;
-                }
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+  }
 }
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            li {
-                .pic {
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: 22rem;
         }
+      }
     }
+  }
 }
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
 
-@media (min-width: 280px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            .el-carousel__container {
-                height: 18rem;
-            }
-            img {
-                height: 18rem;
-            }
-        }
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .block {
-        padding: 50px 0;
-        .intro {
-            margin-bottom: 30px;
-        }
-        .area {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 1.25rem auto;
-            }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .group,
-        .news {
-            flex-direction: column;
-            li {
-                width: 95%;
-                margin: 20px auto;
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+
     .area {
-        li {
-            height: auto;
-            .pic {
-                height: 20rem;
-            }
-            .texts {
-                height: 10rem;
-            }
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
-    .group img {
-        height: 20rem;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
     }
-    .news img {
-        height: 20rem;
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
     }
-}
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
     }
-    .banner-item {
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
+
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
+        img {
+          height: auto;
         }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
+      }
+    }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
+    }
+  }
+}
+
+@media (min-width: 280px) and (max-width: 1200px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+
+      .el-carousel__container {
+        height: 18rem;
+      }
+
+      img {
+        height: 18rem;
+      }
+    }
+  }
+
+  .block {
+    padding: 50px 0;
+
+    .intro {
+      margin-bottom: 30px;
+    }
+
+    .area {
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 1.25rem auto;
+      }
+    }
+
+    .group,
+    .news {
+      flex-direction: column;
+
+      li {
+        width: 95%;
+        margin: 20px auto;
+      }
+    }
+  }
+
+  .area {
+    li {
+      height: auto;
+
+      .pic {
+        height: 20rem;
+      }
+
+      .texts {
+        height: 10rem;
+      }
     }
-    .banner-item {
+  }
+
+  .group img {
+    height: 20rem;
+  }
+
+  .news img {
+    height: 20rem;
+  }
+}
+
+@media (max-width: 320px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
+    }
+  }
+}
+
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
+
+    .group,
+    .news {
+      li {
+        img {
+          height: auto;
         }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            li {
-                .pic {
-                    height: 22rem;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: 22rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
     }
-    .banner-item {
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            li {
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      li {
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      li {
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            li {
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 12rem !important;
+    }
+
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 2rem;
+      bottom: 2rem;
+    }
+  }
+
+  .block {
+    padding: 1.25rem 0;
+
+    .b-title {
+      font-size: 1.5rem;
+      margin-bottom: 1rem;
     }
-    .banner-item {
+
+    .group,
+    .news {
+      flex-direction: row;
+
+      li {
+        width: calc((100% - 3rem) / 3);
+        margin: 0 0.8rem 1.95rem 0;
+        -webkit-transition: 0.3s;
+
         img {
-            height: 12rem !important;
+          height: auto;
         }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
+
+        .text {
+          font-size: 1.5rem;
+          line-height: 1.8rem;
         }
+      }
     }
-    .block {
-        padding: 1.25rem 0;
-        .b-title {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-        }
-        .group,
-        .news {
-            flex-direction: row;
-            li {
-                width: calc((100% - 3rem) / 3);
-                margin: 0 0.8rem 1.95rem 0;
-                -webkit-transition: 0.3s;
-                img {
-                    height: auto;
-                }
-                .text {
-                    font-size: 1.5rem;
-                    line-height: 1.8rem;
-                }
-            }
-        }
-        .area {
-            flex-direction: row;
-            li {
-                width: 19%;
-                .pic {
-                    height: auto;
-                }
-            }
+
+    .area {
+      flex-direction: row;
+
+      li {
+        width: 19%;
+
+        .pic {
+          height: auto;
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/researchTeam/index.vue b/src/pages/researchTeam/index.vue
index 81f4eb7..f3fae77 100644
--- a/src/pages/researchTeam/index.vue
+++ b/src/pages/researchTeam/index.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="single-banner single-banner-overview">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="">
+      <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -12,41 +10,28 @@
       <div class="article">
         <div class="left">
           <div class="search">
-            <input type="text"
-                   placeholder="请输入搜索内容"
-                   v-model="title"
-                   clearable>
+            <input type="text" placeholder="请输入搜索内容" v-model="title" clearable>
           </div>
 
           <div class="team-wrap">
             <div class="letter">
-              <span v-for="(letter, i) in letters"
-                    :key="i"
-                    :class="['item', {active: curLetter == letter}]"
-                    @click="letterClick(letter)">{{ letter }}</span>
+              <span v-for="(letter, i) in letters" :key="i" :class="['item', { active: curLetter == letter }]"
+                @click="letterClick(letter)">{{ letter }}</span>
             </div>
 
             <ul class="teams">
-              <li v-for="(item, i) in articles"
-                  :key="i"
-                  @click="toArtice(item, modules[1].form)">
+              <li v-for="(item, i) in articles" :key="i" @click="toArtice(item, modules[1].form)">
                 <div class="line">
-                  <img src="https://new.iasf.ac.cn/images/researchTeam/3.png"
-                       alt=""
-                       class="icon">
+                  <img src="https://new.iasf.ac.cn/images/researchTeam/3.png" alt="" class="icon">
                   <span class="bold">{{ item.title }}</span>
                   <span class="val">/ {{ item.post }}</span>
                 </div>
                 <div class="line">
-                  <img src="https://new.iasf.ac.cn/images/researchTeam/4.png"
-                       alt=""
-                       class="icon">
+                  <img src="https://new.iasf.ac.cn/images/researchTeam/4.png" alt="" class="icon">
                   <span class="text">专业 {{ item.major }}</span>
                 </div>
                 <div class="line">
-                  <img src="https://new.iasf.ac.cn/images/researchTeam/5.png"
-                       alt=""
-                       class="icon">
+                  <img src="https://new.iasf.ac.cn/images/researchTeam/5.png" alt="" class="icon">
                   <span class="text">荣誉 {{ item.honor }}</span>
                 </div>
               </li>
@@ -123,13 +108,13 @@ export default {
     filter () {
       const { title, curLetter } = this
       this.articles = this.allList.filter(e => {
-        return (e.title.includes(title) || e.post.includes(title) || e.major.includes(title) || e.honor.includes(title)) && (curLetter === '全部' || (curLetter !== '全部' && curLetter === pinyin(e.title, { toneType: 'none' })[0].toUpperCase()))
+        return (e.title.includes(title) || e.post.includes(title) || e.major.includes(title) || e.honor.includes(title)) && (curLetter === '全部' || (curLetter !== '全部' && curLetter === pinyin(e.title, { surname: 'head' })[0].toUpperCase()))
       })
     },
     // 列表按首字母拼音排序
     sortList (list) {
       list.forEach(e => {
-        e.sortTitle = pinyin(e.title, { toneType: 'none' })[0].toUpperCase()
+        e.sortTitle = pinyin(e.title, { surname: 'head' })[0].toUpperCase()
       })
       this.letters = ['全部', ...this.letters.filter(e => list.find(n => n.sortTitle == e))]
       return list.sort((a, b) => a.sortTitle.charCodeAt(0) - b.sortTitle.charCodeAt(0))
@@ -146,152 +131,185 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .content {
-    width: 1200px;
+  width: 1200px;
 }
+
 .article {
-    display: flex;
-    justify-content: space-between;
-    .left {
-        width: 75%;
-        .search {
-            display: inline-flex;
-            width: 34%;
-            input {
-                width: 100%;
-                height: 38px;
-                padding: 0 15px;
-                font-size: 14px;
-                color: #333;
-                background: #f7f7f7;
-                border: 0;
-                border-top-left-radius: 6px;
-                border-bottom-left-radius: 6px;
-                &:focus {
-                    outline: none;
-                }
-            }
+  display: flex;
+  justify-content: space-between;
+
+  .left {
+    width: 75%;
+
+    .search {
+      display: inline-flex;
+      width: 34%;
+
+      input {
+        width: 100%;
+        height: 38px;
+        padding: 0 15px;
+        font-size: 14px;
+        color: #333;
+        background: #f7f7f7;
+        border: 0;
+        border-top-left-radius: 6px;
+        border-bottom-left-radius: 6px;
+
+        &:focus {
+          outline: none;
         }
+      }
     }
-    .letter {
-        display: flex;
-        margin: 30px 0;
-        border-radius: 4px;
-        .item {
-            padding: 5px 10px;
-            font-size: 1rem;
-            text-align: center;
-            color: #999;
-            cursor: pointer;
-            border: 1px solid #dbdbdb;
-            border-right: 0;
-            &:first-child {
-                border-radius: 4px 0px 0px 4px;
-            }
-            &:last-child {
-                border-right: 1px solid #dbdbdb;
-                border-radius: 0 4px 4px 0;
-            }
-            &:hover {
-                color: #fff;
-                background: #1583ff;
-            }
-            &.active {
-                color: #fff;
-                background: #1583ff;
-            }
-        }
+  }
+
+  .letter {
+    display: flex;
+    margin: 30px 0;
+    border-radius: 4px;
+
+    .item {
+      padding: 5px 10px;
+      font-size: 1rem;
+      text-align: center;
+      color: #999;
+      cursor: pointer;
+      border: 1px solid #dbdbdb;
+      border-right: 0;
+
+      &:first-child {
+        border-radius: 4px 0px 0px 4px;
+      }
+
+      &:last-child {
+        border-right: 1px solid #dbdbdb;
+        border-radius: 0 4px 4px 0;
+      }
+
+      &:hover {
+        color: #fff;
+        background: #1583ff;
+      }
+
+      &.active {
+        color: #fff;
+        background: #1583ff;
+      }
     }
-    .teams {
-        display: flex;
-        flex-wrap: wrap;
-        li {
-            width: calc((100% - 10px) / 2);
-            padding: 20px 30px;
-            margin: 0 10px 10px 0;
-            background: url(https://new.iasf.ac.cn/images/researchTeam/2.png) 0 0 / cover no-repeat;
-            cursor: pointer;
-            &:nth-child(even) {
-                margin-right: 0;
-            }
-        }
-        .line {
-            display: flex;
-            align-items: center;
-            margin-bottom: 8px;
-        }
-        .icon {
-            margin-right: 8px;
-        }
-        .bold {
-            margin-right: 5px;
-            font-size: 1.1rem;
-            color: #333;
-        }
-        .val {
-            font-size: 1rem;
-            color: #999;
-        }
-        .text {
-            font-size: 1rem;
-            color: #666;
-        }
+  }
+
+  .teams {
+    display: flex;
+    flex-wrap: wrap;
+
+    li {
+      width: calc((100% - 10px) / 2);
+      padding: 20px 30px;
+      margin: 0 10px 10px 0;
+      background: url(https://new.iasf.ac.cn/images/researchTeam/2.png) 0 0 / cover no-repeat;
+      cursor: pointer;
+
+      &:nth-child(even) {
+        margin-right: 0;
+      }
+    }
+
+    .line {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
+    }
+
+    .icon {
+      margin-right: 8px;
+    }
+
+    .bold {
+      margin-right: 5px;
+      font-size: 1.1rem;
+      color: #333;
     }
+
+    .val {
+      font-size: 1rem;
+      color: #999;
+    }
+
+    .text {
+      font-size: 1rem;
+      color: #666;
+    }
+  }
 }
+
 @media (max-width: 1200px) {
-    .content {
-        width: 95%;
+  .content {
+    width: 95%;
+  }
+
+  .article {
+    flex-direction: column;
+
+    .left,
+    .right {
+      width: 100%;
     }
-    .article {
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
-        .left {
-            margin-bottom: 30px;
-        }
+
+    .left {
+      margin-bottom: 30px;
     }
+  }
 }
+
 @media (max-width: 980px) {
-    .article {
-        .team-wrap {
-            display: flex;
-            align-items: flex-start;
-        }
-        .letter {
-            flex-direction: column;
-            margin: 16px 10px 0 0;
-            .item {
-                border: 1px solid #dbdbdb;
-                border-top: 0;
-                &:first-child {
-                    border-top: 1px solid #dbdbdb;
-                    border-radius: 4px 4px 0 0;
-                }
-                &:last-child {
-                    border-radius: 0 0 4px 4px;
-                }
-            }
+  .article {
+    .team-wrap {
+      display: flex;
+      align-items: flex-start;
+    }
+
+    .letter {
+      flex-direction: column;
+      margin: 16px 10px 0 0;
+
+      .item {
+        border: 1px solid #dbdbdb;
+        border-top: 0;
+
+        &:first-child {
+          border-top: 1px solid #dbdbdb;
+          border-radius: 4px 4px 0 0;
         }
-        .teams {
-            flex: 1;
+
+        &:last-child {
+          border-radius: 0 0 4px 4px;
         }
+      }
     }
+
+    .teams {
+      flex: 1;
+    }
+  }
 }
+
 @media (max-width: 640px) {
-    .article {
-        .left {
-            .search {
-                width: 50%;
-            }
-        }
-        .teams {
-            flex-direction: column;
-            li {
-                width: 100%;
-            }
-        }
+  .article {
+    .left {
+      .search {
+        width: 50%;
+      }
+    }
+
+    .teams {
+      flex-direction: column;
+
+      li {
+        width: 100%;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/science/index.vue b/src/pages/science/index.vue
index 3746e74..76f754d 100644
--- a/src/pages/science/index.vue
+++ b/src/pages/science/index.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="" />
+      <img class="banner-img" :src="modules[0].form.pic" alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
         <p class="banner-des des">{{ modules[0].form.des }}</p>
@@ -12,34 +10,25 @@
 
     <div class="block">
       <div class="inner">
-        <div class="item wow bounceInLeft"
-             data-wow-delay="0.5s"
-             :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }"
-             @click="openLink(modules[1].form)">
-          <img src="@/assets/images/science/1.png"
-               alt="" />
+        <div class="item wow bounceInLeft" data-wow-delay="0.5s"
+          :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }" @click="openLink(modules[1].form)">
+          <img src="@/assets/images/science/1.png" alt="" />
           <div class="texts">
             <h6>{{ modules[1].form.title }}</h6>
             <div class="des">{{ modules[1].form.des }}</div>
           </div>
         </div>
-        <div class="item wow bounceInRight"
-             data-wow-delay="0.8s"
-             :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
-             @click="openLink(modules[2].form)">
-          <img src="@/assets/images/science/2.png"
-               alt="" />
+        <div class="item wow bounceInRight" data-wow-delay="0.8s"
+          :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }" @click="openLink(modules[2].form)">
+          <img src="@/assets/images/science/2.png" alt="" />
           <div class="texts rightText">
             <h6>{{ modules[2].form.title }}</h6>
             <div class="des">{{ modules[2].form.des }}</div>
           </div>
         </div>
-        <div class="item wow bounceInLeft"
-             data-wow-delay="0.5s"
-             :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }"
-             @click="openLink(modules[3].form)">
-          <img src="@/assets/images/science/3.png"
-               alt="" />
+        <div class="item wow bounceInLeft" data-wow-delay="0.5s"
+          :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }" @click="openLink(modules[3].form)">
+          <img src="@/assets/images/science/3.png" alt="" />
           <div class="texts">
             <h6>{{ modules[3].form.title }}</h6>
             <div class="des">{{ modules[3].form.des }}</div>
@@ -92,333 +81,399 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .inner {
-    width: 960px;
+  width: 960px;
 }
+
 .single-banner {
-    .banner-img {
-        height: 21.6rem;
+  .banner-img {
+    height: 21.6rem;
+  }
+
+  .texts {
+    h6 {
+      font-size: 2.16rem;
+      margin-bottom: 0.95rem;
     }
-    .texts {
-        h6 {
-            font-size: 2.16rem;
-            margin-bottom: 0.95rem;
-        }
-        .banner-des {
-            font-size: 0.96rem;
-        }
+
+    .banner-des {
+      font-size: 0.96rem;
     }
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
+  padding: 3.85rem 0;
 }
+
 .item {
-    position: relative;
-    margin-bottom: 2.9rem;
-    width: 100%;
-    &:hover {
-        .texts {
-            color: #fff;
-            transform: scale(1.05);
-            background: #32b6e9 !important;
-        }
-    }
-    img {
-        width: 100%;
-        height: 22rem;
-    }
-    &:nth-child(2) .texts {
-        color: #fff;
-        background: #33b3c1;
-    }
-    &:nth-child(3) .texts {
-        color: #fff;
-        background: #e47c22;
-    }
-    &:nth-child(even) .texts {
-        left: auto;
-        right: -1.6rem;
-    }
+  position: relative;
+  margin-bottom: 2.9rem;
+  width: 100%;
+
+  &:hover {
     .texts {
-        position: absolute;
-        top: 3.9rem;
-        left: -1.4rem;
-        width: 26.6rem;
-        padding: 3.5rem 1.9rem;
-        color: #333;
-        background: #fff6e9;
-        transition: 0.5s;
-    }
-    h6 {
-        margin-bottom: 0.875rem;
-        font-size: 1.6rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-    }
-    .des {
-        font-size: 0.88rem;
+      color: #fff;
+      transform: scale(1.05);
+      background: #32b6e9 !important;
     }
+  }
+
+  img {
+    width: 100%;
+    height: 22rem;
+  }
+
+  &:nth-child(2) .texts {
+    color: #fff;
+    background: #33b3c1;
+  }
+
+  &:nth-child(3) .texts {
+    color: #fff;
+    background: #e47c22;
+  }
+
+  &:nth-child(even) .texts {
+    left: auto;
+    right: -1.6rem;
+  }
+
+  .texts {
+    position: absolute;
+    top: 3.9rem;
+    left: -1.4rem;
+    width: 26.6rem;
+    padding: 3.5rem 1.9rem;
+    color: #333;
+    background: #fff6e9;
+    transition: 0.5s;
+  }
+
+  h6 {
+    margin-bottom: 0.875rem;
+    font-size: 1.6rem;
+    font-weight: 500;
+  }
+
+  .des {
+    font-size: 0.88rem;
+  }
 }
 
 @media (max-width: 1200px) {
-    body {
-        width: 100% !important;
-    }
-    .inner {
-        width: 80%;
+  body {
+    width: 100% !important;
+  }
+
+  .inner {
+    width: 80%;
+  }
+
+  .item {
+    img {}
+
+    .rightText {
+      right: 12px !important;
     }
-    .item {
-        img {
-        }
-        .rightText {
-            right: 12px !important;
-        }
-        .texts {
-            width: 85%;
-            box-sizing: border-box;
-            left: -1rem;
-            &:nth-child(2) {
-                right: -1.5rem !important;
-            }
-            .des {
-                -webkit-line-clamp: inherit;
-            }
-        }
+
+    .texts {
+      width: 85%;
+      box-sizing: border-box;
+      left: -1rem;
+
+      &:nth-child(2) {
+        right: -1.5rem !important;
+      }
+
+      .des {
+        -webkit-line-clamp: inherit;
+      }
     }
+  }
 }
+
 @media (max-width: 320px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
+
+        .banner-des {
+          font-size: 0.85rem;
+        }
+      }
     }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-                h6 {
-                    font-size: 1.2rem;
-                }
-                .des {
-                    font-size: 0.75rem;
-                }
-            }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+
+        h6 {
+          font-size: 1.2rem;
         }
+
+        .des {
+          font-size: 0.75rem;
+        }
+      }
     }
+  }
 }
+
 @media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
+        }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-                h6 {
-                    font-size: 1.4rem;
-                }
-                .des {
-                    font-size: 0.75rem;
-                }
-            }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+
+        h6 {
+          font-size: 1.4rem;
+        }
+
+        .des {
+          font-size: 0.75rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
+        }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-                h6 {
-                    font-size: 1.4rem;
-                }
-                .des {
-                    font-size: 0.75rem;
-                }
-            }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+
+        h6 {
+          font-size: 1.4rem;
+        }
+
+        .des {
+          font-size: 0.75rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+      }
     }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+      }
+    }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+      }
     }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 12rem;
-            }
-            .texts {
-                top: 5rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 12rem;
+      }
+
+      .texts {
+        top: 5rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        .inner {
-            img {
-                height: 18rem;
-            }
-            .texts {
-                padding: 1.25rem;
-                top: 1.5rem;
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+      }
     }
+  }
 }
 </style>
diff --git a/src/pages/scientific/index.vue b/src/pages/scientific/index.vue
index 25947b2..9fbf148 100644
--- a/src/pages/scientific/index.vue
+++ b/src/pages/scientific/index.vue
@@ -1,45 +1,32 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="" />
+      <img class="banner-img" :src="modules[0].form.pic" alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
         <p class="banner-des des">{{ modules[0].form.des }}</p>
       </div>
     </div>
 
-    <div class="block gray"
-         style="padding: 2rem 0;">
+    <div class="block gray" style="padding: 2rem 0;">
       <div class="inner">
         <ul class="items">
           <li>
-            <img class="pic"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[1].form.pic" alt="">
             <div class="texts">
               <h6 v-html="modules[1].form.title"></h6>
-              <div class="text"
-                   v-html="modules[1].form.des"></div>
-              <img src="@/assets/images/arrow.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[1].form.link.linkName)}"
-                   @click="openLink(modules[1].form)">
+              <div class="text" v-html="modules[1].form.des"></div>
+              <img src="@/assets/images/arrow.png" alt="" :class="{ 'arrow': isLink(modules[1].form.link.linkName) }"
+                @click="openLink(modules[1].form)">
             </div>
           </li>
           <li>
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[2].form.pic" alt="">
             <div class="texts">
               <h6 v-html="modules[2].form.title"></h6>
-              <div class="text"
-                   v-html="modules[2].form.des"></div>
-              <img src="@/assets/images/arrow.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[2].form.link.linkName)}"
-                   @click="openLink(modules[2].form)">
+              <div class="text" v-html="modules[2].form.des"></div>
+              <img src="@/assets/images/arrow.png" alt="" :class="{ 'arrow': isLink(modules[2].form.link.linkName) }"
+                @click="openLink(modules[2].form)">
             </div>
           </li>
         </ul>
@@ -49,18 +36,10 @@
     <div class="about">
       <div class="inner">
         <div class="texts">
-          <div class="title wow fadeInUp"
-               data-wow-delay="0.7s"
-               v-html="modules[3].form.title"></div>
-          <div class="des wow fadeInDown"
-               data-wow-delay="1s"
-               v-html="modules[3].form.des"></div>
-          <img class="m-t-10"
-               width="42"
-               src="@/assets/images/arrow-white.png"
-               alt=""
-               :class="{'arrow': isLink(modules[3].form.link.linkName)}"
-               @click="openLink(modules[3].form)">
+          <div class="title wow fadeInUp" data-wow-delay="0.7s" v-html="modules[3].form.title"></div>
+          <div class="des wow fadeInDown" data-wow-delay="1s" v-html="modules[3].form.des"></div>
+          <img class="m-t-10" width="42" src="@/assets/images/arrow-white.png" alt=""
+            :class="{ 'arrow': isLink(modules[3].form.link.linkName) }" @click="openLink(modules[3].form)">
         </div>
       </div>
     </div>
@@ -108,223 +87,258 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .items {
-    margin-top: 2rem;
-    li {
-        position: relative;
-        height: 559px;
-        margin-bottom: 60px;
-        &:nth-child(even) {
-            .texts {
-                left: auto;
-                right: 100px;
-            }
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        .texts {
-            position: absolute;
-            top: 100px;
-            left: 80px;
-            width: 500px;
-            padding: 30px;
-            color: #333;
-            background-color: rgba(255, 255, 255, 0.85);
-            border-radius: 0px 0px 100px 0px;
-            border-top: 4px solid #0280f1;
-        }
-        h6 {
-            font-size: 1.2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-        }
-        .text {
-            margin: 1rem 0;
-            font-size: 1rem;
-            line-height: 1.6;
-        }
-        .icon {
-            width: 40px;
-        }
+  margin-top: 2rem;
+
+  li {
+    position: relative;
+    height: 559px;
+    margin-bottom: 60px;
+
+    &:nth-child(even) {
+      .texts {
+        left: auto;
+        right: 100px;
+      }
+    }
+
+    .pic {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
     }
+
+    .texts {
+      position: absolute;
+      top: 100px;
+      left: 80px;
+      width: 500px;
+      padding: 30px;
+      color: #333;
+      background-color: rgba(255, 255, 255, 0.85);
+      border-radius: 0px 0px 100px 0px;
+      border-top: 4px solid #0280f1;
+    }
+
+    h6 {
+      font-size: 1.2rem;
+    }
+
+    .text {
+      margin: 1rem 0;
+      font-size: 1rem;
+      line-height: 1.6;
+    }
+
+    .icon {
+      width: 40px;
+    }
+  }
 }
+
 .program {
-    background: #fff;
-    .title {
-        position: relative;
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        padding-bottom: 25px;
-        margin-bottom: 30px;
-        border-bottom: 1px solid #ddd;
-        align-items: center;
-        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;
-        }
+  background: #fff;
+
+  .title {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    padding-bottom: 25px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #ddd;
+    align-items: center;
+
+    h5 {
+      padding-left: 16px;
+      font-size: 1.6rem;
+      font-weight: 500;
+      color: #333333;
+      line-height: 1;
+      border-left: 6px solid #2b96ef;
     }
-    .slide {
-        display: flex;
-        margin-bottom: 14px;
-        cursor: pointer;
+
+    .sub {
+      font-size: 1.1rem;
+      font-weight: 500;
+      color: #afb7bf;
     }
-    .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;
-        }
+
+    .more {
+      font-size: 0.8rem;
+      color: #666;
+      cursor: pointer;
     }
-    .img-wrap {
-        width: 49%;
-        height: 430px;
-        overflow: hidden;
+  }
+
+  .slide {
+    display: flex;
+    margin-bottom: 14px;
+    cursor: pointer;
+  }
+
+  .texts {
+    width: 51%;
+    padding: 56px;
+    background: #fbfbfb;
+
+    h6 {
+      font-size: 1.3rem;
+      font-weight: 500;
+      color: #333333;
     }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
+
+    .des {
+      margin: 35px 0 25px;
+      font-size: 1rem;
+      color: #666;
+      line-height: 32px;
     }
-    &:hover {
-        .pic {
-            transform: scale(1.3);
-        }
+
+    .meta {
+      font-size: 0.9rem;
+      color: #666;
     }
-    .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;
-            background-size: 100% 100%;
-            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;
-        }
+  }
+
+  .img-wrap {
+    width: 49%;
+    height: 430px;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  &:hover {
+    .pic {
+      transform: scale(1.3);
     }
-}
-.about {
+  }
+
+  .list {
     display: flex;
-    flex-direction: column;
-    justify-content: center;
-    height: 643px;
-    text-align: center;
-    background: url(../../assets/images/about-bg.png) no-repeat center center;
-    .texts {
-        padding: 2.375rem 3.75rem;
-        color: #fff;
-        background: rgba(111, 69, 36, 0.56);
-        border-radius: 17px;
-        transition: 0.3s;
-        &:hover {
-            background: rgba(239, 126, 10, 0.56);
-            transform: translateY(10px);
-        }
-    }
-    .title {
-        margin-bottom: 1rem;
-        font-size: 1.8rem;
+
+    li {
+      width: calc((100% - 28px) / 3);
+      height: 204px;
+      padding: 36px 22px;
+      margin-right: 14px;
+      background: url(../../assets/images/sfel/7.png) no-repeat center;
+      background-size: 100% 100%;
+      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 {
-        font-size: 1rem;
-        line-height: 1.6;
+      height: 90px;
+      margin-bottom: 30px;
+      font-size: 1rem;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 30px;
     }
+
+    .date {
+      font-size: 0.9rem;
+      color: #ffffff;
+    }
+  }
 }
+
+.about {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 643px;
+  text-align: center;
+  background: url(../../assets/images/about-bg.png) no-repeat center center;
+
+  .texts {
+    padding: 2.375rem 3.75rem;
+    color: #fff;
+    background: rgba(111, 69, 36, 0.56);
+    border-radius: 17px;
+    transition: 0.3s;
+
+    &:hover {
+      background: rgba(239, 126, 10, 0.56);
+      transform: translateY(10px);
+    }
+  }
+
+  .title {
+    margin-bottom: 1rem;
+    font-size: 1.8rem;
+  }
+
+  .des {
+    font-size: 1rem;
+    line-height: 1.6;
+  }
+}
+
 @media (max-width: 1200px) {
-    .items {
-        li {
-            .texts {
-                left: 0;
-                width: 98%;
-            }
-            &:nth-child(even) {
-                .texts {
-                    right: auto;
-                }
-            }
+  .items {
+    li {
+      .texts {
+        left: 0;
+        width: 98%;
+      }
+
+      &:nth-child(even) {
+        .texts {
+          right: auto;
         }
+      }
     }
-    .about {
-        height: 30rem;
-    }
+  }
+
+  .about {
+    height: 30rem;
+  }
 }
+
 @media (max-width: 780px) {
-    .program {
-        .slide {
-            flex-direction: column;
-        }
-        .texts {
-            width: 100%;
-        }
-        .img-wrap {
-            width: 100%;
-            height: 250px;
-        }
-        .list {
-            flex-direction: column;
-            li {
-                width: 100%;
-                margin-bottom: 1rem;
-            }
-        }
+  .program {
+    .slide {
+      flex-direction: column;
+    }
+
+    .texts {
+      width: 100%;
+    }
+
+    .img-wrap {
+      width: 100%;
+      height: 250px;
+    }
+
+    .list {
+      flex-direction: column;
+
+      li {
+        width: 100%;
+        margin-bottom: 1rem;
+      }
     }
+  }
 }
 </style>
diff --git a/src/pages/sfel/index.vue b/src/pages/sfel/index.vue
index 55d418a..753399f 100644
--- a/src/pages/sfel/index.vue
+++ b/src/pages/sfel/index.vue
@@ -1,74 +1,51 @@
 <template>
   <div class="wrap">
-    <el-carousel class="topImg"
-                 :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 class="topImg" :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%;height: 20.5rem;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%;height: 20.5rem;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,85 +54,62 @@
       </div>
     </div>
 
-    <div class="block notice"
-         id="part2">
+    <div class="block notice" id="part2">
       <div class="inner lg">
         <div class="title wow fadeInUp">
           <h5>
             {{ modules[3].form.title }}
             <span class="sub">{{ modules[3].form.subTitle }}</span>
           </h5>
-          <span class="more"
-                @click="toAll(modules[4].form)">MORE</span>
+          <span class="more" @click="toAll(modules[4].form)">MORE</span>
         </div>
-        <div class="shop-shows"
-             v-if="articles1.length">
-          <div class="left wow fadeInLeft"
-               data-wow-delay="0.5s">
+        <div class="shop-shows" v-if="articles1.length">
+          <div class="left wow fadeInLeft" data-wow-delay="0.5s">
             <el-carousel>
               <template v-for="(item, i) in articles1">
-                <el-carousel-item v-if="i < 4"
-                                  :key="i">
-                  <div class="item"
-                       @click="toArtice(item, modules[4].form)">
-                    <img class="pic"
-                         :src="item.titleImg"
-                         alt="">
+                <el-carousel-item v-if="i < 4" :key="i">
+                  <div class="item" @click="toArtice(item, modules[4].form)">
+                    <img class="pic" :src="item.titleImg" alt="">
                     <p class="text">{{ item.title }}</p>
                   </div>
                 </el-carousel-item>
               </template>
             </el-carousel>
-            <div v-if="articles1.length > 4"
-                 class="cards"
-                 style="margin-top: 18px;"
-                 @click="toArtice(articles1[4], modules[4].form)">
+            <div v-if="articles1.length > 4" class="cards" style="margin-top: 18px;"
+              @click="toArtice(articles1[4], modules[4].form)">
               <h6 class="a-line">{{ articles1[4].title }}</h6>
               <div class="sum">{{ articles1[4].mainBody }}</div>
               <p class="date">{{ articles1[4].releaseTime }}</p>
             </div>
             <div class="card-wrap">
-              <div v-if="articles1.length > 5"
-                   class="cards"
-                   style="margin-right: 18px"
-                   @click="toArtice(articles1[5], modules[4].form)">
+              <div v-if="articles1.length > 5" class="cards" style="margin-right: 18px"
+                @click="toArtice(articles1[5], modules[4].form)">
                 <h6>{{ articles1[5].title }}</h6>
                 <p class="date">{{ articles1[5].releaseTime }}</p>
               </div>
-              <div v-if="articles1.length > 6"
-                   class="cards"
-                   @click="toArtice(articles1[6], modules[4].form)">
+              <div v-if="articles1.length > 6" class="cards" @click="toArtice(articles1[6], modules[4].form)">
                 <h6>{{ articles1[6].title }}</h6>
                 <p class="date">{{ articles1[6].releaseTime }}</p>
               </div>
             </div>
           </div>
-          <div v-if="articles1.length > 7"
-               class="right wow fadeInRight"
-               data-wow-delay="0.5s">
+          <div v-if="articles1.length > 7" class="right wow fadeInRight" data-wow-delay="0.5s">
             <ul class="card-list">
               <template v-for="(item, i) in articles1">
-                <li v-if="i > 6 && i < 10"
-                    :key="i"
-                    @click="toArtice(item, modules[4].form)">
+                <li v-if="i > 6 && i < 10" :key="i" @click="toArtice(item, modules[4].form)">
                   <div class="releaseTime">
                     <p class="d">{{ item.date }}</p>
                     <p class="m">{{ item.month }}</p>
                   </div>
                   <div class="texts">
                     <h6>{{ item.title }}</h6>
-                    <div class="des"
-                         v-html="item.mainBody"></div>
+                    <div class="des" v-html="item.mainBody"></div>
                   </div>
                 </li>
               </template>
             </ul>
-            <div v-if="articles1.length > 10"
-                 class="slide"
-                 @click="toArtice(articles1[10], modules[4].form)">
-              <img class="pic"
-                   :src="articles1[10].titleImg"
-                   alt="">
+            <div v-if="articles1.length > 10" class="slide" @click="toArtice(articles1[10], modules[4].form)">
+              <img class="pic" :src="articles1[10].titleImg" alt="">
               <p class="text">{{ articles1[10].title }}</p>
             </div>
           </div>
@@ -163,67 +117,41 @@
       </div>
     </div>
 
-    <div class="block conference"
-         id="part3">
+    <div class="block conference" id="part3">
       <div class="inner lg">
         <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>
@@ -234,62 +162,43 @@
       </div>
     </div>
 
-    <div class="block media"
-         id="part4">
+    <div class="block media" 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>
-        <div v-if="articles3.length"
-             class="media-wrap">
+        <div v-if="articles3.length" class="media-wrap">
           <div class="left">
             <div class="slides">
-              <div class="item wow fadeInLeft"
-                   data-wow-delay="0.5s"
-                   style="margin-right: 20px"
-                   @click="toArtice(articles3[0], modules[9].form)">
-                <img width="100%"
-                     height="100%"
-                     :src="articles3[0].titleImg"
-                     alt="">
+              <div class="item wow fadeInLeft" data-wow-delay="0.5s" style="margin-right: 20px"
+                @click="toArtice(articles3[0], modules[9].form)">
+                <img width="100%" height="100%" :src="articles3[0].titleImg" alt="">
                 <div class="text">{{ articles3[0].title }}</div>
               </div>
-              <div v-if="articles3.length > 1"
-                   class="item wow fadeInLeft"
-                   data-wow-delay="0.5s"
-                   @click="toArtice(articles3[1], modules[9].form)">
-                <img width="100%"
-                     height="100%"
-                     :src="articles3[1].titleImg"
-                     alt="">
+              <div v-if="articles3.length > 1" class="item wow fadeInLeft" data-wow-delay="0.5s"
+                @click="toArtice(articles3[1], modules[9].form)">
+                <img width="100%" height="100%" :src="articles3[1].titleImg" alt="">
                 <div class="text">{{ articles3[1].title }}</div>
               </div>
             </div>
             <ul class="list">
               <template v-for="(item, i) in articles3">
-                <li v-if="i > 1 && i < 5"
-                    :key="i"
-                    class="wow fadeInDown"
-                    :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
-                    @click="toArtice(item, modules[9].form)">
+                <li v-if="i > 1 && i < 5" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
+                  @click="toArtice(item, modules[9].form)">
                   <h6>{{ item.title }}</h6>
                   <div class="des">{{ item.mainBody }}</div>
                 </li>
               </template>
             </ul>
           </div>
-          <div v-if="articles3.length > 5"
-               class="right wow bounceInRight"
-               data-wow-delay="0.8s"
-               @click="toArtice(articles3[5], modules[9].form)">
+          <div v-if="articles3.length > 5" class="right wow bounceInRight" data-wow-delay="0.8s"
+            @click="toArtice(articles3[5], modules[9].form)">
             <div class="img-wrap">
-              <img :src="articles3[5].titleImg"
-                   alt="">
+              <img :src="articles3[5].titleImg" alt="">
             </div>
             <div class="texts">
               <h6>{{ articles3[5].title }}</h6>
@@ -300,8 +209,7 @@
       </div>
     </div>
 
-    <div class="block news"
-         id="part5">
+    <div class="block news" id="part5">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
@@ -310,14 +218,10 @@
           </h5>
         </div>
         <ul class="news">
-          <li v-for="(item, i) in modules[10].list"
-              :key="i"
-              class="wow fadeInDown"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              :class="{'cursor-pointer': item.link.linkName !== '无'}"
-              @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+          <li v-for="(item, i) in modules[10].list" :key="i" class="wow fadeInDown"
+            :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{ 'cursor-pointer': item.link.linkName !== '无' }"
+            @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
               <div class="des">{{ item.des }}</div>
@@ -327,38 +231,30 @@
       </div>
     </div>
 
-    <div class="block program"
-         id="part6">
+    <div class="block program" id="part6">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
             {{ modules[11].form.title }}
             <span class="sub">{{ modules[11].form.subTitle }}</span>
           </h5>
-          <span class="more"
-                @click="toAll(modules[12].form)">MORE</span>
+          <span class="more" @click="toAll(modules[12].form)">MORE</span>
         </div>
         <template v-if="articles4.length">
-          <div class="slide"
-               @click="toArtice(articles4[0], modules[12].form)">
+          <div class="slide" @click="toArtice(articles4[0], modules[12].form)">
             <div class="texts">
               <h6>{{ articles4[0].title }}</h6>
               <div class="des">{{ articles4[0].mainBody }}</div>
               <div class="meta">发表日期：{{ articles4[0].releaseTime }} &emsp;浏览量：{{ articles4[0].totalBrowsing }}</div>
             </div>
             <div class="img-wrap">
-              <img class="pic"
-                   :src="articles4[0].titleImg"
-                   alt="">
+              <img class="pic" :src="articles4[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[12].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[12].form)">
                 <div class="des">{{ item.title }}</div>
                 <p class="date">{{ item.releaseTime }}</p>
               </li>
@@ -370,14 +266,10 @@
 
     <div class="tools">
       <div class="logo">
-        <img src="@/assets/images/logo.png"
-             alt="">
+        <img src="@/assets/images/logo.png" alt="">
       </div>
       <ul class="nav">
-        <li v-for="(item, i) in navs"
-            :key="i"
-            class="column"
-            @click="toAnchor(item)">{{ item.name }}</li>
+        <li v-for="(item, i) in navs" :key="i" class="column" @click="toAnchor(item)">{{ item.name }}</li>
       </ul>
     </div>
   </div>
@@ -505,1739 +397,2105 @@ export default {
 @import '../../styles/page/page.scss';
 
 .wrap {
-    /deep/ .el-carousel__container {
-        height: 100vh;
-    }
-    /deep/ .el-carousel__container {
-        height: 100vh;
-    }
-    .topImg {
-        height: 100vh;
-        img {
-            height: 100vh;
-            object-fit: cover;
-        }
+  /deep/ .el-carousel__container {
+    height: 100vh;
+  }
+
+  /deep/ .el-carousel__container {
+    height: 100vh;
+  }
+
+  .topImg {
+    height: 100vh;
+
+    img {
+      height: 100vh;
+      object-fit: cover;
     }
+  }
 }
+
 .block {
-    padding: 3rem 0;
+  padding: 3rem 0;
 }
 
 .title {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding-bottom: 1.25rem;
-    margin-bottom: 1.5rem;
-    border-bottom: 1px solid #ddd;
-    align-items: center;
-    h5 {
-        padding-left: 0.8rem;
-        font-size: 1.62rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-        line-height: 1;
-        border-left: 6px solid #2b96ef;
-    }
-    .sub {
-        font-size: 0.88rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #afb7bf;
-    }
-    .more {
-        font-size: 0.64rem;
-        color: #666;
-        cursor: pointer;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  padding-bottom: 1.25rem;
+  margin-bottom: 1.5rem;
+  border-bottom: 1px solid #ddd;
+  align-items: center;
+
+  h5 {
+    padding-left: 0.8rem;
+    font-size: 1.62rem;
+    font-weight: 500;
+    color: #333333;
+    line-height: 1;
+    border-left: 6px solid #2b96ef;
+  }
+
+  .sub {
+    font-size: 0.88rem;
+    font-weight: 500;
+    color: #afb7bf;
+  }
+
+  .more {
+    font-size: 0.64rem;
+    color: #666;
+    cursor: pointer;
+  }
 }
+
 .lg {
-    // width: 1505px;
+  // width: 1505px;
 }
+
 /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);
-        }
-    }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 50px 50px 30px;
-        background: #1583ff;
-        color: #fff;
-        h6 {
-            font-size: 1.34rem;
-            @include mul-ellipsis(2);
-        }
-        .des {
-            font-size: 1.02rem;
-        }
-        .meta {
-            font-size: 1.04rem;
-        }
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                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;
-            }
-        }
+  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;
+    color: #fff;
+
     h6 {
-        font-size: 1.3rem;
-        transition: 0.3s;
+      font-size: 1.34rem;
+      @include mul-ellipsis(2);
     }
+
     .des {
-        margin: 30px 0;
-        font-size: 0.9rem;
-        line-height: 24px;
-        transition: 0.3s;
+      font-size: 1.02rem;
     }
+
     .meta {
-        font-size: 0.8rem;
-        transition: 0.3s;
+      font-size: 1.04rem;
     }
-}
-.card {
-    li {
-        .texts {
-            .des {
-                min-height: 3rem;
-            }
-        }
+
+    &:hover {
+      background: #465f85;
+
+      h6,
+      .des,
+      .meta {
+        color: #fff;
+        transform: translateY(-15px);
+      }
     }
-}
-.card {
+  }
+
+  .inds {
+    position: absolute;
+    bottom: 40px;
+    left: 60px;
     display: flex;
-    flex-wrap: wrap;
-    margin-top: 2rem;
+
     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: auto;
-        object-fit: cover;
+      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 {
+  li {
     .texts {
-        padding: 2rem 1.5rem;
-    }
-    .meta {
-        font-size: 0.92rem;
-        color: #666;
+      .des {
+        min-height: 3rem;
+      }
     }
-    .des {
-        margin: 0.5rem 0;
-        font-size: 0.88rem;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 1.4rem;
-        -webkit-line-clamp: 2;
+  }
+}
+
+.card {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 2rem;
+
+  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);
     }
-    .arrow {
-        width: 1.8rem;
+
+    &:last-child {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+  }
+
+  .texts {
+    padding: 2rem 1.5rem;
+  }
+
+  .meta {
+    font-size: 0.92rem;
+    color: #666;
+  }
+
+  .des {
+    margin: 0.5rem 0;
+    font-size: 0.88rem;
+    font-weight: 500;
+    color: #333;
+    line-height: 1.4rem;
+    -webkit-line-clamp: 2;
+  }
+
+  .arrow {
+    width: 1.8rem;
+  }
 }
 
 .notice {
-    background: url(../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
+  background: url(../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
 }
+
 .shop-shows {
-    display: flex;
-    .left {
-        width: 50%;
-        margin-right: 1rem;
-        /deep/ .el-carousel__container {
-            height: 20.65rem;
-        }
-        .item {
-            position: relative;
-            height: 100%;
-            cursor: pointer;
-            .pic {
-                width: 100%;
-                height: 100%;
-                transition: 0.5s;
-                object-fit: cover;
-            }
-            .text {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 100%;
-                padding: 0 20px;
-                font-size: 0.96rem;
-                color: #fff;
-                line-height: 3rem;
-                @include ellipsis;
-                background-color: rgba(0, 0, 0, 0.57);
-            }
-            &:hover {
-                .pic {
-                    transform: scale(1.3);
-                }
-            }
-        }
-        .card-wrap {
-            display: flex;
-            margin-top: 0.9rem;
-            .cards {
-                flex: 1;
-            }
-            h6 {
-                @include mul-ellipsis(2);
-            }
-        }
-        .cards {
-            padding: 2.85rem 1rem;
-            background-color: #fff;
-            transition: 0.5s;
-            cursor: pointer;
-            &:hover {
-                transform: translateX(10px);
-            }
-            h6 {
-                margin-bottom: 1.2rem;
-                font-size: 1.08rem;
-                color: #48525e;
-            }
-            .a-line {
-                @include ellipsis;
-            }
-            .sum {
-                font-size: 0.9rem;
-                color: #6d7c8e;
-                @include ellipsis;
-            }
-            .date {
-                margin-top: 1.2rem;
-                font-size: 0.72rem;
-                color: #c4ccd7;
-            }
-        }
-        h6 {
-            font-size: 24px;
-            color: #272727;
-        }
-        .des {
-            margin-top: 10px;
-            font-size: 16px;
-            color: #666;
-            line-height: 30px;
+  display: flex;
+
+  .left {
+    width: 50%;
+    margin-right: 1rem;
+
+    /deep/ .el-carousel__container {
+      height: 20.65rem;
+    }
+
+    .item {
+      position: relative;
+      height: 100%;
+      cursor: pointer;
+
+      .pic {
+        width: 100%;
+        height: 100%;
+        transition: 0.5s;
+        object-fit: cover;
+      }
+
+      .text {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        padding: 0 20px;
+        font-size: 0.96rem;
+        color: #fff;
+        line-height: 3rem;
+        @include ellipsis;
+        background-color: rgba(0, 0, 0, 0.57);
+      }
+
+      &:hover {
+        .pic {
+          transform: scale(1.3);
         }
+      }
     }
-    .right {
-        width: 50%;
+
+    .card-wrap {
+      display: flex;
+      margin-top: 0.9rem;
+
+      .cards {
+        flex: 1;
+      }
+
+      h6 {
+        @include mul-ellipsis(2);
+      }
     }
-    .card-list {
-        li {
-            display: flex;
-            align-items: center;
-            padding: 0.95rem;
-            margin-bottom: 0.9rem;
-            background-color: #fff;
-            transition: 0.3s;
-            cursor: pointer;
-            &:hover {
-                transform: scale(1.05);
-            }
-        }
-        .releaseTime {
-            width: 4.4rem;
-            height: 4.4rem;
-            padding: 0.5rem 0 0.8rem;
-            margin-right: 1.2rem;
-            text-align: center;
-        }
-        .d {
-            font-size: 1.9rem;
-            font-family: DINCondensed-Bold, DINCondensed;
-            font-weight: bold;
-            color: #333333;
-            line-height: 2.15rem;
-        }
-        .m {
-            font-size: 1.02rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #666666;
-            line-height: 1rem;
-        }
-        .texts {
-            width: calc(100% - 110px);
-        }
-        h6 {
-            margin-bottom: 0.5rem;
-            font-size: 1.08rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #1583ff;
-            @include ellipsis;
-        }
-        .des {
-            font-size: 0.9rem;
-            color: #666;
-            line-height: 1.2rem;
-            -webkit-line-clamp: 2;
-        }
+
+    .cards {
+      padding: 2.85rem 1rem;
+      background-color: #fff;
+      transition: 0.5s;
+      cursor: pointer;
+
+      &:hover {
+        transform: translateX(10px);
+      }
+
+      h6 {
+        margin-bottom: 1.2rem;
+        font-size: 1.08rem;
+        color: #48525e;
+      }
+
+      .a-line {
+        @include ellipsis;
+      }
+
+      .sum {
+        font-size: 0.9rem;
+        color: #6d7c8e;
+        @include ellipsis;
+      }
+
+      .date {
+        margin-top: 1.2rem;
+        font-size: 0.72rem;
+        color: #c4ccd7;
+      }
     }
-    .slide {
-        position: relative;
-        height: 24.4rem;
-        overflow: hidden;
-        cursor: pointer;
-        .pic {
-            width: 100%;
-            height: 100%;
-            transition: 0.5s;
-            object-fit: cover;
-        }
-        .text {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            padding: 0 0.6rem;
-            line-height: 3rem;
-            font-size: 0.8rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            background-color: rgba(0, 0, 0, 0.57);
-        }
-        &:hover {
-            .pic {
-                transform: scale(1.3);
-            }
-        }
+
+    h6 {
+      font-size: 24px;
+      color: #272727;
     }
-}
-.conference {
-    background: url(../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
-    .shows {
-        display: flex;
+
+    .des {
+      margin-top: 10px;
+      font-size: 16px;
+      color: #666;
+      line-height: 30px;
     }
-    .left {
-        position: relative;
-        width: 34.375rem;
-        height: auto;
-        margin-right: 20px;
-        cursor: pointer;
-        overflow: hidden;
-        .text {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            padding: 0 0.6rem;
-            line-height: 3rem;
-            font-size: 0.8rem;
-            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);
-            }
-        }
+  }
+
+  .right {
+    width: 50%;
+  }
+
+  .card-list {
+    li {
+      display: flex;
+      align-items: center;
+      padding: 0.95rem;
+      margin-bottom: 0.9rem;
+      background-color: #fff;
+      transition: 0.3s;
+      cursor: pointer;
+
+      &:hover {
+        transform: scale(1.05);
+      }
     }
-    .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: 10.4375rem;
-            height: 10.4375rem;
-            margin-right: 1.8rem;
-            object-fit: cover;
-        }
-        .texts {
-            width: calc(100% - 12.5rem);
-        }
-        h6 {
-            margin-bottom: 10px;
-            font-size: 0.96rem;
-            color: #333;
-            @include ellipsis;
-        }
-        .sum {
-            margin-bottom: 6px;
-            font-size: 0.8rem;
-            color: #666;
-            @include ellipsis;
-        }
-        .text {
-            display: flex;
-            align-items: center;
-            margin: 0.5rem 0;
-            font-size: 0.72rem;
-            @include ellipsis;
-        }
-        .icon {
-            margin-right: 5px;
-        }
+
+    .releaseTime {
+      width: 4.4rem;
+      height: 4.4rem;
+      padding: 0.5rem 0 0.8rem;
+      margin-right: 1.2rem;
+      text-align: center;
     }
-}
 
-.media {
-    background: #fff;
-    .media-wrap {
-        display: flex;
+    .d {
+      font-size: 1.9rem;
+      font-weight: bold;
+      color: #333333;
+      line-height: 2.15rem;
     }
-    .left {
-        width: 55%;
-        margin-right: 1%;
-        .slides {
-            display: flex;
-            margin-bottom: 20px;
-        }
-        .item {
-            position: relative;
-            flex: 1;
-            height: 10rem;
-            overflow: hidden;
-            cursor: pointer;
-            img {
-                width: 100%;
-                height: 100%;
-                transition: 0.5s;
-                object-fit: cover;
-            }
-            .text {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 100%;
-                padding: 0 1.35rem;
-                line-height: 2.5rem;
-                font-size: 0.8rem;
-                color: #ffffff;
-                @include ellipsis;
-                background-color: rgba(0, 0, 0, 0.49);
-            }
-            &:hover {
-                img {
-                    transform: scale(1.3);
-                }
-            }
-        }
-        .list {
-            padding: 1.7rem 1.8rem;
-            background: #fff;
-            box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
-            li {
-                margin-bottom: 2rem;
-                transition: 0.5s;
-                cursor: pointer;
-                &:last-child {
-                    margin-bottom: 0;
-                }
-                &:hover {
-                    transform: scale(1.05);
-                }
-            }
-            h6 {
-                margin-bottom: 0.85rem;
-                font-size: 0.88rem;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                color: #272727;
-                line-height: 1rem;
-                text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
-                @include ellipsis;
-            }
-            .des {
-                font-size: 0.9rem;
-                color: #666;
-                -webkit-line-clamp: 2;
-            }
-        }
+
+    .m {
+      font-size: 1.02rem;
+      font-weight: 400;
+      color: #666666;
+      line-height: 1rem;
     }
-    .right {
-        width: 44%;
-        box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
-        transition: 0.5s;
-        cursor: pointer;
-        .img-wrap {
-            width: 100%;
-            height: 21.1rem;
-            overflow: hidden;
-        }
-        img {
-            width: 100%;
-            height: 100%;
-            transition: 0.5s;
-            object-fit: cover;
-        }
-        .texts {
-            padding: 2rem 1.4rem;
-        }
-        h6 {
-            font-size: 0.96rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #272727;
-            line-height: 1.95rem;
-            text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
-            @include ellipsis;
-        }
-        .des {
-            margin-top: 1rem;
-            font-size: 0.8rem;
-            color: #666;
-            -webkit-line-clamp: 2;
-        }
-        &:hover {
-            background: #005388;
-            h6,
-            .des {
-                color: #fff;
-            }
-            img {
-                transform: scale(1.3);
-            }
-        }
+
+    .texts {
+      width: calc(100% - 110px);
     }
+
+    h6 {
+      margin-bottom: 0.5rem;
+      font-size: 1.08rem;
+      font-weight: 500;
+      color: #1583ff;
+      @include ellipsis;
+    }
+
+    .des {
+      font-size: 0.9rem;
+      color: #666;
+      line-height: 1.2rem;
+      -webkit-line-clamp: 2;
+    }
+  }
+
+  .slide {
+    position: relative;
+    height: 24.4rem;
+    overflow: hidden;
+    cursor: pointer;
+
+    .pic {
+      width: 100%;
+      height: 100%;
+      transition: 0.5s;
+      object-fit: cover;
+    }
+
+    .text {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      padding: 0 0.6rem;
+      line-height: 3rem;
+      font-size: 0.8rem;
+      font-weight: 500;
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.57);
+    }
+
+    &:hover {
+      .pic {
+        transform: scale(1.3);
+      }
+    }
+  }
 }
-.news {
-    background: url(../../assets/images/sfel/5.png) (0 504px) / auto no-repeat,
-        url(../../assets/images/sfel/6.png) (bottom right) / auto no-repeat;
-}
-.news {
+
+.conference {
+  background: url(../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+
+  .shows {
     display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
+  }
+
+  .left {
+    position: relative;
+    width: 34.375rem;
+    height: auto;
+    margin-right: 20px;
+    cursor: pointer;
+    overflow: hidden;
+
+    .text {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      padding: 0 0.6rem;
+      line-height: 3rem;
+      font-size: 0.8rem;
+      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);
+      }
+    }
+  }
+
+  .card-list {
+    width: 600px;
+
     li {
-        position: relative;
-        // width: calc((100% - 56px) / 3);
-        flex: 1;
-        padding: 0.55rem;
-        margin-right: 1.4rem;
-        color: #333;
-        background-color: #fff;
-        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-        border-radius: 10px;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            color: #fff;
-            background-color: #0252d9;
-        }
+      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);
+      }
     }
-    img {
-        width: 100%;
-        height: 24.05rem;
-        object-fit: cover;
+
+    .pic {
+      width: 10.4375rem;
+      height: 10.4375rem;
+      margin-right: 1.8rem;
+      object-fit: cover;
     }
+
     .texts {
-        padding: 0 0.9rem 2.5rem;
+      width: calc(100% - 12.5rem);
     }
+
     h6 {
-        margin: 1.75rem 0 0.6rem;
-        font-size: 1.05rem;
-        line-height: 1.65rem;
+      margin-bottom: 10px;
+      font-size: 0.96rem;
+      color: #333;
+      @include ellipsis;
     }
-    .des {
-        font-size: 0.8rem;
-        line-height: 1.3rem;
+
+    .sum {
+      margin-bottom: 6px;
+      font-size: 0.8rem;
+      color: #666;
+      @include ellipsis;
     }
-}
-.program {
-    background: #fff;
-    .slide {
-        display: flex;
-        margin-bottom: 0.7rem;
-        cursor: pointer;
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 0.5rem 0;
+      font-size: 0.72rem;
+      @include ellipsis;
     }
-    .texts {
-        width: 51%;
-        padding: 2.8rem;
-        background: #fbfbfb;
-        h6 {
-            font-size: 1.04rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-        }
-        .des {
-            margin: 1.75rem 0 1.25rem;
-            font-size: 1rem;
-            color: #666;
-            line-height: 1.6rem;
-        }
-        .meta {
-            font-size: 0.72rem;
-            color: #666;
-        }
+
+    .icon {
+      margin-right: 5px;
     }
-    .img-wrap {
-        width: 49%;
-        height: auto;
-        overflow: hidden;
+  }
+}
+
+.media {
+  background: #fff;
+
+  .media-wrap {
+    display: flex;
+  }
+
+  .left {
+    width: 55%;
+    margin-right: 1%;
+
+    .slides {
+      display: flex;
+      margin-bottom: 20px;
     }
-    .pic {
+
+    .item {
+      position: relative;
+      flex: 1;
+      height: 10rem;
+      overflow: hidden;
+      cursor: pointer;
+
+      img {
         width: 100%;
         height: 100%;
         transition: 0.5s;
         object-fit: cover;
-    }
-    &:hover {
-        .pic {
-            transform: scale(1.3);
+      }
+
+      .text {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        padding: 0 1.35rem;
+        line-height: 2.5rem;
+        font-size: 0.8rem;
+        color: #ffffff;
+        @include ellipsis;
+        background-color: rgba(0, 0, 0, 0.49);
+      }
+
+      &:hover {
+        img {
+          transform: scale(1.3);
         }
+      }
     }
+
     .list {
-        display: flex;
-        li {
-            // width: calc((100% - 28px) / 3);
-            flex: 1;
-            padding: 1.8rem 1.1rem;
-            margin-right: 0.7rem;
-            background: url(../../assets/images/sfel/7.png) no-repeat center;
-            background-size: 100% 100%;
-            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 {
-            margin-bottom: 1.5rem;
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            line-height: 30px;
-            word-break: break-all;
+      padding: 1.7rem 1.8rem;
+      background: #fff;
+      box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+
+      li {
+        margin-bottom: 2rem;
+        transition: 0.5s;
+        cursor: pointer;
+
+        &:last-child {
+          margin-bottom: 0;
         }
-        .date {
-            font-size: 0.72rem;
-            font-family: LaoSangamMN;
-            color: #ffffff;
+
+        &:hover {
+          transform: scale(1.05);
         }
+      }
+
+      h6 {
+        margin-bottom: 0.85rem;
+        font-size: 0.88rem;
+        font-weight: 500;
+        color: #272727;
+        line-height: 1rem;
+        text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+        @include ellipsis;
+      }
+
+      .des {
+        font-size: 0.9rem;
+        color: #666;
+        -webkit-line-clamp: 2;
+      }
     }
-}
-.tools {
-    z-index: 9;
-    position: fixed;
-    top: 12.5rem;
-    left: 0;
-    width: 9.4rem;
-    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: 0.88rem;
-            line-height: 2.5rem;
-            color: #fff;
-            background-color: #1d1d1d;
-            cursor: pointer;
-            @include ellipsis;
-            &.active {
-                background-color: #1583ff;
-            }
-            &:hover {
-                background-color: #1583ff;
-            }
-        }
+  }
+
+  .right {
+    width: 44%;
+    box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+    transition: 0.5s;
+    cursor: pointer;
+
+    .img-wrap {
+      width: 100%;
+      height: 21.1rem;
+      overflow: hidden;
     }
-}
 
-@media (max-width: 1520px) {
-    .conference .card-list {
-        width: 734px;
-        .texts {
-            width: 460px;
-        }
+    img {
+      width: 100%;
+      height: 100%;
+      transition: 0.5s;
+      object-fit: cover;
     }
-}
-@media (max-width: 1200px) {
-    .tools {
-        display: none;
+
+    .texts {
+      padding: 2rem 1.4rem;
     }
-    .sfel-banner {
-        flex-direction: column;
-        .newBox {
-            width: 100% !important;
-        }
-        .right {
-            margin-top: 10px;
-            width: 100%;
-            height: 410px;
-        }
+
+    h6 {
+      font-size: 0.96rem;
+      font-weight: 500;
+      color: #272727;
+      line-height: 1.95rem;
+      text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+      @include ellipsis;
     }
-    .card {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    .des {
+      margin-top: 1rem;
+      font-size: 0.8rem;
+      color: #666;
+      -webkit-line-clamp: 2;
     }
-    .shop-shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    &:hover {
+      background: #005388;
+
+      h6,
+      .des {
+        color: #fff;
+      }
+
+      img {
+        transform: scale(1.3);
+      }
     }
-    .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%;
-                }
-            }
-        }
+  }
+}
+
+.news {
+  background: url(../../assets/images/sfel/5.png) (0 504px) / auto no-repeat,
+    url(../../assets/images/sfel/6.png) (bottom right) / auto no-repeat;
+}
+
+.news {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    // width: calc((100% - 56px) / 3);
+    flex: 1;
+    padding: 0.55rem;
+    margin-right: 1.4rem;
+    color: #333;
+    background-color: #fff;
+    box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+    border-radius: 10px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
     }
-    .media-wrap {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .news {
-        flex-direction: column;
-        li {
-            margin-top: 30px;
-            width: 100%;
-        }
+
+    &:hover {
+      color: #fff;
+      background-color: #0252d9;
     }
-    .slide,
-    .list {
-        flex-direction: column;
-        .texts,
-        .img-wrap {
-            width: 100%;
-        }
+  }
+
+  img {
+    width: 100%;
+    height: 24.05rem;
+    object-fit: cover;
+  }
+
+  .texts {
+    padding: 0 0.9rem 2.5rem;
+  }
+
+  h6 {
+    margin: 1.75rem 0 0.6rem;
+    font-size: 1.05rem;
+    line-height: 1.65rem;
+  }
+
+  .des {
+    font-size: 0.8rem;
+    line-height: 1.3rem;
+  }
+}
+
+.program {
+  background: #fff;
+
+  .slide {
+    display: flex;
+    margin-bottom: 0.7rem;
+    cursor: pointer;
+  }
+
+  .texts {
+    width: 51%;
+    padding: 2.8rem;
+    background: #fbfbfb;
+
+    h6 {
+      font-size: 1.04rem;
+      font-weight: 500;
+      color: #333333;
     }
-    .list {
-        li {
-            width: 100% !important;
-            margin-top: 20px;
-        }
+
+    .des {
+      margin: 1.75rem 0 1.25rem;
+      font-size: 1rem;
+      color: #666;
+      line-height: 1.6rem;
     }
-    .slides {
-        div {
-            flex: 1;
-        }
+
+    .meta {
+      font-size: 0.72rem;
+      color: #666;
     }
-    #part6 {
-        .slide {
-            .texts {
-                height: auto;
-            }
+  }
+
+  .img-wrap {
+    width: 49%;
+    height: auto;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  &:hover {
+    .pic {
+      transform: scale(1.3);
+    }
+  }
+
+  .list {
+    display: flex;
+
+    li {
+      // width: calc((100% - 28px) / 3);
+      flex: 1;
+      padding: 1.8rem 1.1rem;
+      margin-right: 0.7rem;
+      background: url(../../assets/images/sfel/7.png) no-repeat center;
+      background-size: 100% 100%;
+      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 {
+      margin-bottom: 1.5rem;
+      font-size: 1rem;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 30px;
+      word-break: break-all;
+    }
+
+    .date {
+      font-size: 0.72rem;
+      color: #ffffff;
+    }
+  }
+}
+
+.tools {
+  z-index: 9;
+  position: fixed;
+  top: 12.5rem;
+  left: 0;
+  width: 9.4rem;
+  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: 0.88rem;
+      line-height: 2.5rem;
+      color: #fff;
+      background-color: #1d1d1d;
+      cursor: pointer;
+      @include ellipsis;
+
+      &.active {
+        background-color: #1583ff;
+      }
+
+      &:hover {
+        background-color: #1583ff;
+      }
+    }
+  }
+}
+
+@media (max-width: 1520px) {
+  .conference .card-list {
+    width: 734px;
+
+    .texts {
+      width: 460px;
+    }
+  }
+}
+
+@media (max-width: 1200px) {
+  .tools {
+    display: none;
+  }
+
+  .sfel-banner {
+    flex-direction: column;
+
+    .newBox {
+      width: 100% !important;
+    }
+
+    .right {
+      margin-top: 10px;
+      width: 100%;
+      height: 410px;
+    }
+  }
+
+  .card {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+
+  .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;
+
+        .pic {
+          width: 100% !important;
+          margin-right: 0;
         }
+
+        .texts {
+          margin-top: 20px;
+          width: 100%;
+        }
+      }
     }
+  }
+
+  .media-wrap {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+    }
+
+    .right {
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+
+  .news {
+    flex-direction: column;
+
+    li {
+      margin-top: 30px;
+      width: 100%;
+    }
+  }
+
+  .slide,
+  .list {
+    flex-direction: column;
+
+    .texts,
+    .img-wrap {
+      width: 100%;
+    }
+  }
+
+  .list {
+    li {
+      width: 100% !important;
+      margin-top: 20px;
+    }
+  }
+
+  .slides {
+    div {
+      flex: 1;
+    }
+  }
+
+  #part6 {
+    .slide {
+      .texts {
+        height: auto;
+      }
+    }
+  }
 }
+
 @media (min-width: 280px) and (max-width: 1200px) {
-    .block {
-        padding: 2rem 0;
+  .block {
+    padding: 2rem 0;
+  }
+
+  .shop-shows {
+    .slide {
+      height: 18rem;
+    }
+  }
+
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+
+      img {
+        height: 18rem;
+      }
+    }
+
+    /deep/ .el-carousel__container {
+      height: 18rem !important;
+    }
+  }
+
+  .sfel-banner {
+    .newBox {
+      height: 20rem !important;
+    }
+
+    .right {
+      padding: 1.25rem;
+      height: 20rem;
+    }
+  }
+
+  .conference {
+    .left {
+      height: 20rem;
+    }
+  }
+
+  .card-list {
+    li {
+      .pic {
+        height: 15rem !important;
+      }
+    }
+  }
+
+  .slides {
+    .item {
+      height: 10rem !important;
+    }
+  }
+
+  .img-wrap {
+    height: 20rem !important;
+  }
+
+  .news {
+    .wow {
+      img {
+        height: 20rem;
+      }
+    }
+  }
+}
+
+@media (max-width: 320px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 12rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 12rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 12rem;
+
+      img {
+        height: 12rem;
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        .left {
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          // height: auto !important;
+          height: 8rem;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
     }
-    .shop-shows {
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
         .slide {
-            height: 18rem;
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
         }
+      }
+
+      .shows {
+        .left {
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          // height: auto !important;
+          height: 8rem;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        .left {
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        li {
+          img {
+            // height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
     }
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            img {
-                height: 18rem;
-            }
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 18rem !important;
+
+        span {
+          font-size: 0.85rem;
         }
-    }
-    .sfel-banner {
+      }
+
+      .sfel-banner {
         .newBox {
-            height: 20rem !important;
+          height: auto !important;
         }
+
         .right {
-            padding: 1.25rem;
-            height: 20rem;
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
         }
-    }
-    .conference {
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
         .left {
-            height: 20rem;
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
         }
-    }
-    .card-list {
-        li {
+
+        .card-list {
+          li {
             .pic {
-                height: 15rem !important;
+              height: auto !important;
             }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
         }
+      }
+
+      .news {
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
     }
-    .slides {
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
         .item {
-            height: 10rem !important;
+          height: auto !important;
         }
+      }
     }
-    .img-wrap {
-        height: 20rem !important;
+  }
+}
+
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
     }
-    .news {
-        .wow {
-            img {
-                height: 20rem;
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 15rem !important;
     }
-}
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
+
+        span {
+          font-size: 0.85rem;
         }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-            img {
-                height: 12rem;
-            }
+      }
+
+      .sfel-banner {
+        flex-direction: row;
+
+        .newBox {
+          height: auto !important;
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
+
+        .right {
+          margin-top: 0;
+
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
         }
-    }
-    .media-wrap {
+      }
+
+      .card {
+        flex-direction: row;
+        margin-top: 1.25rem;
+
+        li {
+          width: calc((100% - 56px) / 3);
+
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        flex-direction: row;
+
         .left {
-            .slides {
-                .item {
-                    // height: auto !important;
-                    height: 8rem;
-                }
-            }
+          width: 50%;
         }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
+
+        .right {
+          width: 50%;
+          margin-top: 0;
         }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
+
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+      }
+
+      .shows {
+        flex-direction: row;
+
+        .left {
+          width: 48%;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
+
+        .card-list {
+          width: 50%;
+          margin-top: 0;
+
+          li {
+            .pic {
+              height: auto !important;
             }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        flex-direction: row;
+
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        flex-direction: row;
+
+        .img-wrap {
+          height: auto !important;
         }
+      }
+
+      .list {
+        flex-direction: row;
+      }
     }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    // height: auto !important;
-                    height: 8rem;
-                }
-            }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
         }
+      }
     }
+  }
 }
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
+
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+
+        span {
+          font-size: 0.85rem;
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        // height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
+      }
+
+      .sfel-banner {
+        flex-direction: row;
+
+        .newBox {
+          height: auto !important;
         }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+
+        .right {
+          margin-top: 0;
+
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
         }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
+      }
+
+      .card {
+        flex-direction: row;
+        margin-top: 1.25rem;
+
+        li {
+          width: calc((100% - 56px) / 3);
+
+          .pic {
+            height: auto;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
+      }
+
+      .shop-shows {
+        flex-direction: row;
+
+        .left {
+          width: 50%;
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+
+        .right {
+          width: 50%;
+          margin-top: 0;
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
+
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
         }
-    }
-    .media-wrap {
+      }
+
+      .shows {
+        flex-direction: row;
+
         .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+          width: 48%;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
         }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
+
+        .card-list {
+          width: 50%;
+          margin-top: 0;
+
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
+      }
+
+      .media-wrap {
+        flex-direction: row;
+
+        .right {
+          margin-top: 0;
+
+          .img-wrap {
+            height: auto !important;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+      }
+
+      .news {
+        flex-direction: row;
+
+        li {
+          img {
+            height: auto;
+          }
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
+      }
+
+      .slide {
+        flex-direction: row;
+
+        .img-wrap {
+          height: auto !important;
         }
+      }
+
+      .list {
+        flex-direction: row;
+      }
     }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
         }
+      }
     }
+  }
 }
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
+
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 15rem !important;
+    }
+
+    /deep/ .el-carousel__item {
+      height: 15rem;
+
+      img {
+        height: 15rem;
+      }
+    }
+  }
+
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
+
+        span {
+          font-size: 0.85rem;
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
+      }
+
+      .sfel-banner {
+        flex-direction: row;
+
+        .newBox {
+          height: auto !important;
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                flex-direction: row;
-                .right {
-                    margin-top: 0;
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
+
+        .right {
+          margin-top: 0;
+
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
         }
-    }
-    .media-wrap {
+      }
+
+      .card {
+        flex-direction: row;
+        margin-top: 1.25rem;
+
+        li {
+          width: calc((100% - 56px) / 3);
+
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        flex-direction: row;
+
         .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+          width: 50%;
         }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
+
+        .right {
+          width: 50%;
+          margin-top: 0;
+        }
+
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
         }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
+      }
+
+      .shows {
+        flex-direction: row;
+
+        .left {
+          width: 48%;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
         }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
+
+        .card-list {
+          width: 50%;
+          margin-top: 0;
+
+          li {
+            .pic {
+              height: auto !important;
             }
+          }
         }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                flex-direction: row;
-                .right {
-                    margin-top: 0;
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
+      }
+
+      .media-wrap {
+        flex-direction: row;
+
+        .right {
+          margin-top: 0;
+
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        flex-direction: row;
+
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        flex-direction: row;
+
+        .img-wrap {
+          height: auto !important;
         }
+      }
+
+      .list {
+        flex-direction: row;
+      }
     }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/sfelNew/index.vue b/src/pages/sfelNew/index.vue
index daaa50a..ca19688 100644
--- a/src/pages/sfelNew/index.vue
+++ b/src/pages/sfelNew/index.vue
@@ -1,77 +1,53 @@
 <template>
-  <div :class="['wrap', {mobile: !$store.getters.getModelType}]">
-    <el-carousel class="carousel"
-                 id="part1"
-                 :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', { mobile: !$store.getters.getModelType }]">
+    <el-carousel class="carousel" id="part1" :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-wrap',{active: hide}]"
-         id="part2">
-      <div class="block banner-block"
-           id="part1">
+    <div :class="['block-wrap', { active: hide }]" id="part2">
+      <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%;height: 20.5rem;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%;height: 20.5rem;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>
@@ -80,52 +56,39 @@
         </div>
       </div>
 
-      <div class="block notice"
-           id="part2">
+      <div class="block notice" id="part2">
         <div class="inner lg">
           <div class="title wow fadeInUp">
             <h5>
               {{ modules[3].form.title }}
               <span class="sub">{{ modules[3].form.subTitle }}</span>
             </h5>
-            <span class="more"
-                  @click="toAll(modules[4].form)">MORE</span>
+            <span class="more" @click="toAll(modules[4].form)">MORE</span>
           </div>
-          <div class="shop-shows"
-               v-if="articles1.length">
-            <div class="left wow fadeInLeft"
-                 data-wow-delay="0.5s">
+          <div class="shop-shows" v-if="articles1.length">
+            <div class="left wow fadeInLeft" data-wow-delay="0.5s">
               <el-carousel>
                 <template v-for="(item, i) in articles1">
-                  <el-carousel-item v-if="i < 4"
-                                    :key="i">
-                    <div class="item"
-                         @click="toArtice(item, modules[4].form)">
-                      <img class="pic"
-                           :src="item.titleImg"
-                           alt="">
+                  <el-carousel-item v-if="i < 4" :key="i">
+                    <div class="item" @click="toArtice(item, modules[4].form)">
+                      <img class="pic" :src="item.titleImg" alt="">
                       <p class="text">{{ item.title }}</p>
                     </div>
                   </el-carousel-item>
                 </template>
               </el-carousel>
             </div>
-            <div v-if="articles1.length > 4"
-                 class="right wow fadeInRight"
-                 data-wow-delay="0.5s">
+            <div v-if="articles1.length > 4" class="right wow fadeInRight" data-wow-delay="0.5s">
               <ul class="card-list">
                 <template v-for="(item, i) in articles1">
-                  <li v-if="i > 3 && i < 7"
-                      :key="i"
-                      @click="toArtice(item, modules[4].form)">
+                  <li v-if="i > 3 && i < 7" :key="i" @click="toArtice(item, modules[4].form)">
                     <div class="releaseTime">
                       <p class="d">{{ item.date }}</p>
                       <p class="m">{{ item.month }}</p>
                     </div>
                     <div class="texts">
                       <h6>{{ item.title }}</h6>
-                      <div class="des"
-                           v-html="item.mainBody"></div>
+                      <div class="des" v-html="item.mainBody"></div>
                     </div>
                   </li>
                 </template>
@@ -135,62 +98,43 @@
         </div>
       </div>
 
-      <div class="block media"
-           id="part4">
+      <div class="block media" 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>
-          <div v-if="articles3.length"
-               class="media-wrap">
+          <div v-if="articles3.length" class="media-wrap">
             <div class="left">
               <div class="slides">
-                <div class="item wow fadeInLeft"
-                     data-wow-delay="0.5s"
-                     style="margin-right: 20px"
-                     @click="toArtice(articles3[0], modules[9].form)">
-                  <img width="100%"
-                       height="100%"
-                       :src="articles3[0].titleImg"
-                       alt="">
+                <div class="item wow fadeInLeft" data-wow-delay="0.5s" style="margin-right: 20px"
+                  @click="toArtice(articles3[0], modules[9].form)">
+                  <img width="100%" height="100%" :src="articles3[0].titleImg" alt="">
                   <div class="text">{{ articles3[0].title }}</div>
                 </div>
-                <div v-if="articles3.length > 1"
-                     class="item wow fadeInLeft"
-                     data-wow-delay="0.5s"
-                     @click="toArtice(articles3[1], modules[9].form)">
-                  <img width="100%"
-                       height="100%"
-                       :src="articles3[1].titleImg"
-                       alt="">
+                <div v-if="articles3.length > 1" class="item wow fadeInLeft" data-wow-delay="0.5s"
+                  @click="toArtice(articles3[1], modules[9].form)">
+                  <img width="100%" height="100%" :src="articles3[1].titleImg" alt="">
                   <div class="text">{{ articles3[1].title }}</div>
                 </div>
               </div>
               <ul class="list">
                 <template v-for="(item, i) in articles3">
-                  <li v-if="i > 1 && i < 5"
-                      :key="i"
-                      class="wow fadeInDown"
-                      :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
-                      @click="toArtice(item, modules[9].form)">
+                  <li v-if="i > 1 && i < 5" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
+                    @click="toArtice(item, modules[9].form)">
                     <h6>{{ item.title }}</h6>
                     <div class="des">{{ item.mainBody }}</div>
                   </li>
                 </template>
               </ul>
             </div>
-            <div v-if="articles3.length > 5"
-                 class="right wow bounceInRight"
-                 data-wow-delay="0.8s"
-                 @click="toArtice(articles3[5], modules[9].form)">
+            <div v-if="articles3.length > 5" class="right wow bounceInRight" data-wow-delay="0.8s"
+              @click="toArtice(articles3[5], modules[9].form)">
               <div class="img-wrap">
-                <img :src="articles3[5].titleImg"
-                     alt="">
+                <img :src="articles3[5].titleImg" alt="">
               </div>
               <div class="texts">
                 <h6>{{ articles3[5].title }}</h6>
@@ -201,38 +145,30 @@
         </div>
       </div>
 
-      <div class="block program"
-           id="part6">
+      <div class="block program" id="part6">
         <div class="inner">
           <div class="title wow fadeInUp">
             <h5>
               {{ modules[11].form.title }}
               <span class="sub">{{ modules[11].form.subTitle }}</span>
             </h5>
-            <span class="more"
-                  @click="toAll(modules[12].form)">MORE</span>
+            <span class="more" @click="toAll(modules[12].form)">MORE</span>
           </div>
           <template v-if="articles4.length">
-            <div class="slide"
-                 @click="toArtice(articles4[0], modules[12].form)">
+            <div class="slide" @click="toArtice(articles4[0], modules[12].form)">
               <div class="texts">
                 <h6>{{ articles4[0].title }}</h6>
                 <div class="des">{{ articles4[0].mainBody }}</div>
                 <div class="meta">发表日期：{{ articles4[0].releaseTime }} &emsp;浏览量：{{ articles4[0].totalBrowsing }}</div>
               </div>
               <div class="img-wrap">
-                <img class="pic"
-                     :src="articles4[0].titleImg"
-                     alt="">
+                <img class="pic" :src="articles4[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[12].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[12].form)">
                   <div class="des">{{ item.title }}</div>
                   <p class="date">{{ item.releaseTime }}</p>
                 </li>
@@ -459,1542 +395,1860 @@ $bannerHeight: 100vh;
 $bannerMh: 800px;
 
 .carousel {
-    z-index: 1;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
+  z-index: 1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: $bannerHeight;
+
+  img {
     height: $bannerHeight;
-    img {
-        height: $bannerHeight;
-        object-fit: cover;
-    }
-    /deep/.el-carousel__container {
-        height: $bannerHeight;
-    }
+    object-fit: cover;
+  }
+
+  /deep/.el-carousel__container {
+    height: $bannerHeight;
+  }
 }
+
 .block-wrap {
-    z-index: 2;
-    position: relative;
-    top: $bannerHeight;
-    min-height: 100vh;
-    padding: 6rem 0 30px;
-    background-color: #fff;
-    transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
-    &.active {
-        top: 0;
-    }
+  z-index: 2;
+  position: relative;
+  top: $bannerHeight;
+  min-height: 100vh;
+  padding: 6rem 0 30px;
+  background-color: #fff;
+  transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
+
+  &.active {
+    top: 0;
+  }
 }
+
 .mobile {
-    .carousel {
-        position: static;
-    }
-    .block-wrap {
-        top: auto;
-    }
+  .carousel {
+    position: static;
+  }
+
+  .block-wrap {
+    top: auto;
+  }
 }
+
 .block {
-    padding: 3rem 0;
+  padding: 3rem 0;
 }
 
 .title {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding-bottom: 1.25rem;
-    margin-bottom: 1.5rem;
-    border-bottom: 1px solid #ddd;
-    align-items: center;
-    h5 {
-        padding-left: 0.8rem;
-        font-size: 1.62rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-        line-height: 1;
-        border-left: 6px solid #2b96ef;
-    }
-    .sub {
-        font-size: 0.88rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #afb7bf;
-    }
-    .more {
-        font-size: 0.64rem;
-        color: #666;
-        cursor: pointer;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  padding-bottom: 1.25rem;
+  margin-bottom: 1.5rem;
+  border-bottom: 1px solid #ddd;
+  align-items: center;
+
+  h5 {
+    padding-left: 0.8rem;
+    font-size: 1.62rem;
+    font-weight: 500;
+    color: #333333;
+    line-height: 1;
+    border-left: 6px solid #2b96ef;
+  }
+
+  .sub {
+    font-size: 0.88rem;
+    font-weight: 500;
+    color: #afb7bf;
+  }
+
+  .more {
+    font-size: 0.64rem;
+    color: #666;
+    cursor: pointer;
+  }
 }
+
 .lg {
-    // width: 1505px;
+  // width: 1505px;
 }
+
 /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;
-        &:hover {
-            transform: scale(1.3);
-        }
-    }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 50px 50px 30px;
-        background: #1583ff;
-        color: #fff;
-        h6 {
-            font-size: 1.34rem;
-            @include mul-ellipsis(2);
-        }
-        .des {
-            font-size: 1.02rem;
-        }
-        .meta {
-            font-size: 1.04rem;
-        }
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                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;
-            }
-        }
+  display: flex;
+  cursor: pointer;
+
+  .pic {
+    transition: 0.5s;
+
+    &:hover {
+      transform: scale(1.3);
     }
+  }
+
+  .right {
+    position: relative;
+    width: 50%;
+    padding: 50px 50px 30px;
+    background: #1583ff;
+    color: #fff;
+
     h6 {
-        font-size: 1.3rem;
-        transition: 0.3s;
+      font-size: 1.34rem;
+      @include mul-ellipsis(2);
     }
+
     .des {
-        margin: 30px 0;
-        font-size: 0.9rem;
-        line-height: 24px;
-        transition: 0.3s;
+      font-size: 1.02rem;
     }
+
     .meta {
-        font-size: 0.8rem;
-        transition: 0.3s;
+      font-size: 1.04rem;
     }
-}
-.card {
-    li {
-        .texts {
-            .des {
-                min-height: 3rem;
-            }
-        }
+
+    &:hover {
+      background: #465f85;
+
+      h6,
+      .des,
+      .meta {
+        color: #fff;
+        transform: translateY(-15px);
+      }
     }
-}
-.card {
+  }
+
+  .inds {
+    position: absolute;
+    bottom: 40px;
+    left: 60px;
     display: flex;
-    flex-wrap: wrap;
-    margin-top: 2rem;
+
     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: auto;
+      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 {
+  li {
     .texts {
-        padding: 2rem 1.5rem;
-    }
-    .meta {
-        font-size: 0.92rem;
-        color: #666;
+      .des {
+        min-height: 3rem;
+      }
     }
-    .des {
-        margin: 0.5rem 0;
-        font-size: 0.88rem;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 1.4rem;
-        -webkit-line-clamp: 2;
+  }
+}
+
+.card {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 2rem;
+
+  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);
     }
-    .arrow {
-        width: 1.8rem;
+
+    &:last-child {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: auto;
+  }
+
+  .texts {
+    padding: 2rem 1.5rem;
+  }
+
+  .meta {
+    font-size: 0.92rem;
+    color: #666;
+  }
+
+  .des {
+    margin: 0.5rem 0;
+    font-size: 0.88rem;
+    font-weight: 500;
+    color: #333;
+    line-height: 1.4rem;
+    -webkit-line-clamp: 2;
+  }
+
+  .arrow {
+    width: 1.8rem;
+  }
 }
 
 .notice {
-    background: url(../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
+  background: url(../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
 }
+
 .shop-shows {
-    display: flex;
-    .left {
-        width: 50%;
-        margin-right: 1rem;
-        /deep/ .el-carousel__container {
-            height: 20.65rem;
-        }
-        .item {
-            position: relative;
-            height: 100%;
-            cursor: pointer;
-            .pic {
-                width: 100%;
-                height: 100%;
-                transition: 0.5s;
-                object-fit: cover;
-            }
-            .text {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 100%;
-                padding: 0 20px;
-                font-size: 0.96rem;
-                color: #fff;
-                line-height: 3rem;
-                @include ellipsis;
-                background-color: rgba(0, 0, 0, 0.57);
-            }
-            &:hover {
-                .pic {
-                    transform: scale(1.3);
-                }
-            }
-        }
-        .card-wrap {
-            display: flex;
-            margin-top: 0.9rem;
-            .cards {
-                flex: 1;
-            }
-            h6 {
-                @include mul-ellipsis(2);
-            }
-        }
-        .cards {
-            padding: 2.85rem 1rem;
-            background-color: #fff;
-            transition: 0.5s;
-            cursor: pointer;
-            &:hover {
-                transform: translateX(10px);
-            }
-            h6 {
-                margin-bottom: 1.2rem;
-                font-size: 1.08rem;
-                color: #48525e;
-            }
-            .a-line {
-                @include ellipsis;
-            }
-            .sum {
-                font-size: 0.9rem;
-                color: #6d7c8e;
-                @include ellipsis;
-            }
-            .date {
-                margin-top: 1.2rem;
-                font-size: 0.72rem;
-                color: #c4ccd7;
-            }
-        }
-        h6 {
-            font-size: 24px;
-            color: #272727;
-        }
-        .des {
-            margin-top: 10px;
-            font-size: 16px;
-            color: #666;
-            line-height: 30px;
-        }
-    }
-    .right {
-        width: 50%;
-    }
-    .card-list {
-        li {
-            display: flex;
-            align-items: center;
-            padding: 0.95rem;
-            margin-bottom: 0.9rem;
-            background-color: #fff;
-            transition: 0.3s;
-            cursor: pointer;
-            &:hover {
-                transform: scale(1.05);
-            }
-        }
-        .releaseTime {
-            width: 4.4rem;
-            height: 4.4rem;
-            padding: 0.5rem 0 0.8rem;
-            margin-right: 1.2rem;
-            text-align: center;
-        }
-        .d {
-            font-size: 1.9rem;
-            font-family: DINCondensed-Bold, DINCondensed;
-            font-weight: bold;
-            color: #333333;
-            line-height: 2.15rem;
-        }
-        .m {
-            font-size: 1.02rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #666666;
-            line-height: 1rem;
-        }
-        .texts {
-            width: calc(100% - 110px);
-        }
-        h6 {
-            margin-bottom: 0.5rem;
-            font-size: 1.08rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #1583ff;
-            @include ellipsis;
-        }
-        .des {
-            font-size: 0.9rem;
-            color: #666;
-            line-height: 1.2rem;
-            -webkit-line-clamp: 2;
-        }
+  display: flex;
+
+  .left {
+    width: 50%;
+    margin-right: 1rem;
+
+    /deep/ .el-carousel__container {
+      height: 20.65rem;
     }
-    .slide {
-        position: relative;
-        height: 24.4rem;
-        overflow: hidden;
-        cursor: pointer;
+
+    .item {
+      position: relative;
+      height: 100%;
+      cursor: pointer;
+
+      .pic {
+        width: 100%;
+        height: 100%;
+        transition: 0.5s;
+        object-fit: cover;
+      }
+
+      .text {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        padding: 0 20px;
+        font-size: 0.96rem;
+        color: #fff;
+        line-height: 3rem;
+        @include ellipsis;
+        background-color: rgba(0, 0, 0, 0.57);
+      }
+
+      &:hover {
         .pic {
-            width: 100%;
-            height: 100%;
-            transition: 0.5s;
-        }
-        .text {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            padding: 0 0.6rem;
-            line-height: 3rem;
-            font-size: 0.8rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            background-color: rgba(0, 0, 0, 0.57);
-        }
-        &:hover {
-            .pic {
-                transform: scale(1.3);
-            }
+          transform: scale(1.3);
         }
+      }
     }
-}
-.conference {
-    background: url(../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
-    .shows {
-        display: flex;
+
+    .card-wrap {
+      display: flex;
+      margin-top: 0.9rem;
+
+      .cards {
+        flex: 1;
+      }
+
+      h6 {
+        @include mul-ellipsis(2);
+      }
     }
-    .left {
-        position: relative;
-        width: 34.375rem;
-        height: auto;
-        margin-right: 20px;
-        cursor: pointer;
-        overflow: hidden;
-        .text {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            padding: 0 0.6rem;
-            line-height: 3rem;
-            font-size: 0.8rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            background-color: rgba(0, 0, 0, 0.57);
-        }
-        .pic {
-            transition: 0.5s;
-        }
-        &:hover {
-            .pic {
-                transform: scale(1.3);
-            }
-        }
+
+    .cards {
+      padding: 2.85rem 1rem;
+      background-color: #fff;
+      transition: 0.5s;
+      cursor: pointer;
+
+      &:hover {
+        transform: translateX(10px);
+      }
+
+      h6 {
+        margin-bottom: 1.2rem;
+        font-size: 1.08rem;
+        color: #48525e;
+      }
+
+      .a-line {
+        @include ellipsis;
+      }
+
+      .sum {
+        font-size: 0.9rem;
+        color: #6d7c8e;
+        @include ellipsis;
+      }
+
+      .date {
+        margin-top: 1.2rem;
+        font-size: 0.72rem;
+        color: #c4ccd7;
+      }
     }
-    .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: 10.4375rem;
-            height: 10.4375rem;
-            margin-right: 1.8rem;
-        }
-        .texts {
-            width: calc(100% - 12.5rem);
-        }
-        h6 {
-            margin-bottom: 10px;
-            font-size: 0.96rem;
-            color: #333;
-            @include ellipsis;
-        }
-        .sum {
-            margin-bottom: 6px;
-            font-size: 0.8rem;
-            color: #666;
-            @include ellipsis;
-        }
-        .text {
-            display: flex;
-            align-items: center;
-            margin: 0.5rem 0;
-            font-size: 0.72rem;
-            @include ellipsis;
-        }
-        .icon {
-            margin-right: 5px;
-        }
+
+    h6 {
+      font-size: 24px;
+      color: #272727;
     }
-}
 
-.media {
-    background: #fff;
-    .media-wrap {
-        display: flex;
+    .des {
+      margin-top: 10px;
+      font-size: 16px;
+      color: #666;
+      line-height: 30px;
     }
-    .left {
-        width: 55%;
-        margin-right: 1%;
-        .slides {
-            display: flex;
-            margin-bottom: 20px;
-        }
-        .item {
-            position: relative;
-            flex: 1;
-            height: 10rem;
-            overflow: hidden;
-            cursor: pointer;
-            img {
-                width: 100%;
-                height: 100%;
-                transition: 0.5s;
-            }
-            .text {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 100%;
-                padding: 0 1.35rem;
-                line-height: 2.5rem;
-                font-size: 0.8rem;
-                color: #ffffff;
-                @include ellipsis;
-                background-color: rgba(0, 0, 0, 0.49);
-            }
-            &:hover {
-                img {
-                    transform: scale(1.3);
-                }
-            }
-        }
-        .list {
-            padding: 1.7rem 1.8rem;
-            background: #fff;
-            box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
-            li {
-                margin-bottom: 2rem;
-                transition: 0.5s;
-                cursor: pointer;
-                &:last-child {
-                    margin-bottom: 0;
-                }
-                &:hover {
-                    transform: scale(1.05);
-                }
-            }
-            h6 {
-                margin-bottom: 0.85rem;
-                font-size: 0.88rem;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                color: #272727;
-                line-height: 1rem;
-                text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
-                @include ellipsis;
-            }
-            .des {
-                font-size: 0.9rem;
-                color: #666;
-                -webkit-line-clamp: 2;
-            }
-        }
+  }
+
+  .right {
+    width: 50%;
+  }
+
+  .card-list {
+    li {
+      display: flex;
+      align-items: center;
+      padding: 0.95rem;
+      margin-bottom: 0.9rem;
+      background-color: #fff;
+      transition: 0.3s;
+      cursor: pointer;
+
+      &:hover {
+        transform: scale(1.05);
+      }
     }
-    .right {
-        width: 44%;
-        box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
-        transition: 0.5s;
-        cursor: pointer;
-        .img-wrap {
-            width: 100%;
-            height: 21.1rem;
-            overflow: hidden;
-        }
-        img {
-            width: 100%;
-            height: 100%;
-            transition: 0.5s;
-        }
-        .texts {
-            padding: 2rem 1.4rem;
-        }
-        h6 {
-            font-size: 0.96rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #272727;
-            line-height: 1.95rem;
-            text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
-            @include ellipsis;
-        }
-        .des {
-            margin-top: 1rem;
-            font-size: 0.8rem;
-            color: #666;
-            -webkit-line-clamp: 2;
-        }
-        &:hover {
-            background: #005388;
-            h6,
-            .des {
-                color: #fff;
-            }
-            img {
-                transform: scale(1.3);
-            }
-        }
+
+    .releaseTime {
+      width: 4.4rem;
+      height: 4.4rem;
+      padding: 0.5rem 0 0.8rem;
+      margin-right: 1.2rem;
+      text-align: center;
     }
-}
-.news {
-    background: url(../../assets/images/sfel/5.png) (0 504px) / auto no-repeat,
-        url(../../assets/images/sfel/6.png) (bottom right) / auto no-repeat;
-}
-.news {
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        // width: calc((100% - 56px) / 3);
-        flex: 1;
-        padding: 0.55rem;
-        margin-right: 1.4rem;
-        color: #333;
-        background-color: #fff;
-        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-        border-radius: 10px;
-        transition: 0.3s;
-        &:hover {
-            transform: translateY(20px);
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            color: #fff;
-            background-color: #0252d9;
-        }
+
+    .d {
+      font-size: 1.9rem;
+      font-weight: bold;
+      color: #333333;
+      line-height: 2.15rem;
     }
-    img {
-        width: 100%;
-        height: 24.05rem;
+
+    .m {
+      font-size: 1.02rem;
+      font-weight: 400;
+      color: #666666;
+      line-height: 1rem;
     }
+
     .texts {
-        padding: 0 0.9rem 2.5rem;
+      width: calc(100% - 110px);
     }
+
     h6 {
-        margin: 1.75rem 0 0.6rem;
-        font-size: 1.05rem;
-        line-height: 1.65rem;
+      margin-bottom: 0.5rem;
+      font-size: 1.08rem;
+      font-weight: 500;
+      color: #1583ff;
+      @include ellipsis;
     }
+
     .des {
-        font-size: 0.8rem;
-        line-height: 1.3rem;
+      font-size: 0.9rem;
+      color: #666;
+      line-height: 1.2rem;
+      -webkit-line-clamp: 2;
     }
-}
-.program {
-    background: #fff;
-    .slide {
-        display: flex;
-        margin-bottom: 0.7rem;
-        cursor: pointer;
+  }
+
+  .slide {
+    position: relative;
+    height: 24.4rem;
+    overflow: hidden;
+    cursor: pointer;
+
+    .pic {
+      width: 100%;
+      height: 100%;
+      transition: 0.5s;
     }
-    .texts {
-        width: 51%;
-        padding: 2.8rem;
-        background: #fbfbfb;
-        h6 {
-            font-size: 1.04rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-        }
-        .des {
-            margin: 1.75rem 0 1.25rem;
-            font-size: 1rem;
-            color: #666;
-            line-height: 1.6rem;
-        }
-        .meta {
-            font-size: 0.72rem;
-            color: #666;
-        }
+
+    .text {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      padding: 0 0.6rem;
+      line-height: 3rem;
+      font-size: 0.8rem;
+      font-weight: 500;
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.57);
     }
-    .img-wrap {
-        width: 49%;
-        height: auto;
-        overflow: hidden;
+
+    &:hover {
+      .pic {
+        transform: scale(1.3);
+      }
+    }
+  }
+}
+
+.conference {
+  background: url(../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+
+  .shows {
+    display: flex;
+  }
+
+  .left {
+    position: relative;
+    width: 34.375rem;
+    height: auto;
+    margin-right: 20px;
+    cursor: pointer;
+    overflow: hidden;
+
+    .text {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      padding: 0 0.6rem;
+      line-height: 3rem;
+      font-size: 0.8rem;
+      font-weight: 500;
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.57);
     }
+
     .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
+      transition: 0.5s;
     }
+
     &:hover {
-        .pic {
-            transform: scale(1.3);
-        }
+      .pic {
+        transform: scale(1.3);
+      }
     }
-    .list {
-        display: flex;
-        li {
-            // width: calc((100% - 28px) / 3);
-            flex: 1;
-            padding: 1.8rem 1.1rem;
-            margin-right: 0.7rem;
-            background: url(../../assets/images/sfel/7.png) no-repeat center;
-            background-size: 100% 100%;
-            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 {
-            margin-bottom: 1.5rem;
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            line-height: 30px;
-            word-break: break-all;
-        }
-        .date {
-            font-size: 0.72rem;
-            font-family: LaoSangamMN;
-            color: #ffffff;
-        }
+  }
+
+  .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);
+      }
     }
-}
-.tools {
-    z-index: 9;
-    position: fixed;
-    top: 12.5rem;
-    left: 0;
-    width: 9.4rem;
-    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: 0.88rem;
-            line-height: 2.5rem;
-            color: #fff;
-            background-color: #1d1d1d;
-            cursor: pointer;
-            @include ellipsis;
-            &.active {
-                background-color: #1583ff;
-            }
-            &:hover {
-                background-color: #1583ff;
-            }
-        }
+
+    .pic {
+      width: 10.4375rem;
+      height: 10.4375rem;
+      margin-right: 1.8rem;
     }
-}
 
-@media (max-width: 1520px) {
-    .conference .card-list {
-        width: 734px;
-        .texts {
-            width: 460px;
-        }
+    .texts {
+      width: calc(100% - 12.5rem);
     }
-}
-@media (max-width: 1200px) {
-    .tools {
-        display: none;
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 0.96rem;
+      color: #333;
+      @include ellipsis;
     }
-    .sfel-banner {
-        flex-direction: column;
-        .newBox {
-            width: 100% !important;
-        }
-        .right {
-            margin-top: 10px;
-            width: 100%;
-            height: 410px;
-        }
+
+    .sum {
+      margin-bottom: 6px;
+      font-size: 0.8rem;
+      color: #666;
+      @include ellipsis;
     }
-    .card {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 0.5rem 0;
+      font-size: 0.72rem;
+      @include ellipsis;
     }
-    .shop-shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
+
+    .icon {
+      margin-right: 5px;
     }
-    .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%;
-                }
-            }
+  }
+}
+
+.media {
+  background: #fff;
+
+  .media-wrap {
+    display: flex;
+  }
+
+  .left {
+    width: 55%;
+    margin-right: 1%;
+
+    .slides {
+      display: flex;
+      margin-bottom: 20px;
+    }
+
+    .item {
+      position: relative;
+      flex: 1;
+      height: 10rem;
+      overflow: hidden;
+      cursor: pointer;
+
+      img {
+        width: 100%;
+        height: 100%;
+        transition: 0.5s;
+      }
+
+      .text {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        padding: 0 1.35rem;
+        line-height: 2.5rem;
+        font-size: 0.8rem;
+        color: #ffffff;
+        @include ellipsis;
+        background-color: rgba(0, 0, 0, 0.49);
+      }
+
+      &:hover {
+        img {
+          transform: scale(1.3);
         }
+      }
     }
-    .media-wrap {
-        flex-direction: column;
-        .left {
-            width: 100%;
+
+    .list {
+      padding: 1.7rem 1.8rem;
+      background: #fff;
+      box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+
+      li {
+        margin-bottom: 2rem;
+        transition: 0.5s;
+        cursor: pointer;
+
+        &:last-child {
+          margin-bottom: 0;
         }
-        .right {
-            width: 100%;
-            margin-top: 20px;
+
+        &:hover {
+          transform: scale(1.05);
         }
+      }
+
+      h6 {
+        margin-bottom: 0.85rem;
+        font-size: 0.88rem;
+        font-weight: 500;
+        color: #272727;
+        line-height: 1rem;
+        text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+        @include ellipsis;
+      }
+
+      .des {
+        font-size: 0.9rem;
+        color: #666;
+        -webkit-line-clamp: 2;
+      }
     }
-    .news {
-        flex-direction: column;
-        li {
-            margin-top: 30px;
-            width: 100%;
-        }
+  }
+
+  .right {
+    width: 44%;
+    box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+    transition: 0.5s;
+    cursor: pointer;
+
+    .img-wrap {
+      width: 100%;
+      height: 21.1rem;
+      overflow: hidden;
     }
-    .slide,
-    .list {
-        flex-direction: column;
-        .texts,
-        .img-wrap {
-            width: 100%;
-        }
+
+    img {
+      width: 100%;
+      height: 100%;
+      transition: 0.5s;
     }
-    .list {
-        li {
-            width: 100% !important;
-            margin-top: 20px;
-        }
+
+    .texts {
+      padding: 2rem 1.4rem;
     }
-    .slides {
-        div {
-            flex: 1;
-        }
+
+    h6 {
+      font-size: 0.96rem;
+      font-weight: 500;
+      color: #272727;
+      line-height: 1.95rem;
+      text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+      @include ellipsis;
     }
-    #part6 {
-        .slide {
-            .texts {
-                height: auto;
-            }
-        }
+
+    .des {
+      margin-top: 1rem;
+      font-size: 0.8rem;
+      color: #666;
+      -webkit-line-clamp: 2;
+    }
+
+    &:hover {
+      background: #005388;
+
+      h6,
+      .des {
+        color: #fff;
+      }
+
+      img {
+        transform: scale(1.3);
+      }
     }
+  }
 }
-@media (min-width: 280px) and (max-width: 1200px) {
-    .block {
-        padding: 2rem 0;
+
+.news {
+  background: url(../../assets/images/sfel/5.png) (0 504px) / auto no-repeat,
+    url(../../assets/images/sfel/6.png) (bottom right) / auto no-repeat;
+}
+
+.news {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    // width: calc((100% - 56px) / 3);
+    flex: 1;
+    padding: 0.55rem;
+    margin-right: 1.4rem;
+    color: #333;
+    background-color: #fff;
+    box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+    border-radius: 10px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: translateY(20px);
     }
-    .shop-shows {
-        .slide {
-            height: 18rem;
-        }
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .sfel-banner {
-        .newBox {
-            height: 20rem !important;
-        }
-        .right {
-            padding: 1.25rem;
-            height: 20rem;
-        }
+
+    &:hover {
+      color: #fff;
+      background-color: #0252d9;
     }
-    .conference {
-        .left {
-            height: 20rem;
+  }
+
+  img {
+    width: 100%;
+    height: 24.05rem;
+  }
+
+  .texts {
+    padding: 0 0.9rem 2.5rem;
+  }
+
+  h6 {
+    margin: 1.75rem 0 0.6rem;
+    font-size: 1.05rem;
+    line-height: 1.65rem;
+  }
+
+  .des {
+    font-size: 0.8rem;
+    line-height: 1.3rem;
+  }
+}
+
+.program {
+  background: #fff;
+
+  .slide {
+    display: flex;
+    margin-bottom: 0.7rem;
+    cursor: pointer;
+  }
+
+  .texts {
+    width: 51%;
+    padding: 2.8rem;
+    background: #fbfbfb;
+
+    h6 {
+      font-size: 1.04rem;
+      font-weight: 500;
+      color: #333333;
+    }
+
+    .des {
+      margin: 1.75rem 0 1.25rem;
+      font-size: 1rem;
+      color: #666;
+      line-height: 1.6rem;
+    }
+
+    .meta {
+      font-size: 0.72rem;
+      color: #666;
+    }
+  }
+
+  .img-wrap {
+    width: 49%;
+    height: auto;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  &:hover {
+    .pic {
+      transform: scale(1.3);
+    }
+  }
+
+  .list {
+    display: flex;
+
+    li {
+      // width: calc((100% - 28px) / 3);
+      flex: 1;
+      padding: 1.8rem 1.1rem;
+      margin-right: 0.7rem;
+      background: url(../../assets/images/sfel/7.png) no-repeat center;
+      background-size: 100% 100%;
+      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 {
+      margin-bottom: 1.5rem;
+      font-size: 1rem;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 30px;
+      word-break: break-all;
+    }
+
+    .date {
+      font-size: 0.72rem;
+      color: #ffffff;
+    }
+  }
+}
+
+.tools {
+  z-index: 9;
+  position: fixed;
+  top: 12.5rem;
+  left: 0;
+  width: 9.4rem;
+  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: 0.88rem;
+      line-height: 2.5rem;
+      color: #fff;
+      background-color: #1d1d1d;
+      cursor: pointer;
+      @include ellipsis;
+
+      &.active {
+        background-color: #1583ff;
+      }
+
+      &:hover {
+        background-color: #1583ff;
+      }
+    }
+  }
+}
+
+@media (max-width: 1520px) {
+  .conference .card-list {
+    width: 734px;
+
+    .texts {
+      width: 460px;
+    }
+  }
+}
+
+@media (max-width: 1200px) {
+  .tools {
+    display: none;
+  }
+
+  .sfel-banner {
+    flex-direction: column;
+
+    .newBox {
+      width: 100% !important;
+    }
+
+    .right {
+      margin-top: 10px;
+      width: 100%;
+      height: 410px;
+    }
+  }
+
+  .card {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+
+  .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;
+
+        .pic {
+          width: 100% !important;
+          margin-right: 0;
+        }
+
+        .texts {
+          margin-top: 20px;
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+    }
+
+    .right {
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+
+  .news {
+    flex-direction: column;
+
+    li {
+      margin-top: 30px;
+      width: 100%;
+    }
+  }
+
+  .slide,
+  .list {
+    flex-direction: column;
+
+    .texts,
+    .img-wrap {
+      width: 100%;
+    }
+  }
+
+  .list {
+    li {
+      width: 100% !important;
+      margin-top: 20px;
+    }
+  }
+
+  .slides {
+    div {
+      flex: 1;
+    }
+  }
+
+  #part6 {
+    .slide {
+      .texts {
+        height: auto;
+      }
+    }
+  }
+}
+
+@media (min-width: 280px) and (max-width: 1200px) {
+  .block {
+    padding: 2rem 0;
+  }
+
+  .shop-shows {
+    .slide {
+      height: 18rem;
+    }
+  }
+
+  .sfel-banner {
+    .newBox {
+      height: 20rem !important;
+    }
+
+    .right {
+      padding: 1.25rem;
+      height: 20rem;
+    }
+  }
+
+  .conference {
+    .left {
+      height: 20rem;
+    }
+  }
+
+  .card-list {
+    li {
+      .pic {
+        height: 15rem !important;
+      }
+    }
+  }
+
+  .slides {
+    .item {
+      height: 10rem !important;
+    }
+  }
+
+  .img-wrap {
+    height: 20rem !important;
+  }
+
+  .news {
+    .wow {
+      img {
+        height: 20rem;
+      }
+    }
+  }
+}
+
+@media (min-width: 320px) and (max-width: 375px) {
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        .left {
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          // height: auto !important;
+          height: 8rem;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 375px) and (max-width: 480px) {
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        .left {
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        li {
+          img {
+            // height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
         }
+      }
     }
-    .card-list {
+  }
+}
+
+@media (min-width: 480px) and (max-width: 640px) {
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        margin-top: 1.25rem;
+
+        li {
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        .left {
+          height: auto;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 640px) and (max-width: 768px) {
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        flex-direction: row;
+
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          margin-top: 0;
+
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        flex-direction: row;
+        margin-top: 1.25rem;
+
+        li {
+          width: calc((100% - 56px) / 3);
+
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        flex-direction: row;
+
+        .left {
+          width: 50%;
+        }
+
+        .right {
+          width: 50%;
+          margin-top: 0;
+        }
+
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        flex-direction: row;
+
+        .left {
+          width: 48%;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          width: 50%;
+          margin-top: 0;
+
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        .right {
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        flex-direction: row;
+
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        flex-direction: row;
+
+        .img-wrap {
+          height: auto !important;
+        }
+      }
+
+      .list {
+        flex-direction: row;
+      }
+    }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 768px) and (max-width: 980px) {
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
+        }
+
+        span {
+          font-size: 0.85rem;
+        }
+      }
+
+      .sfel-banner {
+        flex-direction: row;
+
+        .newBox {
+          height: auto !important;
+        }
+
+        .right {
+          margin-top: 0;
+
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
+        }
+      }
+
+      .card {
+        flex-direction: row;
+        margin-top: 1.25rem;
+
+        li {
+          width: calc((100% - 56px) / 3);
+
+          .pic {
+            height: auto;
+          }
+        }
+      }
+
+      .shop-shows {
+        flex-direction: row;
+
+        .left {
+          width: 50%;
+        }
+
+        .right {
+          width: 50%;
+          margin-top: 0;
+        }
+
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        flex-direction: row;
+
+        .left {
+          width: 48%;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
+        }
+
+        .card-list {
+          width: 50%;
+          margin-top: 0;
+
+          li {
+            .pic {
+              height: auto !important;
+            }
+          }
+        }
+      }
+
+      .media-wrap {
+        flex-direction: row;
+
+        .right {
+          margin-top: 0;
+
+          .img-wrap {
+            height: auto !important;
+          }
+        }
+      }
+
+      .news {
+        flex-direction: row;
+
         li {
-            .pic {
-                height: 15rem !important;
-            }
+          img {
+            height: auto;
+          }
         }
-    }
-    .slides {
-        .item {
-            height: 10rem !important;
+      }
+
+      .slide {
+        flex-direction: row;
+
+        .img-wrap {
+          height: auto !important;
         }
+      }
+
+      .list {
+        flex-direction: row;
+      }
     }
-    .img-wrap {
-        height: 20rem !important;
-    }
-    .news {
-        .wow {
-            img {
-                height: 20rem;
-            }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
         }
+      }
     }
+  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
+
+@media (min-width: 980px) and (max-width: 1200px) {
+  .block {
+    .inner {
+      width: 90%;
+
+      .title {
+        padding-bottom: 1rem;
+        margin-bottom: 1rem;
+
+        h5 {
+          font-size: 1rem;
+
+          span {
+            font-size: 0.75rem;
+          }
         }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    // height: auto !important;
-                    height: 8rem;
-                }
-            }
+
+        span {
+          font-size: 0.85rem;
         }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        // height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
+      }
+
+      .sfel-banner {
+        flex-direction: row;
+
+        .newBox {
+          height: auto !important;
         }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+
+        .right {
+          margin-top: 0;
+
+          h6 {
+            font-size: 1.072rem;
+            word-break: break-all;
+          }
+
+          .des {
+            font-size: 0.9rem;
+            margin: 1rem 0;
+          }
+
+          .meta {
+            font-size: 0.8rem;
+          }
         }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
+      }
+
+      .card {
+        flex-direction: row;
+        margin-top: 1.25rem;
+
+        li {
+          width: calc((100% - 56px) / 3);
+
+          .pic {
+            height: auto;
+          }
         }
-    }
-    .media-wrap {
+      }
+
+      .shop-shows {
+        flex-direction: row;
+
         .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+          width: 50%;
         }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
+
+        .right {
+          width: 50%;
+          margin-top: 0;
         }
-    }
-    .media-wrap {
+
+        .slide {
+          height: auto;
+
+          p {
+            line-height: 1.7rem;
+          }
+        }
+      }
+
+      .shows {
+        flex-direction: row;
+
         .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+          width: 48%;
+
+          .text {
+            line-height: 2rem;
+            font-size: 0.95rem;
+          }
         }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                flex-direction: row;
-                .right {
-                    margin-top: 0;
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
+
+        .card-list {
+          width: 50%;
+          margin-top: 0;
+
+          li {
+            .pic {
+              height: auto !important;
             }
+          }
         }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+      }
+
+      .media-wrap {
+        flex-direction: row;
+
+        .right {
+          margin-top: 0;
+
+          .img-wrap {
+            height: auto !important;
+          }
         }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                flex-direction: row;
-                .right {
-                    margin-top: 0;
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
+      }
+
+      .news {
+        flex-direction: row;
+
+        li {
+          img {
+            height: auto;
+          }
+        }
+      }
+
+      .slide {
+        flex-direction: row;
+
+        .img-wrap {
+          height: auto !important;
         }
+      }
+
+      .list {
+        flex-direction: row;
+      }
     }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
+  }
+
+  .media-wrap {
+    .left {
+      .slides {
+        .item {
+          height: auto !important;
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/speech/index.vue b/src/pages/speech/index.vue
index 6da7123..3577aed 100644
--- a/src/pages/speech/index.vue
+++ b/src/pages/speech/index.vue
@@ -2,9 +2,7 @@
   <div class="wrap">
     <!-- 院长致辞 -->
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="" />
+      <img class="banner-img" :src="modules[0].form.pic" alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -12,17 +10,13 @@
 
     <div class="block">
       <div class="inner">
-        <img :src="modules[1].form.pic"
-             alt=""
-             class="pic">
+        <img :src="modules[1].form.pic" alt="" class="pic">
         <div class="texts">
           <h6 v-html="modules[1].form.title"></h6>
           <p class="en">{{ modules[1].form.subTitle }}</p>
-          <div class="text"
-               v-html="modules[1].form.des"></div>
+          <div class="text" v-html="modules[1].form.des"></div>
           <div class="sign">
-            <img :src="modules[2].form.pic"
-                 alt="">
+            <img :src="modules[2].form.pic" alt="">
           </div>
         </div>
       </div>
@@ -72,57 +66,67 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .block {
-    background: url(https://new.iasf.ac.cn/images/speech/2.png) no-repeat;
+  background: url(https://new.iasf.ac.cn/images/speech/2.png) no-repeat;
 }
+
 .inner {
-    display: flex;
-    align-items: flex-start;
-    .pic {
-        max-width: 480px;
-        margin-top: 2rem;
-    }
-    .texts {
-        margin-left: 113px;
-    }
-    h6 {
-        position: relative;
-        font-size: 2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 600;
-        color: #333;
-    }
-    .en {
-        margin: -25px 0 40px;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(216, 216, 216, 0.34);
-    }
-    .text {
-        font-size: 1rem;
-        color: #333;
-        line-height: 1.6;
-    }
-    .sign {
-        margin-top: 20px;
-        text-align: right;
-        img {
-            max-width: 150px;
-        }
+  display: flex;
+  align-items: flex-start;
+
+  .pic {
+    max-width: 480px;
+    margin-top: 2rem;
+  }
+
+  .texts {
+    margin-left: 113px;
+  }
+
+  h6 {
+    position: relative;
+    font-size: 2rem;
+    font-weight: 600;
+    color: #333;
+  }
+
+  .en {
+    margin: -25px 0 40px;
+    font-size: 2.2rem;
+    font-weight: 600;
+    color: rgba(216, 216, 216, 0.34);
+  }
+
+  .text {
+    font-size: 1rem;
+    color: #333;
+    line-height: 1.6;
+  }
+
+  .sign {
+    margin-top: 20px;
+    text-align: right;
+
+    img {
+      max-width: 150px;
     }
+  }
 }
+
 @media (max-width: 920px) {
-    .inner {
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        .pic {
-            max-width: 100%;
-        }
-        .texts {
-            margin: 20px 0 0;
-        }
+  .inner {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    .pic {
+      max-width: 100%;
+    }
+
+    .texts {
+      margin: 20px 0 0;
     }
+  }
 }
 </style>
diff --git a/src/pages/talent/index.vue b/src/pages/talent/index.vue
index 54f6344..22f067f 100644
--- a/src/pages/talent/index.vue
+++ b/src/pages/talent/index.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="">
+      <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
         <p class="banner-des">{{ modules[0].form.des }}</p>
@@ -12,28 +10,20 @@
 
     <div class="block talent">
       <div class="inner">
-        <div class="item wow bounceInLeft"
-             data-wow-delay="0.5s"
-             :class="{'cursor-pointer': isLink(modules[1].form.link.linkName)}"
-             @click="openLink(modules[1].form)">
+        <div class="item wow bounceInLeft" data-wow-delay="0.5s"
+          :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }" @click="openLink(modules[1].form)">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[1].form.pic" alt="">
           </div>
           <div class="texts">
             <h6>{{ modules[1].form.title }}</h6>
             <div class="des">{{ modules[1].form.des }}</div>
           </div>
         </div>
-        <div class="item wow bounceInRight"
-             data-wow-delay="0.6s"
-             :class="{'cursor-pointer': isLink(modules[2].form.link.linkName)}"
-             @click="openLink(modules[2].form)">
+        <div class="item wow bounceInRight" data-wow-delay="0.6s"
+          :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }" @click="openLink(modules[2].form)">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[2].form.pic" alt="">
           </div>
           <div class="texts">
             <h6>{{ modules[2].form.title }}</h6>
@@ -44,18 +34,12 @@
     </div>
 
     <div class="style">
-      <h6 class="wow fadeInUp"
-          v-html="modules[3].form.title"></h6>
-      <el-carousel :interval="4000"
-                   type="card"
-                   height="30rem">
+      <h6 class="wow fadeInUp" v-html="modules[3].form.title"></h6>
+      <el-carousel :interval="4000" type="card" height="30rem">
         <template v-for="(item, i) in modules[4].list">
-          <el-carousel-item v-if="item.isEnable"
-                            :key="i">
-            <div class="item"
-                 @click="openLink(item)">
-              <img :src="item.pic"
-                   alt="">
+          <el-carousel-item v-if="item.isEnable" :key="i">
+            <div class="item" @click="openLink(item)">
+              <img :src="item.pic" alt="">
               <p class="text">{{ item.title }}</p>
             </div>
           </el-carousel-item>
@@ -65,36 +49,28 @@
 
     <div class="block intro">
       <div class="inner">
-        <div class="item wow fadeInDown"
-             data-wow-delay="0.1s">
+        <div class="item wow fadeInDown" data-wow-delay="0.1s">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[5].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[5].form.pic" alt="">
           </div>
           <div class="texts">
             <p class="type">{{ modules[5].form.subTitle }}</p>
             <h6>{{ modules[5].form.title }}</h6>
             <div class="des">{{ modules[5].form.des }}</div>
-            <el-button v-if="isLink(modules[5].form.link.linkName)"
-                       type="primary"
-                       @click="openLink(modules[5].form)">{{ $t('column.seeMore') }}</el-button>
+            <el-button v-if="isLink(modules[5].form.link.linkName)" type="primary" @click="openLink(modules[5].form)">{{
+              $t('column.seeMore') }}</el-button>
           </div>
         </div>
-        <div class="item wow fadeInDown"
-             data-wow-delay="0.3s">
+        <div class="item wow fadeInDown" data-wow-delay="0.3s">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[6].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[6].form.pic" alt="">
           </div>
           <div class="texts">
             <p class="type">{{ modules[6].form.subTitle }}</p>
             <h6>{{ modules[6].form.title }}</h6>
             <div class="des">{{ modules[6].form.des }}</div>
-            <el-button v-if="isLink(modules[6].form.link.linkName)"
-                       type="primary"
-                       @click="openLink(modules[6].form)">{{ $t('column.seeMore') }}</el-button>
+            <el-button v-if="isLink(modules[6].form.link.linkName)" type="primary" @click="openLink(modules[6].form)">{{
+              $t('column.seeMore') }}</el-button>
           </div>
         </div>
       </div>
@@ -143,515 +119,631 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .wrap {
-    background: #f8f9fb;
+  background: #f8f9fb;
 }
+
 .single-banner {
-    .banner-img {
-        height: 21.6rem;
+  .banner-img {
+    height: 21.6rem;
+  }
+
+  .texts {
+    h6 {
+      font-size: 2.16rem;
+      margin-bottom: 0.95rem;
     }
-    .texts {
-        h6 {
-            font-size: 2.16rem;
-            margin-bottom: 0.95rem;
-        }
-        .banner-des {
-            font-size: 1.08rem;
-        }
+
+    .banner-des {
+      font-size: 1.08rem;
     }
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
+  padding: 3.85rem 0;
 }
+
 .talent {
-    .inner {
-        width: 1200px;
-        max-width: 1504px;
+  .inner {
+    width: 1200px;
+    max-width: 1504px;
+  }
+
+  .item {
+    display: flex;
+    padding: 2.1rem;
+    margin-bottom: 1.8rem;
+    color: #333;
+    background: #fff;
+    transition: 0.5s;
+
+    &:nth-child(even) {
+      justify-content: space-between;
+      flex-direction: row-reverse;
+
+      .texts {
+        padding-left: 0;
+      }
     }
-    .item {
-        display: flex;
-        padding: 2.1rem;
-        margin-bottom: 1.8rem;
-        color: #333;
-        background: #fff;
-        transition: 0.5s;
-        &:nth-child(even) {
-            justify-content: space-between;
-            flex-direction: row-reverse;
-            .texts {
-                padding-left: 0;
-            }
-        }
-        &:hover {
-            color: #fff;
-            background: #005388;
-            .pic {
-                transform: scale(1.1);
-            }
-        }
+
+    &:hover {
+      color: #fff;
+      background: #005388;
+
+      .pic {
+        transform: scale(1.1);
+      }
     }
-    .img-wrap {
-        width: 32rem;
-        overflow: hidden;
+  }
+
+  .img-wrap {
+    width: 32rem;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  .texts {
+    width: 44.375rem;
+    padding: 3.9rem 3.6rem 1.5rem 4rem;
+  }
+
+  h6 {
+    margin-bottom: 1.2rem;
+    font-size: 1.92rem;
+    font-weight: 300;
+  }
+
+  .des {
+    font-size: 0.88rem;
+    line-height: 1.65rem;
+    -webkit-line-clamp: 5;
+  }
+}
+
+.style {
+  width: 1200px;
+  margin: 0 auto;
+
+  h6 {
+    margin-bottom: 2.95rem;
+    font-size: 1.92rem;
+    font-weight: 500;
+    text-align: center;
+    color: #333333;
+  }
+
+  .item {
+    position: relative;
+    width: 100%;
+    height: 25.5rem;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .text {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    padding: 0 1.5rem;
+    line-height: 2.72rem;
+    font-size: 0.96rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.38);
+  }
+}
+
+.intro {
+  .inner {
+    width: 1200px;
+    max-width: 1504px;
+  }
+
+  .item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 36px;
+    color: #333;
+    background: #fff;
+    transition: 0.5s;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
     }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
+
+    &:hover {
+      color: #fff;
+      background: #465f85;
+
+      .pic {
+        transform: scale(1.1);
+      }
     }
+  }
+
+  .img-wrap {
+    height: auto;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  .texts {
+    width: 45%;
+    padding: 0 2.9rem;
+  }
+
+  .type {
+    font-size: 0.88rem;
+  }
+
+  h6 {
+    margin: 1rem 0;
+    font-size: 1.28rem;
+    font-weight: 500;
+  }
+
+  .des {
+    margin-bottom: 1.5rem;
+    font-size: 0.9rem;
+    line-height: 1.5rem;
+  }
+}
+
+@media (min-width: 280px) and (max-width: 1200px) {
+  .single-banner {
     .texts {
-        width: 44.375rem;
-        padding: 3.9rem 3.6rem 1.5rem 4rem;
+      left: 200px;
+
+      .banner-title {
+        font-size: 2.2rem;
+      }
     }
-    h6 {
-        margin-bottom: 1.2rem;
-        font-size: 1.92rem;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
+  }
+
+  .block {
+    padding: 30px 0;
+
+    .inner {
+      .item {
+        flex-direction: column;
+        padding: 1.5rem;
+      }
+
+      .texts {
+        width: 100%;
+        padding: 1.5rem;
+      }
     }
-    .des {
-        font-size: 0.88rem;
-        line-height: 1.65rem;
-        -webkit-line-clamp: 5;
+  }
+
+  .style {
+    /deep/ .el-carousel__container {
+      height: 27rem !important;
     }
-}
-.style {
-    width: 1200px;
-    margin: 0 auto;
-    h6 {
-        margin-bottom: 2.95rem;
-        font-size: 1.92rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        text-align: center;
-        color: #333333;
+
+    .wow {
+      margin-bottom: 2rem;
     }
+
     .item {
-        position: relative;
-        width: 100%;
-        height: 25.5rem;
+      height: 25rem;
     }
-    img {
-        width: 100%;
-        height: 100%;
+  }
+}
+
+@media (max-width: 320px) {
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .text {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        padding: 0 1.5rem;
-        line-height: 2.72rem;
-        font-size: 0.96rem;
-        color: #fff;
-        background: rgba(0, 0, 0, 0.38);
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-}
-.intro {
+  }
+
+  .block {
     .inner {
-        width: 1200px;
-        max-width: 1504px;
-    }
-    .item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 36px;
-        color: #333;
-        background: #fff;
-        transition: 0.5s;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-        &:hover {
-            color: #fff;
-            background: #465f85;
-            .pic {
-                transform: scale(1.1);
-            }
+      width: 100%;
+
+      .item {
+        .img-wrap {
+          width: 100%;
+          height: auto;
         }
+      }
     }
-    .img-wrap {
-        height: auto;
-        overflow: hidden;
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-    }
-    .texts {
-        width: 45%;
-        padding: 0 2.9rem;
+  }
+
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .type {
-        font-size: 0.88rem;
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
     }
-    h6 {
-        margin: 1rem 0;
-        font-size: 1.28rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-    }
-    .des {
-        margin-bottom: 1.5rem;
-        font-size: 0.9rem;
+
+    .item {
+      height: 13rem;
+
+      .text {
         line-height: 1.5rem;
+        font-size: 1rem;
+      }
     }
+  }
 }
 
-@media (min-width: 280px) and (max-width: 1200px) {
-    .single-banner {
-        .texts {
-            left: 200px;
-            .banner-title {
-                font-size: 2.2rem;
-            }
-        }
+@media (min-width: 320px) and (max-width: 375px) {
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .block {
-        padding: 30px 0;
-        .inner {
-            .item {
-                flex-direction: column;
-                padding: 1.5rem;
-            }
-            .texts {
-                width: 100%;
-                padding: 1.5rem;
-            }
-        }
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-    .style {
-        /deep/ .el-carousel__container {
-            height: 27rem !important;
-        }
-        .wow {
-            margin-bottom: 2rem;
-        }
-        .item {
-            height: 25rem;
+  }
+
+  .block {
+    .inner {
+      width: 100%;
+
+      .item {
+        .img-wrap {
+          width: 100%;
+          height: auto;
         }
+      }
     }
-}
+  }
 
-@media (max-width: 320px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
     }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
+
+    .item {
+      height: 13rem;
+
+      .text {
+        line-height: 1.5rem;
+        font-size: 1rem;
+      }
     }
+  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+
+@media (min-width: 375px) and (max-width: 480px) {
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
+  }
+
+  .block {
+    .inner {
+      width: 100%;
+
+      .item {
+        .img-wrap {
+          width: 100%;
+          height: auto;
         }
+      }
     }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+  }
+
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
     }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
+
+    .item {
+      height: 13rem;
+
+      .text {
+        line-height: 1.5rem;
+        font-size: 1rem;
+      }
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
+  }
+
+  .block {
+    .inner {
+      width: 100%;
+
+      .item {
+        .img-wrap {
+          width: 100%;
+          height: auto;
         }
+      }
     }
+  }
+
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 13rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
+    }
+
+    .item {
+      height: 13rem;
+
+      .text {
+        line-height: 1.5rem;
+        font-size: 1rem;
+      }
+    }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
+  }
+
+  .block {
+    .inner {
+      width: 100%;
+
+      .item {
+        .img-wrap {
+          width: 100%;
+          height: auto;
         }
+      }
+    }
+  }
+
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 13rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
+    }
+
+    .item {
+      height: 13rem;
+
+      .text {
+        line-height: 1.5rem;
+        font-size: 1rem;
+      }
     }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                width: 100%;
-                flex-direction: row;
-                .img-wrap {
-                    width: 60%;
-                    height: auto;
-                }
-                .texts {
-                    width: 80%;
-                    margin-left: 1.5rem;
-                }
-            }
-        }
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-    .style {
+  }
+
+  .block {
+    .inner {
+      width: 100%;
+
+      .item {
         width: 100%;
-        /deep/ .el-carousel {
-            height: 18rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 18rem !important;
+        flex-direction: row;
+
+        .img-wrap {
+          width: 60%;
+          height: auto;
         }
-        .item {
-            height: 18rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
+
+        .texts {
+          width: 80%;
+          margin-left: 1.5rem;
         }
+      }
+    }
+  }
+
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 18rem !important;
     }
+
+    /deep/ .el-carousel__container {
+      height: 18rem !important;
+    }
+
+    .item {
+      height: 18rem;
+
+      .text {
+        line-height: 1.5rem;
+        font-size: 1rem;
+      }
+    }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
+  .single-banner {
+    .banner-img {
+      height: 12rem;
     }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                width: 100%;
-                flex-direction: row;
-                .img-wrap {
-                    width: 60%;
-                    height: auto;
-                }
-                .texts {
-                    width: 80%;
-                    margin-left: 1.5rem;
-                }
-            }
-        }
+
+    .texts {
+      left: 2rem;
+      top: 3rem;
+
+      .banner-title {
+        font-size: 1.5rem;
+      }
+
+      .banner-des {
+        font-size: 1rem;
+      }
     }
-    .style {
+  }
+
+  .block {
+    .inner {
+      width: 100%;
+
+      .item {
         width: 100%;
-        /deep/ .el-carousel {
-            height: 20rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 20rem !important;
+        flex-direction: row;
+
+        .img-wrap {
+          width: 60%;
+          height: auto;
         }
-        .item {
-            height: 20rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
+
+        .texts {
+          width: 80%;
+          margin-left: 1.5rem;
         }
+      }
     }
+  }
+
+  .style {
+    width: 100%;
+
+    /deep/ .el-carousel {
+      height: 20rem !important;
+    }
+
+    /deep/ .el-carousel__container {
+      height: 20rem !important;
+    }
+
+    .item {
+      height: 20rem;
+
+      .text {
+        line-height: 1.5rem;
+        font-size: 1rem;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/talentCentre/index.vue b/src/pages/talentCentre/index.vue
index b5ca2ca..e8be984 100644
--- a/src/pages/talentCentre/index.vue
+++ b/src/pages/talentCentre/index.vue
@@ -2,9 +2,7 @@
   <!-- 人才中心 -->
   <div class="wrap">
     <div class="single-banner single-banner-overview">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="">
+      <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -13,60 +11,38 @@
       <div class="article">
         <div class="left">
           <h6 class="talent-title">{{ modules[1].form.title }}</h6>
-          <div class="talent-text"
-               v-html="modules[1].form.des"></div>
+          <div class="talent-text" v-html="modules[1].form.des"></div>
           <ul class="people">
             <li>
-              <img class="pic"
-                   :src="modules[2].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[2].form.pic" alt="">
               <div class="texts">
                 <h6>{{ modules[2].form.title }}</h6>
                 <div class="line"></div>
-                <div class="text"
-                     v-html="modules[2].form.des"></div>
-                <img v-if="isLink(modules[2].form.link.linkName)"
-                     class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt=""
-                     @click="openLink(modules[2].form)">
+                <div class="text" v-html="modules[2].form.des"></div>
+                <img v-if="isLink(modules[2].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
+                  @click="openLink(modules[2].form)">
               </div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[3].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[3].form.pic" alt="">
               <div class="texts">
                 <h6>{{ modules[3].form.title }}</h6>
                 <div class="line"></div>
-                <div class="text"
-                     v-html="modules[3].form.des"></div>
-                <img v-if="isLink(modules[3].form.link.linkName)"
-                     class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt=""
-                     @click="openLink(modules[3].form)">
+                <div class="text" v-html="modules[3].form.des"></div>
+                <img v-if="isLink(modules[3].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
+                  @click="openLink(modules[3].form)">
               </div>
             </li>
           </ul>
         </div>
 
         <div class="right">
-          <el-tree class="column"
-                   ref="column"
-                   :data="modules[4].list"
-                   highlight-current
-                   :expand-on-click-node="false"
-                   :props="defaultProps"
-                   node-key="id"
-                   @node-click="columnClick"></el-tree>
+          <el-tree class="column" ref="column" :data="modules[4].list" highlight-current :expand-on-click-node="false"
+            :props="defaultProps" node-key="id" @node-click="columnClick"></el-tree>
 
           <p class="l-title">人才资讯</p>
           <ul class="list">
-            <li v-for="(item, i) in articles"
-                :key="i"
-                :title="item.title"
-                @click="toArtice(item)">
+            <li v-for="(item, i) in articles" :key="i" :title="item.title" @click="toArtice(item)">
               <p class="text">{{ item.title }}</p>
               <span class="date">{{ item.releaseTime }}</span>
             </li>
@@ -161,159 +137,190 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .wrap {
-    background-color: #fff;
+  background-color: #fff;
 }
+
 .content {
-    width: 1200px;
+  width: 1200px;
 }
+
 .article {
-    display: flex;
-    justify-content: space-between;
-    .left {
-        width: 75%;
-        .talent-title {
-            padding-bottom: 10px;
-            font-size: 1.2rem;
-            color: #666;
-            border-bottom: 1px solid #eaeef2;
-        }
-        .talent-text {
-            margin: 20px 0;
-            font-size: 1.1rem;
-            color: #333;
-            line-height: 28px;
-            p {
-                margin-bottom: 20px;
-            }
-        }
+  display: flex;
+  justify-content: space-between;
+
+  .left {
+    width: 75%;
+
+    .talent-title {
+      padding-bottom: 10px;
+      font-size: 1.2rem;
+      color: #666;
+      border-bottom: 1px solid #eaeef2;
     }
-    .people {
-        margin-top: 4rem;
-        li {
-            position: relative;
-            height: 433px;
-            margin-bottom: 2rem;
-            &:nth-child(even) {
-                .texts {
-                    left: 50px;
-                    right: auto;
-                }
-            }
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
+
+    .talent-text {
+      margin: 20px 0;
+      font-size: 1.1rem;
+      color: #333;
+      line-height: 28px;
+
+      p {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .people {
+    margin-top: 4rem;
+
+    li {
+      position: relative;
+      height: 433px;
+      margin-bottom: 2rem;
+
+      &:nth-child(even) {
         .texts {
-            position: absolute;
-            top: 60px;
-            right: 50px;
-            width: 380px;
-            padding: 50px 25px;
-            background: rgba(243, 251, 255, 0.82);
-        }
-        h6 {
-            font-size: 1.2rem;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-            color: #2a4b65;
-        }
-        .line {
-            width: 93px;
-            height: 1px;
-            margin: 1rem 0;
-            background: #3e6473;
-        }
-        .text {
-            margin-bottom: 1rem;
-            font-size: 1rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #2a4b65;
-            line-height: 1.6;
+          left: 50px;
+          right: auto;
         }
+      }
     }
-    .right {
-        width: 20%;
+
+    .pic {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
     }
-    .column {
-        width: 100%;
-        margin-bottom: 25px;
+
+    .texts {
+      position: absolute;
+      top: 60px;
+      right: 50px;
+      width: 380px;
+      padding: 50px 25px;
+      background: rgba(243, 251, 255, 0.82);
     }
-    /deep/.el-tree-node__content {
-        height: 44px;
-        background-color: #e5edf8;
-        border-bottom: 2px solid #fff;
+
+    h6 {
+      font-size: 1.2rem;
+      font-weight: 600;
+      color: #2a4b65;
     }
-    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        color: #fff;
-        background-color: #0f5698;
+
+    .line {
+      width: 93px;
+      height: 1px;
+      margin: 1rem 0;
+      background: #3e6473;
     }
-    .list {
-        margin-bottom: 20px;
-        li {
-            padding: 16px 0;
-            border-bottom: 1px solid #d8d8d8;
-        }
-        .text {
-            margin-bottom: 5px;
-            font-size: 14px;
-            cursor: pointer;
-            &:hover {
-                color: $main-color;
-            }
-        }
-        .date {
-            font-size: 12px;
-            color: #999;
-        }
+
+    .text {
+      margin-bottom: 1rem;
+      font-size: 1rem;
+      color: #2a4b65;
+      line-height: 1.6;
+    }
+  }
+
+  .right {
+    width: 20%;
+  }
+
+  .column {
+    width: 100%;
+    margin-bottom: 25px;
+  }
+
+  /deep/.el-tree-node__content {
+    height: 44px;
+    background-color: #e5edf8;
+    border-bottom: 2px solid #fff;
+  }
+
+  /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+    color: #fff;
+    background-color: #0f5698;
+  }
+
+  .list {
+    margin-bottom: 20px;
+
+    li {
+      padding: 16px 0;
+      border-bottom: 1px solid #d8d8d8;
+    }
+
+    .text {
+      margin-bottom: 5px;
+      font-size: 14px;
+      cursor: pointer;
+
+      &:hover {
+        color: $main-color;
+      }
     }
+
+    .date {
+      font-size: 12px;
+      color: #999;
+    }
+  }
 }
 
 @media (max-width: 1200px) {
-    .content {
-        width: 90%;
-    }
-    .article {
-        flex-direction: column;
-        .left {
+  .content {
+    width: 90%;
+  }
+
+  .article {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+
+      .recruit {
+        li {
+          flex-direction: column;
+
+          .pic {
             width: 100%;
-            .recruit {
-                li {
-                    flex-direction: column;
-                    .pic {
-                        width: 100%;
-                    }
-                    .texts {
-                        margin-top: 0.8rem;
-                    }
-                }
-            }
-            .notice {
-                flex-direction: column;
-                li {
-                    width: 100%;
-                }
-            }
+          }
+
+          .texts {
+            margin-top: 0.8rem;
+          }
         }
-        .right {
-            width: 100%;
+      }
+
+      .notice {
+        flex-direction: column;
+
+        li {
+          width: 100%;
         }
+      }
     }
+
+    .right {
+      width: 100%;
+    }
+  }
 }
+
 @media (max-width: 480px) {
-    .article {
-        .left {
-            .people {
-                li {
-                    .texts {
-                        left: 10px;
-                        right: auto;
-                    }
-                }
-            }
+  .article {
+    .left {
+      .people {
+        li {
+          .texts {
+            left: 10px;
+            right: auto;
+          }
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/team/index.vue b/src/pages/team/index.vue
index ae2a73e..8251136 100644
--- a/src/pages/team/index.vue
+++ b/src/pages/team/index.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap p-b-30">
     <div class="single-banner single-banner-overview">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="">
+      <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -12,18 +10,13 @@
     <div class="content">
       <ul class="list">
         <template v-for="(item, i) in modules[1].list">
-          <li v-if="item.isEnable"
-              :key="i"
-              :class="{'cursor-pointer': isLink(item.link.linkName)}"
-              @click="openLink(item)">
-            <img :src="item.pic"
-                 alt=""
-                 class="pic">
+          <li v-if="item.isEnable" :key="i" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+            @click="openLink(item)">
+            <img :src="item.pic" alt="" class="pic">
             <div class="texts">
               <h6>{{ item.title }}</h6>
               <p class="job">{{ item.subTitle }}</p>
-              <div class="text"
-                   v-html="item.des"></div>
+              <div class="text" v-html="item.des"></div>
             </div>
           </li>
         </template>
@@ -77,68 +70,77 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .content {
-    display: flex;
-    width: 1200px;
-    justify-content: space-between;
-    .left {
-        width: calc(100% - 300px);
+  display: flex;
+  width: 1200px;
+  justify-content: space-between;
+
+  .left {
+    width: calc(100% - 300px);
+  }
+
+  .list {
+    li {
+      display: flex;
+      align-items: center;
+      padding-bottom: 30px;
+      margin-bottom: 30px;
+      border-bottom: 1px solid #ddd;
+
+      &:last-child {
+        border-bottom: 0;
+      }
     }
-    .list {
-        li {
-            display: flex;
-            align-items: center;
-            padding-bottom: 30px;
-            margin-bottom: 30px;
-            border-bottom: 1px solid #ddd;
-            &:last-child {
-                border-bottom: 0;
-            }
-        }
-        .pic {
-            width: 224px;
-            height: 268px;
-            margin-right: 25px;
-            object-fit: cover;
-        }
-        h6 {
-            font-size: 1.2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-        }
-        .job {
-            margin: 16px 0;
-            font-size: 1rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #333;
-        }
-        .text {
-            font-size: 1rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #333;
-        }
+
+    .pic {
+      width: 224px;
+      height: 268px;
+      margin-right: 25px;
+      object-fit: cover;
+    }
+
+    h6 {
+      font-size: 1.2rem;
+      color: #333;
+    }
+
+    .job {
+      margin: 16px 0;
+      font-size: 1rem;
+      color: #333;
+    }
+
+    .text {
+      font-size: 1rem;
+      color: #333;
     }
+  }
 }
+
 @media (max-width: 1200px) {
-    .content {
-        width: 95%;
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
+  .content {
+    width: 95%;
+    flex-direction: column;
+
+    .left,
+    .right {
+      width: 100%;
     }
+  }
 }
+
 @media (max-width: 640px) {
-    .content {
-        .list {
-            li {
-                flex-direction: column;
-            }
-            .pic {
-                margin: 0 0 20px 0;
-            }
-        }
+  .content {
+    .list {
+      li {
+        flex-direction: column;
+      }
+
+      .pic {
+        margin: 0 0 20px 0;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/userSharing/index.vue b/src/pages/userSharing/index.vue
index 8650942..aa5561d 100644
--- a/src/pages/userSharing/index.vue
+++ b/src/pages/userSharing/index.vue
@@ -1,9 +1,7 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="">
+      <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
         <p class="banner-des">{{ modules[0].form.des }}</p>
@@ -13,20 +11,12 @@
     <div class="block share">
       <div class="inner relative">
         <div class="left">
-          <h6 class="wow fadeInUp"
-              v-html="modules[1].form.title"></h6>
-          <p class="en wow fadeInUp"
-             data-wow-delay="0.5s">USERS SHARE</p>
-          <div class="des wow fadeInUp"
-               data-wow-delay="0.8s"
-               v-html="modules[1].form.des"></div>
+          <h6 class="wow fadeInUp" v-html="modules[1].form.title"></h6>
+          <p class="en wow fadeInUp" data-wow-delay="0.5s">USERS SHARE</p>
+          <div class="des wow fadeInUp" data-wow-delay="0.8s" v-html="modules[1].form.des"></div>
         </div>
-        <img class="pic wow bounceInRight"
-             data-wow-delay="0.8s"
-             :src="modules[1].form.pic"
-             alt="">
-        <div class="card wow bounceInLeft"
-             data-wow-delay="0.8s">
+        <img class="pic wow bounceInRight" data-wow-delay="0.8s" :src="modules[1].form.pic" alt="">
+        <div class="card wow bounceInLeft" data-wow-delay="0.8s">
           <p class="title">{{ modules[1].form.subTitle }}</p>
           <p class="en-text">{{ modules[1].form.enTitle }}</p>
         </div>
@@ -36,28 +26,23 @@
     <div class="block gray">
       <ul class="group">
         <li class="wow bounceInDown"
-            :class="{'cursor-pointer': modules[2].form.link && isLink(modules[2].form.link.linkName)}"
-            @click="openLink(modules[2].form)">
-          <img src="@/assets/images/userSharing/2.png"
-               alt="">
+          :class="{ 'cursor-pointer': modules[2].form.link && isLink(modules[2].form.link.linkName) }"
+          @click="openLink(modules[2].form)">
+          <img src="@/assets/images/userSharing/2.png" alt="">
           <h6>{{ modules[2].form.title }}</h6>
           <div class="des">{{ modules[2].form.des }}</div>
         </li>
-        <li class="wow bounceInDown"
-            data-wow-delay="0.1s"
-            :class="{'cursor-pointer': modules[3].form.link && isLink(modules[3].form.link.linkName)}"
-            @click="openLink(modules[3].form)">
-          <img src="@/assets/images/userSharing/3.png"
-               alt="">
+        <li class="wow bounceInDown" data-wow-delay="0.1s"
+          :class="{ 'cursor-pointer': modules[3].form.link && isLink(modules[3].form.link.linkName) }"
+          @click="openLink(modules[3].form)">
+          <img src="@/assets/images/userSharing/3.png" alt="">
           <h6>{{ modules[3].form.title }}</h6>
           <div class="des">{{ modules[3].form.des }}</div>
         </li>
-        <li class="wow bounceInDown"
-            data-wow-delay="0.2s"
-            :class="{'cursor-pointer': modules[4].form.link && isLink(modules[4].form.link.linkName)}"
-            @click="openLink(modules[4].form)">
-          <img src="@/assets/images/userSharing/4.png"
-               alt="">
+        <li class="wow bounceInDown" data-wow-delay="0.2s"
+          :class="{ 'cursor-pointer': modules[4].form.link && isLink(modules[4].form.link.linkName) }"
+          @click="openLink(modules[4].form)">
+          <img src="@/assets/images/userSharing/4.png" alt="">
           <h6>{{ modules[4].form.title }}</h6>
           <div class="des">{{ modules[4].form.des }}</div>
         </li>
@@ -103,464 +88,558 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .single-banner {
-    .banner-img {
-        height: 21.6rem;
+  .banner-img {
+    height: 21.6rem;
+  }
+
+  .texts {
+    h6 {
+      font-size: 2.16rem;
+      margin-bottom: 0.95rem;
     }
-    .texts {
-        h6 {
-            font-size: 2.16rem;
-            margin-bottom: 0.95rem;
-        }
-        .banner-des {
-            font-size: 0.96rem;
-        }
+
+    .banner-des {
+      font-size: 0.96rem;
     }
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
+  padding: 3.85rem 0;
 }
+
 .share {
+  position: relative;
+
+  .inner {
+    display: flex;
+  }
+
+  .left {
+    width: 40%;
+    padding-right: 2%;
+  }
+
+  h6 {
     position: relative;
-    .inner {
-        display: flex;
-    }
-    .left {
-        width: 40%;
-        padding-right: 2%;
+    font-size: 1.76rem;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .en {
+    margin-top: 0;
+    font-size: 1.28rem;
+    color: #e4e4e4;
+  }
+
+  .des {
+    margin-top: 25px;
+    font-size: 0.81rem;
+    color: #333;
+    line-height: 1.75rem;
+    -webkit-line-clamp: 5;
+  }
+
+  .pic {
+    width: 60%;
+    height: auto;
+    border-top-left-radius: 70px;
+  }
+
+  .card {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 60%;
+    padding: 1.5rem 0 1.5rem 2%;
+    background: #7bacc4;
+    border-radius: 0px 100px 0px 0px;
+    opacity: 0.88;
+  }
+
+  .title {
+    margin-bottom: 0.625rem;
+    font-size: 1.44rem;
+    font-weight: 500;
+    color: #fff;
+  }
+
+  .en-text {
+    font-size: 1.04rem;
+    color: #fff;
+    letter-spacing: 2px;
+  }
+}
+
+.group {
+  display: flex;
+  justify-content: center;
+  width: 1200px;
+  margin: 0 auto;
+
+  li {
+    position: relative;
+    flex: 1;
+    height: 15rem;
+    padding: 5.5rem 1rem 0 1.6rem;
+    margin-right: 1rem;
+    color: #fff;
+    overflow: hidden;
+
+    &:last-child {
+      margin-right: 0;
     }
-    h6 {
-        position: relative;
-        font-size: 1.76rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
+
+    &:hover {
+      img {
+        transform: scale(1.3);
+      }
     }
-    .en {
-        margin-top: 0;
-        font-size: 1.28rem;
-        font-family: AppleSystemUIFont;
-        color: #e4e4e4;
+  }
+
+  img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  h6 {
+    position: relative;
+    font-size: 1.2rem;
+    font-weight: 500;
+  }
+
+  .des {
+    position: relative;
+    margin-top: 1rem;
+    font-size: 0.72rem;
+    font-weight: 500;
+    line-height: 31px;
+  }
+}
+
+@media (max-width: 1200px) {
+  body {
+    width: 100% !important;
+  }
+
+  .share {
+    width: 100%;
+
+    .inner {
+      width: 100%;
+      flex-direction: column;
+
+      .left {
+        width: 100%;
+      }
     }
+
     .des {
-        margin-top: 25px;
-        font-size: 0.81rem;
-        color: #333;
-        line-height: 1.75rem;
-        -webkit-line-clamp: 5;
+      display: block;
+      padding: 0 10px;
     }
+
     .pic {
-        width: 60%;
-        height: auto;
-        border-top-left-radius: 70px;
+      width: 100%;
     }
+
     .card {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 60%;
-        padding: 1.5rem 0 1.5rem 2%;
-        background: #7bacc4;
-        border-radius: 0px 100px 0px 0px;
-        opacity: 0.88;
-    }
-    .title {
-        margin-bottom: 0.625rem;
-        font-size: 1.44rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #fff;
-    }
-    .en-text {
-        font-size: 1.04rem;
-        font-family: AppleSystemUIFont;
-        color: #fff;
-        letter-spacing: 2px;
+      width: 100%;
     }
-}
-.group {
-    display: flex;
-    justify-content: center;
-    width: 1200px;
-    margin: 0 auto;
+  }
+
+  .group {
+    width: 100%;
+    flex-direction: column;
+
     li {
-        position: relative;
-        flex: 1;
-        height: 15rem;
-        padding: 5.5rem 1rem 0 1.6rem;
-        margin-right: 1rem;
-        color: #fff;
-        overflow: hidden;
-        &:last-child {
-            margin-right: 0;
-        }
-        &:hover {
-            img {
-                transform: scale(1.3);
-            }
-        }
-    }
-    img {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-    }
-    h6 {
-        position: relative;
-        font-size: 1.2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-    }
-    .des {
-        position: relative;
-        margin-top: 1rem;
-        font-size: 0.72rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        line-height: 31px;
+      width: 100%;
+      margin-top: 20px;
     }
+  }
 }
 
-@media (max-width: 1200px) {
-    body {
-        width: 100% !important;
-    }
-    .share {
-        width: 100%;
-        .inner {
-            width: 100%;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-        }
-        .des {
-            display: block;
-            padding: 0 10px;
-        }
-        .pic {
-            width: 100%;
-        }
-        .card {
-            width: 100%;
+@media (max-width: 320px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .group {
-        width: 100%;
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-}
+  }
 
-@media (max-width: 320px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .en-text {
+          font-size: 0.9rem;
         }
+      }
     }
+  }
 }
+
 @media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .group {
-        li {
-            height: auto;
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
+        }
+
+        .en-text {
+          font-size: 0.9rem;
         }
+      }
     }
+  }
+
+  .group {
+    li {
+      height: auto;
+    }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .group {
-        li {
-            height: auto;
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
+        }
+
+        .en-text {
+          font-size: 0.9rem;
         }
+      }
+    }
+  }
+
+  .group {
+    li {
+      height: auto;
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .group {
-        li {
-            height: auto;
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
         }
+
+        .en-text {
+          font-size: 0.9rem;
+        }
+      }
     }
+  }
+
+  .group {
+    li {
+      height: auto;
+    }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .group {
-        flex-direction: row;
-        li {
-            .des {
-                line-height: 1rem;
-            }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
         }
+
+        .en-text {
+          font-size: 0.9rem;
+        }
+      }
     }
+  }
+
+  .group {
+    flex-direction: row;
+
+    li {
+      .des {
+        line-height: 1rem;
+      }
+    }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .group {
-        flex-direction: row;
-        li {
-            .des {
-                line-height: 1rem;
-            }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
         }
+
+        .en-text {
+          font-size: 0.9rem;
+        }
+      }
+    }
+  }
+
+  .group {
+    flex-direction: row;
+
+    li {
+      .des {
+        line-height: 1rem;
+      }
     }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        top: 7rem;
+        left: 2rem;
+
+        .banner-title {
+          font-size: 1.5rem;
+          margin-bottom: 0.5rem;
         }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
+
+        .banner-des {
+          font-size: 0.85rem;
         }
+      }
     }
-    .group {
-        flex-direction: row;
-        li {
-            .des {
-                line-height: 1rem;
-            }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      .pic {
+        height: auto;
+      }
+
+      .card {
+        padding: 1.875rem 0 1.875rem 18.5%;
+        bottom: 0;
+
+        .title {
+          font-size: 1.4rem;
+        }
+
+        .en-text {
+          font-size: 0.9rem;
         }
+      }
     }
+  }
+
+  .group {
+    flex-direction: row;
+
+    li {
+      .des {
+        line-height: 1rem;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/setting.js b/src/setting.js
index e2137eb..3c71f36 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -3,7 +3,9 @@
  * */
 const isDev = process.env.NODE_ENV === 'development' // 开发环境
 let host = `${location.origin}/`
-
+if (isDev) {
+  host = 'http://192.168.31.51:10000/'
+}
 const Setting = {
   /**
   * 基础配置
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 992281d..d069bde 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -2,48 +2,17 @@
 @import './var.scss';
 
 @font-face {
-    font-family: PingFang;
-    src: url('font/PingFang-Regular.otf');
+  font-family: Harmony;
+  src: url('font/HarmonyOS_SansSC_Light.ttf');
 }
 @font-face {
-    font-family: PingFang SC;
-    src: url('font/PingFang-Regular.otf');
-}
-@font-face {
-    font-family: PingFangSC-Medium;
-    src: url('font/PingFangSC-Medium.otf');
-}
-@font-face {
-    font-family: PingFangSC-Semibold;
-    src: url('font/PingFangTC-Semibold.ttf');
-}
-@font-face {
-    font-family: SFProDisplay-Bold;
-    src: url('font/SF-Pro-Display-Bold.otf');
-}
-@font-face {
-    font-family: SFProDisplay;
-    src: url('font/SF-Pro-Display-Regular.otf');
-}
-@font-face {
-    font-family: toppan;
-    src: url('font/toppan.otf');
-}
-@font-face {
-    font-family: ProximaNova;
-    src: url('font/ProximaNova-Regular.otf');
-}
-@font-face {
-    font-family: AlimamaShuHeiTi-Bold;
-    src: url('font/AlimamaShuHeiTi-Bold.otf');
+  font-family: siyuan;
+  src: url('font/SourceHanSansCN-VF-2.otf');
 }
 
 [v-cloak] {
     display: none;
 }
-.site-en {
-    font-family: SFProDisplay;
-}
 .flex-between {
     display: flex;
     justify-content: space-between;
@@ -75,7 +44,6 @@
     position: relative;
     padding-bottom: 20px;
     font-size: 1rem;
-    font-family: PingFangSC-Medium, PingFang SC;
     color: #000;
     line-height: 1.6;
     border-bottom: 1px solid #ddd;
diff --git a/src/styles/font/HarmonyOS_SansSC_Light.ttf b/src/styles/font/HarmonyOS_SansSC_Light.ttf
new file mode 100644
index 0000000..cc54275
Binary files /dev/null and b/src/styles/font/HarmonyOS_SansSC_Light.ttf differ
diff --git a/src/styles/font/HarmonyOS_Sans_Regular.ttf b/src/styles/font/HarmonyOS_Sans_Regular.ttf
new file mode 100644
index 0000000..367afe8
Binary files /dev/null and b/src/styles/font/HarmonyOS_Sans_Regular.ttf differ
diff --git a/src/styles/font/PingFang-Regular.otf b/src/styles/font/PingFang-Regular.otf
deleted file mode 100644
index 11032b6..0000000
Binary files a/src/styles/font/PingFang-Regular.otf and /dev/null differ
diff --git a/src/styles/font/PingFangSC-Medium.otf b/src/styles/font/PingFangSC-Medium.otf
deleted file mode 100644
index f40327f..0000000
Binary files a/src/styles/font/PingFangSC-Medium.otf and /dev/null differ
diff --git a/src/styles/font/PingFangTC-Semibold.ttf b/src/styles/font/PingFangTC-Semibold.ttf
deleted file mode 100644
index bd5012c..0000000
Binary files a/src/styles/font/PingFangTC-Semibold.ttf and /dev/null differ
diff --git a/src/styles/font/ProximaNova-Regular.otf b/src/styles/font/ProximaNova-Regular.otf
deleted file mode 100644
index 27c8d8f..0000000
Binary files a/src/styles/font/ProximaNova-Regular.otf and /dev/null differ
diff --git a/src/styles/font/SF-Pro-Display-Bold.otf b/src/styles/font/SF-Pro-Display-Bold.otf
deleted file mode 100644
index 025b25c..0000000
Binary files a/src/styles/font/SF-Pro-Display-Bold.otf and /dev/null differ
diff --git a/src/styles/font/SF-Pro-Display-Regular.otf b/src/styles/font/SF-Pro-Display-Regular.otf
deleted file mode 100644
index 09aaca9..0000000
Binary files a/src/styles/font/SF-Pro-Display-Regular.otf and /dev/null differ
diff --git a/src/styles/font/SourceHanSansCN-VF-2.otf b/src/styles/font/SourceHanSansCN-VF-2.otf
new file mode 100644
index 0000000..4bf10f4
Binary files /dev/null and b/src/styles/font/SourceHanSansCN-VF-2.otf differ
diff --git a/src/styles/font/toppan.otf b/src/styles/font/toppan.otf
deleted file mode 100644
index d216723..0000000
Binary files a/src/styles/font/toppan.otf and /dev/null differ
diff --git a/src/styles/layout/index.scss b/src/styles/layout/index.scss
index 3665acc..9b6b5a6 100644
--- a/src/styles/layout/index.scss
+++ b/src/styles/layout/index.scss
@@ -11,7 +11,7 @@ body,
 
 body {
   // min-width: 1280px;
-  font-family: PingFang, PingFang SC, "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
+  font-family: Harmony, STHeiTi, sans-serif;
   font-size: 14px;
   background: rgba(0, 0, 0, 0.02);
 }
\ No newline at end of file
diff --git a/src/styles/lib/_style.scss b/src/styles/lib/_style.scss
index 4b81d96..6423966 100644
--- a/src/styles/lib/_style.scss
+++ b/src/styles/lib/_style.scss
@@ -1,3 +1,3 @@
 html {
-  font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
+  font-family: Harmony, STHeiTi, sans-serif;
 }
diff --git a/src/styles/page/page.scss b/src/styles/page/page.scss
index 3452179..af562ff 100644
--- a/src/styles/page/page.scss
+++ b/src/styles/page/page.scss
@@ -5,7 +5,6 @@
         position: relative;
         margin-bottom: 50px;
         font-size: 3rem;
-        font-family: SFProDisplay-Bold, SFProDisplay;
         font-weight: bold;
         color: #333333;
         line-height: 60px;
@@ -56,7 +55,6 @@
         bottom: 87px;
         left: 213px;
         font-size: 2rem;
-        font-family: SFProDisplay-Bold;
         font-weight: bold;
         line-height: 58px;
         color: #fff;
@@ -79,11 +77,9 @@
     .banner-title {
         margin-bottom: 19px;
         font-size: 2.2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
     }
     .banner-des {
         font-size: 1.2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
     }
 }
 .des {