diff --git a/src/components/breadcrumb/index.vue b/src/components/breadcrumb/index.vue
index e7fa089..01b4650 100644
--- a/src/components/breadcrumb/index.vue
+++ b/src/components/breadcrumb/index.vue
@@ -2,7 +2,7 @@
   <!-- 面包屑 -->
   <div class="breadcrumb">
     <span class="back"
-          @click="$router.back()">返回&emsp;></span>
+          @click="$router.back()">{{ $t('column.back') }}&emsp;></span>
     <span v-if="data[1]">{{ data[1].name }}</span>
   </div>
 </template>
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 7a3622e..60d07c5 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -67,7 +67,8 @@ export const messages = {
       geographicLocation: '地理位置',
       organization: '机构设置',
       introduce: '介绍',
-      ActivityIntroduction: '活动简介'
+      ActivityIntroduction: '活动简介',
+      back: '返回',
     }
   },
   'en': {
@@ -137,7 +138,8 @@ export const messages = {
       geographicLocation: 'geographic location',
       organization: 'Organization',
       introduce: 'Introduce',
-      ActivityIntroduction: 'Activity Introduction'
+      ActivityIntroduction: 'Activity Introduction',
+      back: 'Back',
     }
   }
 };
\ No newline at end of file
diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue
index 8161a2a..02bf7e9 100644
--- a/src/layouts/footer/index.vue
+++ b/src/layouts/footer/index.vue
@@ -123,7 +123,7 @@ export default {
   data () {
     return {
       isIasf: false,
-      showDefaultPath: ['/home', '/iasf'], // 展示默认页脚的页面
+      showDefaultPath: ['/home', '/iasf', '/estate/index'], // 展示默认页脚的页面
       showContactPath: ['/news', '/sfel', '/talent', '/about', '/careers', '/edu', '/news'], // 展示联系我们页脚的页面
       columns: [],
       modules: []
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 69aa0e8..dc4e454 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -35,7 +35,7 @@
           <img class="search"
                :src="require('@/assets/images/oa' + (isHome ? '-white' : '') + '.png')"
                alt=""
-               @click.stop="toMail">
+               @click.stop="toOa">
         </template>
         <template v-if="Util.isEn(site)">
           <img :src="require('@/assets/images/cn' + (isHome ? '-white' : '') + '.png')"
@@ -205,7 +205,7 @@ export default {
     },
     // oa点击
     toOa () {
-      window.open('http://oa.iasf.ac.cn/sys/portal/page.jsp')
+      window.open('http://oa.iasf.ac.cn/login.jsp')
     },
     // 切换语言
     toggleLang () {
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index c2441df..e15038d 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -208,6 +208,7 @@
                     <el-pagination background
                                    @current-change="currentChange"
                                    :current-page="page"
+                                   :page-size="pageSize"
                                    layout="total, prev, pager, next"
                                    :total="total"></el-pagination>
                   </div>
@@ -284,6 +285,7 @@
                     <el-pagination background
                                    @current-change="currentChange"
                                    :current-page="page"
+                                   :page-size="pageSize"
                                    layout="total, prev, pager, next"
                                    :total="total"></el-pagination>
                   </div>
@@ -364,6 +366,7 @@
                     <el-pagination background
                                    @current-change="currentChange"
                                    :current-page="page"
+                                   :page-size="pageSize"
                                    layout="total, prev, pager, next"
                                    :total="total"></el-pagination>
                   </div>
@@ -498,11 +501,12 @@ export default {
           .then(({ data }) => {
             this.columnClick(data);
             if (data.typeId !== 3) this.loaded = true; // 非长页，才展示页面
-            this.info = data;
-            this.showNav = this.showNavIds.includes(data.listStyleId);
-            this.handlePublication();
-            this.getLeftColumn();
-            this.getClassification();
+            this.info = data
+            this.pageSize = data.pageSize || 10
+            this.showNav = this.showNavIds.includes(data.listStyleId)
+            this.handlePublication()
+            this.getLeftColumn()
+            this.getClassification()
           })
           .catch((res) => { });
     },
@@ -724,7 +728,7 @@ export default {
         siteId: this.site,
         columnIds,
         pageNum: this.page,
-        pageSize: this.info.pageSize || 10,
+        pageSize: this.pageSize,
         labelName,
         ...this.form
       })
diff --git a/src/pages/column/result.vue b/src/pages/column/result.vue
index b0eec96..17aec91 100644
--- a/src/pages/column/result.vue
+++ b/src/pages/column/result.vue
@@ -3,21 +3,29 @@
     <div class="articles">
       <div class="top">
         <div class="search">
-          <input ref="search" type="text" :placeholder="$t('column.titlePlaceholder')" v-model="title">
+          <input ref="search"
+                 type="text"
+                 :placeholder="$t('column.titlePlaceholder')"
+                 v-model="title">
           <i class="el-icon-search icon"></i>
         </div>
         <p class="result">包含 “{{ title }}” 的搜索结果</p>
       </div>
 
-      <ul v-if="articles.length" class="list">
-        <li v-for="(item, i) in articles" :key="i">
+      <ul v-if="articles.length"
+          class="list">
+        <li v-for="(item, i) in articles"
+            :key="i">
           <h6 @click="toArtice(item)">{{ item.title }}</h6>
-          <div class="des" v-html="item.mainBody"></div>
-          <Breadcrumb :data.sync="item.routes"/>
+          <div class="des"
+               v-html="item.mainBody"></div>
+          <Breadcrumb :data.sync="item.routes" />
         </li>
       </ul>
-      <div v-else class="none">
-        <img src="@/assets/images/none.png" alt="">
+      <div v-else
+           class="none">
+        <img src="@/assets/images/none.png"
+             alt="">
         <p class="text">没有找到您搜索的内容，您可尝试搜索其他关键词。</p>
       </div>
     </div>
@@ -32,7 +40,7 @@ import mixins from '@/mixins/article'
 import Breadcrumb from '@/components/breadcrumb'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       title: this.$store.state.content.keyword,
       searchTimer: null,
@@ -43,14 +51,14 @@ export default {
     Breadcrumb
   },
   watch: {
-    title() {
+    title () {
       clearTimeout(this.searchTimer)
       this.searchTimer = setTimeout(() => {
         this.getArticle()
       }, 500)
     }
   },
-  mounted() {
+  mounted () {
     this.getArticle()
   },
   methods: {
@@ -58,7 +66,7 @@ export default {
       'setKeyword'
     ]),
     // 查询文章列表
-    getArticle() {
+    getArticle () {
       this.setKeyword('')
       this.$post(this.api.newlyPublishedArticles, {
         siteId: this.site,
@@ -82,7 +90,7 @@ export default {
           ]
         })
         this.articles = list
-      }).catch(res => {})
+      }).catch(res => { })
     },
   }
 };
@@ -90,95 +98,104 @@ export default {
 
 <style lang="scss" scoped>
 .wrap {
-  background: url(../../assets/images/result-bg1.png) no-repeat,
-              url(../../assets/images/result-bg2.png) bottom right/auto no-repeat;
-  background-color: #fff;
+    background: url(../../assets/images/result-bg1.png) no-repeat, url(../../assets/images/result-bg2.png) bottom right/auto no-repeat;
+    background-color: #fff;
 }
 .articles {
-  width: 100%;
-  padding-top: 47px;
-  margin: 0 auto;
+    width: 70%;
+    padding-top: 47px;
+    margin: 0 auto;
 }
 .top {
-  display: flex;
-  align-items: center;
-  .result {
-    font-size: 18px;
-    color: #969696;
-  }
+    display: flex;
+    align-items: center;
+    .result {
+        font-size: 18px;
+        color: #969696;
+    }
 }
 .search {
-  position: relative;
-  display: inline-flex;
-  height: 62px;
-  margin-right: 30px;
-  border-radius: 6px;
-  overflow: hidden;
-  input {
-    width: 510px;
-    padding: 0 20px;
-    font-size: 18px;
-    color: #333;
-    border: 0;
-    outline: none;
-    background: #F7F7F7;
-  }
-  .icon {
-    position: absolute;
-    top: 17px;
-    right: 15px;
-    font-size: 26px;
-    color: #ccc;
-    border-radius: 0px 6px 6px 0px;
-  }
+    position: relative;
+    display: inline-flex;
+    height: 62px;
+    margin-right: 30px;
+    border-radius: 6px;
+    overflow: hidden;
+    input {
+        width: 510px;
+        padding: 0 20px;
+        font-size: 18px;
+        color: #333;
+        border: 0;
+        outline: none;
+        background: #f7f7f7;
+    }
+    .icon {
+        position: absolute;
+        top: 17px;
+        right: 15px;
+        font-size: 26px;
+        color: #ccc;
+        border-radius: 0px 6px 6px 0px;
+    }
 }
 .list {
-  li {
-    margin-top: 30px;
-    border-bottom: 1px dashed #e3e3e3;
-  }
-  h6 {
-    margin-bottom: 10px;
-    font-size: 22px;
-    color: #1583FF;
-    line-height: 30px;
-    cursor: pointer;
-  }
-  .des {
-    font-size: 18px;
-    line-height: 36px;
-    color: #333;
-    @include mul-ellipsis(2);
-  }
-  .breadcrumb {
-    margin: 15px 0 30px;
-  }
+    li {
+        margin-top: 30px;
+        border-bottom: 1px dashed #e3e3e3;
+    }
+    h6 {
+        margin-bottom: 10px;
+        font-size: 22px;
+        color: #1583ff;
+        line-height: 30px;
+        cursor: pointer;
+    }
+    .des {
+        font-size: 18px;
+        line-height: 36px;
+        color: #333;
+        @include mul-ellipsis(2);
+    }
+    .breadcrumb {
+        margin: 15px 0 30px;
+    }
 }
 .none {
-  margin-top: 118px;
-  text-align: center;
-  .text {
-    margin-top: 59px;
-    font-size: 18px;
-    color: #333;
-  }
+    margin-top: 118px;
+    text-align: center;
+    .text {
+        margin-top: 59px;
+        font-size: 18px;
+        color: #333;
+    }
 }
-@media (min-width: 280px) and (max-width: 750px) {
-  .articles{
-    width: 100%;
-    .top{
-      flex-direction: column;
-      .search{
-        width: 95%;
-        margin: 0 auto;
-      }
+@media (max-width: 1100px) {
+    .top {
+        flex-direction: column;
+        align-items: flex-start;
     }
-    .none{
-      margin-top: 50px;
-      .text{
-        font-size: .5rem;
-      }
+    .search {
+        margin-bottom: 10px;
+    }
+}
+
+@media (max-width: 750px) {
+    .articles {
+        width: 90%;
+        .top {
+            flex-direction: column;
+            .search {
+                width: 95%;
+                margin: 0 auto;
+            }
+        }
+        .none {
+            margin-top: 50px;
+            .text {
+                font-size: 0.5rem;
+            }
+        }
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/deviceIntroBeam/index.vue b/src/pages/deviceIntroBeam/index.vue
index 3bb77cd..f1cbce2 100644
--- a/src/pages/deviceIntroBeam/index.vue
+++ b/src/pages/deviceIntroBeam/index.vue
@@ -43,7 +43,8 @@
     </div>
 
     <div class="unit">
-      <h6>{{ modules[4].form.title }}</h6>
+      <div class="title"
+           v-html="modules[4].form.title"></div>
       <img class="pic"
            :src="modules[4].form.pic"
            alt="">
@@ -218,7 +219,7 @@ export default {
     width: 986px;
     padding-bottom: 60px;
     margin: 0 auto;
-    h6 {
+    .title {
         padding-left: 0.93rem;
         margin-bottom: 0.93rem;
         font-size: 0.88rem;
diff --git a/src/pages/deviceIntroLayout/index.vue b/src/pages/deviceIntroLayout/index.vue
index 2be18f5..7829e84 100644
--- a/src/pages/deviceIntroLayout/index.vue
+++ b/src/pages/deviceIntroLayout/index.vue
@@ -22,11 +22,9 @@
         <p class="en">{{ modules[1].form.subTitle }}</p>
         <div class="card"
              v-html="modules[1].form.des"></div>
-        <div class="flex textBox">
-          <div class="left">
-            <div class="des"
-                 v-html="modules[2].form.des"></div>
-          </div>
+        <div class="texts">
+          <div class="des"
+               v-html="modules[2].form.des"></div>
           <img class="pic"
                :src="modules[2].form.pic"
                alt="">
@@ -44,7 +42,8 @@
     </div>
 
     <div class="unit">
-      <h6>{{ modules[4].form.title }}</h6>
+      <div class="title"
+           v-html="modules[4].form.title"></div>
       <img class="pic"
            :src="modules[4].form.pic"
            alt="">
@@ -125,28 +124,19 @@ export default {
     .inner {
         width: 100%;
         max-width: 1323px;
-        .textBox {
-            position: absolute;
-            width: 85%;
-            right: 0;
-            top: 26rem;
-            .left {
-                flex-grow: 1;
-            }
-        }
-        h6 {
-            font-weight: bold;
-        }
     }
-    .left {
-        width: 34.187rem;
-        margin-right: 4.125rem;
+    .texts {
+        position: absolute;
+        width: 85%;
+        right: 0;
+        top: 26rem;
+        display: flex;
     }
     h6 {
         position: relative;
         font-size: 1.76rem;
         font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-weight: bold;
         color: #333333;
     }
     .en {
@@ -171,11 +161,12 @@ export default {
         background: url(http://10.10.11.7/images/device/5.png) 0 0 /100% 100% no-repeat;
     }
     .des {
-        margin-top: 25px;
-        font-size: 0.98rem;
+        flex-grow: 1;
+        margin: 25px 4rem 0 0;
+        font-size: 1rem;
         -webkit-line-clamp: inherit;
         color: #333;
-        line-height: 37px;
+        line-height: 2;
         overflow: visible;
     }
     .pic {
@@ -209,7 +200,7 @@ export default {
     width: 986px;
     padding-bottom: 60px;
     margin: 0 auto;
-    h6 {
+    .title {
         padding-left: 0.93rem;
         margin-bottom: 0.93rem;
         font-size: 0.88rem;
@@ -228,17 +219,15 @@ export default {
         .inner {
             max-width: none;
             width: 95%;
-            .textBox {
+            .texts {
                 position: static;
                 display: flex;
                 flex-direction: column;
                 align-items: flex-end;
                 margin-left: 15%;
-                .left {
+                .des {
                     width: 100%;
-                    .des {
-                        -webkit-line-clamp: 100;
-                    }
+                    -webkit-line-clamp: 100;
                 }
             }
         }
@@ -277,11 +266,11 @@ export default {
 @media (max-width: 640px) {
     .share {
         .inner {
-            .textBox {
+            .texts {
                 margin: 0 auto;
             }
         }
-        .left {
+        .des {
             margin-right: 0;
         }
     }
diff --git a/src/pages/deviceIntroLinear/index.vue b/src/pages/deviceIntroLinear/index.vue
index 03882d7..e6e2815 100644
--- a/src/pages/deviceIntroLinear/index.vue
+++ b/src/pages/deviceIntroLinear/index.vue
@@ -40,12 +40,14 @@
     <div class="block intro">
       <div class="inner">
         <div class="left">
-          <h5>{{ modules[3].form.title }}</h5>
+          <div class="title1"
+               v-html="modules[3].form.title"></div>
           <img :src="modules[3].form.pic"
                alt="" />
         </div>
         <div class="right">
-          <h6>{{ modules[4].form.title }}</h6>
+          <div class="title2"
+               v-html="modules[4].form.title"></div>
           <img :src="modules[4].form.pic"
                alt="" />
         </div>
@@ -218,7 +220,7 @@ export default {
         width: 68%;
         margin-left: 2%;
     }
-    h5 {
+    .title1 {
         margin-bottom: 0.93rem;
         font-size: 0.88rem;
         font-family: PingFangSC-Medium, PingFang SC;
@@ -226,7 +228,7 @@ export default {
         color: #2a2a2a;
     }
 
-    h6 {
+    .title2 {
         padding-left: 0.93rem;
         margin-bottom: 0.93rem;
         font-size: 0.88rem;
diff --git a/src/pages/estate/orgSetup/index.vue b/src/pages/estate/orgSetup/index.vue
index ca46f82..4a8d4b1 100644
--- a/src/pages/estate/orgSetup/index.vue
+++ b/src/pages/estate/orgSetup/index.vue
@@ -22,8 +22,8 @@
       <div class="org">
         <div class="left">
           <h6>{{ modules[1].form.title }}</h6>
-          <p class="text"
-             v-html="modules[1].form.des"></p>
+          <div class="text"
+               v-html="modules[1].form.des"></div>
         </div>
         <img class="pic"
              src="http://10.10.11.7/images/overviewSetup/1.png"
diff --git a/src/pages/estate/survey/index.vue b/src/pages/estate/survey/index.vue
index 585b72d..0eceae8 100644
--- a/src/pages/estate/survey/index.vue
+++ b/src/pages/estate/survey/index.vue
@@ -26,8 +26,8 @@
                src="http://10.10.11.7/images/overviewIntro/2.png"
                alt="">
         </h6>
-        <p class="text"
-           v-html="modules[1].form.des"></p>
+        <div class="text"
+             v-html="modules[1].form.des"></div>
       </div>
       <div class="lg-bg">
         <img width="100%"
@@ -89,6 +89,7 @@ export default {
         font-size: 1rem;
         color: #020202;
         line-height: 2rem;
+        // @include mul-ellipsis(10);
     }
 }
 .lg-bg {
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 1c1e53a..3149f14 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -430,6 +430,9 @@ export default {
         position: absolute;
         bottom: 20%;
         left: 120px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
         h6,
         .text {
             padding: 20px 15px;
diff --git a/src/pages/overviewIntro/index.vue b/src/pages/overviewIntro/index.vue
index 8287459..73862c4 100644
--- a/src/pages/overviewIntro/index.vue
+++ b/src/pages/overviewIntro/index.vue
@@ -92,6 +92,7 @@ export default {
     padding-top: 3.85rem;
     .intro {
         display: flex;
+        align-items: center;
         margin-bottom: 5.5rem;
         .pic {
             width: 40%;
@@ -112,7 +113,7 @@ export default {
         }
         .text {
             margin-top: 2rem;
-            font-size: 0.99rem;
+            font-size: 1rem;
             color: #020202;
             line-height: 2;
         }
diff --git a/src/pages/sfel/index.vue b/src/pages/sfel/index.vue
index ec84209..d77f794 100644
--- a/src/pages/sfel/index.vue
+++ b/src/pages/sfel/index.vue
@@ -1,45 +1,74 @@
 <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>
+              <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>
                   <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>
@@ -48,60 +77,85 @@
       </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>
@@ -109,41 +163,67 @@
       </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>
@@ -154,39 +234,62 @@
       </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>
@@ -197,7 +300,8 @@
       </div>
     </div>
 
-    <div class="block news" id="part5">
+    <div class="block news"
+         id="part5">
       <div class="inner">
         <div class="title wow fadeInUp">
           <h5>
@@ -206,8 +310,14 @@
           </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>
@@ -216,30 +326,39 @@
         </ul>
       </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>
@@ -251,10 +370,14 @@
 
     <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>
@@ -267,7 +390,7 @@ import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       navs: [],
       articles: [],
@@ -279,12 +402,12 @@ export default {
       curArticle: {},
     }
   },
-  mounted() {
+  mounted () {
     new WOW().init()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -300,7 +423,7 @@ export default {
             this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
               this.articles = Util.removeTag(data.slice(0, articleNum || 7))
               this.curArticle = this.articles[0]
-            }).catch(err => {})
+            }).catch(err => { })
           }
           if (json[4].form.column.length) {
             const { column, articleNum } = json[4].form
@@ -315,25 +438,25 @@ export default {
                 }
               })
               this.articles1 = articles
-            }).catch(err => {})
+            }).catch(err => { })
           }
           if (json[6].form.column.length) {
             const { column, articleNum } = json[6].form
             this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
               this.articles2 = Util.removeTag(data.slice(0, articleNum || 4))
-            }).catch(err => {})
+            }).catch(err => { })
           }
           if (json[8].form.column.length) {
             const { column, articleNum } = json[8].form
             this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
               this.articles3 = Util.removeTag(data.slice(0, articleNum || 6))
-            }).catch(err => {})
+            }).catch(err => { })
           }
           if (json[12].form.column.length) {
             const { column, articleNum } = json[12].form
             this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
               this.articles4 = Util.removeTag(data.slice(0, articleNum || 4))
-            }).catch(err => {})
+            }).catch(err => { })
           }
 
           // 获取页面的所有标题，展示到左侧导航
@@ -350,10 +473,10 @@ export default {
           this.modules = json
           this.carouselInterval()
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
     // 自动轮播
-    carouselInterval() {
+    carouselInterval () {
       clearInterval(this.timer)
       this.timer = setInterval(() => {
         this.curInd++
@@ -362,14 +485,14 @@ export default {
       }, 5000)
     },
     // 手动轮播切换
-    switchCarousel(i) {
+    switchCarousel (i) {
       if (this.curInd !== i) {
         this.curInd = i
         this.curArticle = this.articles[this.curInd] || {}
       }
     },
     // 左侧导航点击回调
-    toAnchor(e) {
+    toAnchor (e) {
       const el = document.querySelector(`#part${e.id}`)
       el && el.scrollIntoView()
     }
@@ -379,1723 +502,1730 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
+@import '../../styles/page/page.scss';
 
 .wrap {
-  /deep/ .el-carousel__container {
-    height: 100vh;
-  }
-  /deep/ .el-carousel__container {
-    height: 100vh;
-  }
-  .topImg {
-    height: 100vh;
-    img {
-      height: 100vh;
+    /deep/ .el-carousel__container {
+        height: 100vh;
+    }
+    /deep/ .el-carousel__container {
+        height: 100vh;
+    }
+    .topImg {
+        height: 100vh;
+        img {
+            height: 100vh;
+        }
     }
-  }
 }
 .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: .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: .88rem;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #AFB7BF;
-  }
-  .more {
-    font-size: .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-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;
+    }
 }
 .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: .5s;
-    &:hover {
-      transform: scale(1.3);
+    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;
+            }
+        }
     }
-  }
-  .right {
-    position: relative;
-    width: 50%;
-    padding: 50px 50px 30px;
-    background: #1583FF;
-    color: #fff;
     h6 {
-      font-size: 1.34rem;
+        font-size: 1.3rem;
+        transition: 0.3s;
     }
     .des {
-      font-size: 1.02rem;
+        margin: 30px 0;
+        font-size: 0.9rem;
+        line-height: 24px;
+        transition: 0.3s;
     }
     .meta {
-      font-size: 1.04rem;
-    }
-    &:hover {
-      background: #465f85;
-      h6, .des, .meta {
-        color: #fff;
-        transform: translateY(15px);
-      }
+        font-size: 0.8rem;
+        transition: 0.3s;
     }
-  }
-  .inds {
-    position: absolute;
-    bottom: 40px;
-    left: 60px;
-    display: flex;
+}
+.card {
     li {
-      width: 10px;
-      height: 10px;
-      margin-right: 12px;
-      background: #FFFFFF;
-      border-radius: 50%;
-      transition: .2s;
-      &.active {
-        width: 30px;
-        background: rgba(255,255,255,0.3);
-        border-radius: 5px;
-      }
+        .texts {
+            .des {
+                min-height: 3rem;
+            }
+        }
     }
-  }
-  h6 {
-    font-size: 1.3rem;
-    transition: .3s;
-  }
-  .des {
-    margin: 30px 0;
-    font-size: .9rem;
-    line-height: 24px;
-    transition: .3s;
-  }
-  .meta {
-    font-size: .8rem;
-    transition: .3s;
-  }
 }
 .card {
-  li {
+    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;
+    }
     .texts {
-      .des {
-        min-height: 3rem;
-      }
+        padding: 2rem 1.5rem;
     }
-  }
-}
-.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: .3s;
-    background-color: #fff;
-    &:hover {
-      transform: scale(1.05);
+    .meta {
+        font-size: 0.92rem;
+        color: #666;
+    }
+    .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;
     }
-    &:last-child {
-      margin-right: 0;
+    .arrow {
+        width: 1.8rem;
     }
-  }
-  .pic {
-    width: 100%;
-    height: auto;
-  }
-  .texts {
-    padding: 2rem 1.5rem;
-  }
-  .meta {
-    font-size: .92rem;
-    color: #666;
-  }
-  .des {
-    margin: .5rem 0;
-    font-size: .88rem;
-    font-family: SFProDisplay;
-    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;
+    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;
+            }
+            .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;
+        }
     }
-    .item {
-      position: relative;
-      height: 100%;
-      cursor: pointer;
-      .pic {
-        width: 100%;
-        height: 100%;
-        transition: .5s;
-      }
-      .text {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        padding: 0 20px;
-        font-size: .96rem;
-        color: #fff;
-        line-height: 3rem;
-        @include ellipsis;
-        background-color: rgba(0, 0, 0, 0.57);
-      }
-      &:hover {
+    .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;
+        }
+    }
+    .slide {
+        position: relative;
+        height: 24.4rem;
+        overflow: hidden;
+        cursor: pointer;
         .pic {
-          transform: scale(1.3);
+            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);
+            }
         }
-      }
     }
-    .card-wrap {
-      display: flex;
-      margin-top: .9rem;
-      .cards {
-        flex: 1;
-      }
-      h6 {
-        @include mul-ellipsis(2);
-      }
+}
+.conference {
+    background: url(../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+    .shows {
+        display: flex;
     }
-    .cards {
-      padding: 2.85rem 1rem;
-      background-color: #fff;
-      transition: .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: .9rem;
-        color: #6D7C8E;
-        @include ellipsis;
-      }
-      .date {
-        margin-top: 1.2rem;
-        font-size: .72rem;
-        color: #C4CCD7;
-      }
+    .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);
+            }
+        }
     }
-    h6 {
-      font-size: 24px;
-      color: #272727;
+    .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;
+        }
     }
-    .des {
-      margin-top: 10px;
-      font-size: 16px;
-      color: #666;
-      line-height: 30px;
+}
+
+.media {
+    background: #fff;
+    .media-wrap {
+        display: flex;
     }
-  }
-  .right {
-    width: 50%;
-  }
-  .card-list {
+    .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: 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);
+            }
+        }
+    }
+}
+.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 {
-      display: flex;
-      align-items: center;
-      padding: .95rem;
-      margin-bottom: .9rem;
-      background-color: #fff;
-      transition: .3s;
-      cursor: pointer;
-      &:hover {
-        transform: scale(1.05);
-      }
+        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;
+        }
     }
-    .releaseTime {
-      width: 4.4rem;
-      height: 4.4rem;
-      padding: .5rem 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;
+    img {
+        width: 100%;
+        height: 24.05rem;
     }
     .texts {
-      width: calc(100% - 110px);
+        padding: 0 0.9rem 2.5rem;
     }
     h6 {
-      margin-bottom: .5rem;
-      font-size: 1.08rem;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #1583FF;
-      @include ellipsis;
+        margin: 1.75rem 0 0.6rem;
+        font-size: 1.05rem;
+        line-height: 1.65rem;
     }
     .des {
-      font-size: .9rem;
-      color: #666;
-      line-height: 1.2rem;
-      -webkit-line-clamp: 2;
+        font-size: 0.8rem;
+        line-height: 1.3rem;
     }
-  }
-  .slide {
-    position: relative;
-    height: 24.4rem;
-    overflow: hidden;
-    cursor: pointer;
-    .pic {
-      width: 100%;
-      height: 100%;
-      transition: .5s;
-    }
-    .text {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      padding: 0 .6rem;
-      line-height: 3rem;
-      font-size: .8rem;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #FFFFFF;
-      background-color: rgba(0, 0, 0, 0.57);
+}
+.program {
+    background: #fff;
+    .slide {
+        display: flex;
+        margin-bottom: 0.7rem;
+        cursor: pointer;
     }
-    &:hover {
-      .pic {
-        transform: scale(1.3);
-      }
+    .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;
+        }
     }
-  }
-}
-.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 .6rem;
-      line-height: 3rem;
-      font-size: .8rem;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #FFFFFF;
-      background-color: rgba(0, 0, 0, 0.57);
+    .img-wrap {
+        width: 49%;
+        height: auto;
+        overflow: hidden;
     }
     .pic {
-      transition: .5s;
+        width: 100%;
+        height: 100%;
+        transition: 0.5s;
     }
     &:hover {
-      .pic {
-        transform: scale(1.3);
-      }
-    }
-  }
-  .card-list {
-    width: 600px;
-    li {
-      display: flex;
-      align-items: center;
-      padding: 6px;
-      margin-bottom: 7px;
-      background-color: #fff;
-      cursor: pointer;
-      transition: .3s;
-      &:last-child {
-        margin-bottom: 0;
-      }
-      &:hover {
-        transform: translateX(20px);
-      }
+        .pic {
+            transform: scale(1.3);
+        }
     }
-    .pic {
-      width: 10.4375rem;
-      height: 10.4375rem;
-      margin-right: 1.8rem;
+    .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;
+        }
     }
-    .texts {
-      width: calc(100% - 12.5rem);
-    }
-    h6 {
-      margin-bottom: 10px;
-      font-size: .96rem;
-      color: #333;
-      @include ellipsis;
-    }
-    .sum {
-      margin-bottom: 6px;
-      font-size: .8rem;
-      color: #666;
-      @include ellipsis;
-    }
-    .text {
-      display: flex;
-      align-items: center;
-      margin: .5rem 0;
-      font-size: .72rem;
-      @include ellipsis;
-    }
-    .icon {
-      margin-right: 5px;
-    }
-  }
-}
-
-.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: .5s;
-      }
-      .text {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        padding: 0 1.35rem;
-        line-height: 2.5rem;
-        font-size: .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: .5s;
-        cursor: pointer;
-        &:last-child {
-          margin-bottom: 0;
-        }
-        &:hover {
-          transform: scale(1.05);
-        }
-      }
-      h6 {
-        margin-bottom: .85rem;
-        font-size: .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: .9rem;
-        color: #666;
-        -webkit-line-clamp: 2;
-      }
-    }
-  }
-  .right {
-    width: 44%;
-    box-shadow: 0px 0px 30px 0px rgba(48,48,48,0.08);
-    transition: .5s;
-    cursor: pointer;
-    .img-wrap {
-      width: 100%;
-      height: 21.1rem;
-      overflow: hidden;
-    }
-    img {
-      width: 100%;
-      height: 100%;
-      transition: .5s;
-    }
-    .texts {
-      padding: 2rem 1.4rem;
-    }
-    h6 {
-      font-size: .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: .8rem;
-      color: #666;
-      -webkit-line-clamp: 2;
-    }
-    &:hover {
-      background: #005388;
-      h6, .des {
-        color: #fff;
-      }
-      img {
-        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 {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  li {
-    position: relative;
-    // width: calc((100% - 56px) / 3);
-    flex: 1;
-    padding: .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: .3s;
-    &:hover {
-      transform: translateY(20px);
-    }
-    &:nth-child(3n) {
-      margin-right: 0;
-    }
-    &:hover {
-      color: #fff;
-      background-color: #0252D9;
-    }
-  }
-  img {
-    width: 100%;
-    height: 24.05rem;
-  }
-  .texts {
-    padding: 0 .9rem 2.5rem;
-  }
-  h6 {
-    margin: 1.75rem 0 .6rem;
-    font-size: 1.05rem;
-    line-height: 1.65rem;
-  }
-  .des {
-    font-size: .8rem;
-    line-height: 1.3rem;
-  }
-}
-.program {
-  background: #fff;
-  .slide {
-    display: flex;
-    margin-bottom: .7rem;
-    cursor: pointer;
-  }
-  .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: .72rem;
-      color: #666;
-    }
-  }
-  .img-wrap {
-    width: 49%;
-    height: auto;
-    overflow: hidden;
-  }
-  .pic {
-    width: 100%;
-    height: 100%;
-    transition: .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: .7rem;
-      background: url(../../assets/images/sfel/7.png)  no-repeat center;
-      background-size: 100% 100%;
-      transition: .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: .72rem;
-      font-family: LaoSangamMN;
-      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: .88rem;
-      line-height: 2.5rem;
-      color: #fff;
-      background-color: #1D1D1D;
-      cursor: pointer;
-      @include ellipsis;
-      &.active {
-        background-color: #1583FF;
-      }
-      &:hover {
-        background-color: #1583FF;
-      }
+    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;
+    .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;
+    .tools {
+        display: none;
     }
-  }
-  .shop-shows{
-    flex-direction: column;
-    .left{
-       width: 100%;
+    .sfel-banner {
+        flex-direction: column;
+        .newBox {
+            width: 100% !important;
+        }
+        .right {
+            margin-top: 10px;
+            width: 100%;
+            height: 410px;
+        }
     }
-    .right{
-      width: 100%;margin-top: 20px;
+    .card {
+        flex-direction: column;
+        li {
+            width: 100%;
+            margin-top: 20px;
+        }
     }
-    
-  }
-  .shows{
-    flex-direction: column;
-    .left{
-      width: 100%;
-    }
-    .card-list{
-      width: 100%;margin-top: 20px;
-      li {
+    .shop-shows {
         flex-direction: column;
-        .pic{
-          width: 100% !important;
-          margin-right: 0;
+        .left {
+            width: 100%;
         }
-        .texts{
-          margin-top: 20px;
-          width: 100%;
+        .right {
+            width: 100%;
+            margin-top: 20px;
         }
-      }
     }
-  }
-  .media-wrap{
-    flex-direction: column;
-    .left{
-      width: 100%;
+    .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%;
+                }
+            }
+        }
     }
-    .right {
-      width: 100%;
-      margin-top: 20px;
+    .media-wrap {
+        flex-direction: column;
+        .left {
+            width: 100%;
+        }
+        .right {
+            width: 100%;
+            margin-top: 20px;
+        }
     }
-  }
-  .news{
-    flex-direction: column;
-    li {
-      margin-top: 30px;
-      width: 100%;
+    .news {
+        flex-direction: column;
+        li {
+            margin-top: 30px;
+            width: 100%;
+        }
     }
-  }
-  .slide , .list{
-    flex-direction: column;
-    .texts , .img-wrap{
-      width: 100%;
+    .slide,
+    .list {
+        flex-direction: column;
+        .texts,
+        .img-wrap {
+            width: 100%;
+        }
     }
-  }
-  .list {
-    li { 
-      width: 100% !important; margin-top: 20px;
+    .list {
+        li {
+            width: 100% !important;
+            margin-top: 20px;
+        }
     }
-  }
-  .slides{
-    div{
-      flex: 1;
+    .slides {
+        div {
+            flex: 1;
+        }
     }
-  }
-  #part6 {
-    .slide{
-      .texts{
-        height: auto;
-      }
+    #part6 {
+        .slide {
+            .texts {
+                height: auto;
+            }
+        }
     }
-  }
 }
 @media (min-width: 280px) and (max-width: 1200px) {
-  .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;
+    .block {
+        padding: 2rem 0;
     }
-  }
-  .img-wrap {
-    height: 20rem !important;
-  }
-  .news{
-    .wow {
-      img {
-        height: 20rem;
-      }
+    .shop-shows {
+        .slide {
+            height: 18rem;
+        }
     }
-  }
-}
-@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: .75rem;
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 18rem;
+            img {
+                height: 18rem;
+            }
         }
-        span {
-          font-size: .85rem;
+        /deep/ .el-carousel__container {
+            height: 18rem !important;
         }
-      }
-      .sfel-banner {
+    }
+    .sfel-banner {
         .newBox {
-          height: auto !important;
+            height: 20rem !important;
         }
         .right {
-          h6 {
-            font-size: 1.072rem;
-            word-break: break-all
-          }
-          .des {
-            font-size: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .8rem;
-          }
-        }
-      }
-      .card {
-        margin-top: 1.25rem;
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
-      .shop-shows{
-        .slide {
-          height: auto;
-          p {
-            line-height: 1.7rem;
-          }
+            padding: 1.25rem;
+            height: 20rem;
         }
-      }
-      .shows {
-        .left  {
-          height: auto;
-          .text {
-            line-height: 2rem;
-            font-size: .95rem;
-          }
+    }
+    .conference {
+        .left {
+            height: 20rem;
         }
-        .card-list  {
-          li {
+    }
+    .card-list {
+        li {
             .pic {
-              height: auto !important;
+                height: 15rem !important;
             }
-          }
-        }
-      }
-      .media-wrap {
-        .right  {
-          .img-wrap {
-            height: auto !important;
-          }
-        }
-      }
-      .news {
-        li {
-          img {
-            height: auto ;
-          }
-        }
-      }
-      .slide {
-        .img-wrap {
-          height: auto !important;
         }
-      }
     }
-  }
-  .media-wrap {
-    .left {
-      .slides {
+    .slides {
         .item {
-          // height: auto !important;
-          height: 8rem;
+            height: 10rem !important;
         }
-      }
     }
-  }
-}
-@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;
-    }
-   }
-  }
-  .block  {
-    .inner {
-      width: 90%;
-      .title  {
-        padding-bottom: 1rem;
-        margin-bottom: 1rem;
-        h5 {
-          font-size: 1rem;
-          span {
-            font-size: .75rem;
-          }
-        }
-        span {
-          font-size: .85rem;
-        }
-      }
-      .sfel-banner {
-        .newBox {
-          height: auto !important;
-        }
-        .right {
-          h6 {
-            font-size: 1.072rem;
-            word-break: break-all
-          }
-          .des {
-            font-size: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .8rem;
-          }
-        }
-      }
-      .card {
-        margin-top: 1.25rem;
-        li {
-          .pic {
-            height: auto;
-          }
+    .img-wrap {
+        height: 20rem !important;
+    }
+    .news {
+        .wow {
+            img {
+                height: 20rem;
+            }
         }
-      }
-      .shop-shows{
-        .slide {
-          height: auto;
-          p {
-            line-height: 1.7rem;
-          }
+    }
+}
+@media (max-width: 320px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem;
         }
-      }
-      .shows {
-        .left  {
-          height: auto;
-          .text {
-            line-height: 2rem;
-            font-size: .95rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
         }
-        .card-list  {
-          li {
-            .pic {
-              height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 12rem;
+            img {
+                height: 12rem;
             }
-          }
         }
-      }
-      .media-wrap {
-        .right  {
-          .img-wrap {
-            height: auto !important;
-          }
-        }
-      }
-      .news {
-        li {
-          img {
-            height: auto ;
-          }
-        }
-      }
-      .slide {
-        .img-wrap {
-          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;
+                }
+            }
         }
-      }
     }
-  }
-  .media-wrap {
-    .left {
-      .slides {
-        .item {
-          // height: auto !important;
-          height: 8rem;
+    .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: .75rem;
-          }
+@media (min-width: 320px) and (max-width: 375px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-        span {
-          font-size: .85rem;
+        /deep/ .el-carousel__container {
+            height: 15rem !important;
         }
-      }
-      .sfel-banner {
-        .newBox {
-          height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
+            }
         }
-        .right {
-          h6 {
-            font-size: 1.072rem;
-            word-break: break-all
-          }
-          .des {
-            font-size: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .8rem;
-          }
+    }
+    .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 {
-        margin-top: 1.25rem;
-        li {
-          .pic {
-            height: auto;
-          }
+    }
+    .media-wrap {
+        .left {
+            .slides {
+                .item {
+                    // height: auto !important;
+                    height: 8rem;
+                }
+            }
         }
-      }
-      .shop-shows{
-        .slide {
-          height: auto;
-          p {
-            line-height: 1.7rem;
-          }
+    }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-      }
-      .shows {
-        .left  {
-          height: auto;
-          .text {
-            line-height: 2rem;
-            font-size: .95rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 15rem !important;
         }
-        .card-list  {
-          li {
-            .pic {
-              height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
             }
-          }
         }
-      }
-      .media-wrap {
-        .right  {
-          .img-wrap {
-            height: auto !important;
-          }
-        }
-      }
-      .news {
-        li {
-          img {
-            height: auto ;
-          }
-        }
-      }
-      .slide {
-        .img-wrap {
-          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;
+                }
+            }
         }
-      }
     }
-  }
-  .media-wrap {
-    .left {
-      .slides {
-        .item {
-          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;
-    }
-   }
-  }
-  .block  {
-    .inner {
-      width: 90%;
-      .title  {
-        padding-bottom: 1rem;
-        margin-bottom: 1rem;
-        h5 {
-          font-size: 1rem;
-          span {
-            font-size: .75rem;
-          }
-        }
-        span {
-          font-size: .85rem;
-        }
-      }
-      .sfel-banner {
-        .newBox {
-          height: auto !important;
-        }
-        .right {
-          h6 {
-            font-size: 1.072rem;
-            word-break: break-all
-          }
-          .des {
-            font-size: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .8rem;
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-      }
-      .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: .95rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 15rem !important;
         }
-        .card-list  {
-          li {
-            .pic {
-              height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
             }
-          }
         }
-      }
-      .media-wrap {
-        .right  {
-          .img-wrap {
-            height: auto !important;
-          }
-        }
-      }
-      .news {
-        li {
-          img {
-            height: auto ;
-          }
-        }
-      }
-      .slide {
-        .img-wrap {
-          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;
+                }
+            }
         }
-      }
     }
-  }
-  .media-wrap {
-    .left {
-      .slides {
-        .item {
-          height: auto !important;
+    .media-wrap {
+        .left {
+            .slides {
+                .item {
+                    height: auto !important;
+                }
+            }
         }
-      }
     }
-  }
 }
 @media (min-width: 640px) and (max-width: 768px) {
-  .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: .75rem;
-          }
-        }
-        span {
-          font-size: .85rem;
-        }
-      }
-      .sfel-banner {
-        flex-direction: row;
-        .newBox {
-          height: auto !important;
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-        .right {
-          margin-top: 0;
-          h6 {
-            font-size: 1.072rem;
-            word-break: break-all
-          }
-          .des {
-            font-size: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .8rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 15rem !important;
         }
-      }
-      .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: .95rem;
-          }
-        }
-        .card-list  {
-          width: 50%;
-          margin-top: 0;
-          li {
-            .pic {
-              height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
             }
-          }
-        }
-      }
-      .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;
+    }
+    .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;
+            }
         }
-      }
-      .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;
-   }
-   /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: .75rem;
-          }
-        }
-        span {
-          font-size: .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: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .8rem;
-          }
-        }
-      }
-      .card {
-        flex-direction: row;
-        margin-top: 1.25rem;
-        li {
-          width: calc((100% - 56px) / 3);
-          .pic {
-            height: auto;
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-      }
-      .shop-shows{
-        flex-direction: row;
-        .left {
-          width: 50%;
-        }
-        .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: .95rem;
-          }
-        }
-        .card-list  {
-          width: 50%;
-          margin-top: 0;
-          li {
-            .pic {
-              height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
             }
-          }
-        }
-      }
-      .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;
+    }
+    .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;
+            }
         }
-      }
-      .list {
-        flex-direction: row;
-      }
     }
-  }
-  .media-wrap {
-    .left {
-      .slides {
-        .item {
-          height: auto !important;
+    .media-wrap {
+        .left {
+            .slides {
+                .item {
+                    height: auto !important;
+                }
+            }
         }
-      }
     }
-  }
 }
 @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: .75rem;
-          }
-        }
-        span {
-          font-size: .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: .9rem;
-            margin: 1rem 0;
-          }
-          .meta {
-            font-size: .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%;
+    .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;
-          }
-        }
-      }
-      .shows {
-        flex-direction: row;
-        .left  {
-          width: 48%;
-          .text {
-            line-height: 2rem;
-            font-size: .95rem;
-          }
-        }
-        .card-list  {
-          width: 50%;
-          margin-top: 0;
-          li {
-            .pic {
-              height: auto !important;
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
             }
-          }
-        }
-      }
-      .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;
+    }
+    .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;
+            }
         }
-      }
-      .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/team/index.vue b/src/pages/team/index.vue
index 747538d..15cb983 100644
--- a/src/pages/team/index.vue
+++ b/src/pages/team/index.vue
@@ -12,20 +12,22 @@
     <div class="content">
       <div class="left">
         <ul class="list">
-          <li v-for="(item, i) in modules[1].list"
-              :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>
-          </li>
+          <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">
+              <div class="texts">
+                <h6>{{ item.title }}</h6>
+                <p class="job">{{ item.subTitle }}</p>
+                <div class="text"
+                     v-html="item.des"></div>
+              </div>
+            </li>
+          </template>
         </ul>
       </div>
 
diff --git a/src/styles/common.scss b/src/styles/common.scss
index d7339bb..6db6831 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -5,6 +5,10 @@
     font-family: PingFang;
     src: url('font/PingFang-Regular.otf');
 }
+@font-face {
+    font-family: PingFang SC;
+    src: url('font/PingFang-Regular.otf');
+}
 @font-face {
     font-family: PingFangSC-Medium;
     src: url('font/PingFangSC-Medium.otf');