diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 59d4ebb..1d214b2 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -36,12 +36,12 @@
                alt=""
                @click.stop="toMail">
         </template>
-        <template v-if="$i18n.locale == 'en'">
+        <template v-if="Util.isEn(site)">
           <img :src="require('@/assets/images/cn' + (isHome ? '-white' : '') + '.png')"
                alt=""
                @click.stop="toggleLang">
         </template>
-        <template v-else-if="$i18n.locale == 'zh'">
+        <template v-else>
           <img :src="require('@/assets/images/en' + (isHome ? '-white' : '') + '.png')"
                alt=""
                @click.stop="toggleLang">
@@ -80,12 +80,12 @@
                  @click.stop="toggleSearch"></div>
           <div class="languageBox">
             <!-- <img :src="require('@/assets/images/cn' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')" alt="" @click.stop="toggleLang"> -->
-            <template v-if="$i18n.locale == 'en'">
+            <template v-if="Util.isEn(site)">
               <img :src="require('@/assets/images/cn' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')"
                    alt=""
                    @click.stop="toggleLang">
             </template>
-            <template v-else-if="$i18n.locale == 'zh'">
+            <template v-else>
               <img :src="require('@/assets/images/en' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')"
                    alt=""
                    @click.stop="toggleLang">
@@ -118,6 +118,7 @@ import navbar from '../navbar'
 export default {
   data () {
     return {
+      Util,
       isHome: true,
       isEstate: false,
       showSearch: false,
diff --git a/src/libs/util.js b/src/libs/util.js
index b55a3e6..4ecfe6d 100644
--- a/src/libs/util.js
+++ b/src/libs/util.js
@@ -1,6 +1,7 @@
 import { _local } from "./util.db";
 import { Message } from "element-ui";
 import Router from '@/router'
+import Setting from '@/setting'
 
 // 文件后缀集合
 const exts = {
@@ -140,7 +141,11 @@ const util = {
     // 是否是各个站点的首页，首页的导航样式不一样，所以要单独判断
     isIndex() {
       return indexPath.includes(Router.app.$route.path)
-    }
+    },
+    // 传入站点id，判断是否英文
+    isEn(id) {
+      return Setting.enIds.includes(+id)
+    },
 };
 
 export default util;
\ No newline at end of file
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 4a1801a..ff52057 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,70 +1,111 @@
 <template>
-  <div class="wrap" v-if="modules.length>=1">
-    <el-carousel class="carousel"  :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+  <div class="wrap"
+       v-if="modules.length>=1">
+    <el-carousel class="carousel"
+                 :interval="6000"
+                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]" width="100%" :src="item.pic" alt="" @click="openLink(item)">
+        <el-carousel-item v-if="item.pic && item.isEnable"
+                          :key="i">
+          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
+               width="100%"
+               :src="item.pic"
+               alt=""
+               @click="openLink(item)">
         </el-carousel-item>
       </template>
     </el-carousel>
-    
+
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
         <ul class="card">
-          <li class="wow fadeInDown" data-wow-delay="0.2s">
-            <img class="pic" :src="modules[2].form.pic" alt="">
+          <li class="wow fadeInDown"
+              data-wow-delay="0.2s">
+            <img class="pic"
+                 :src="modules[2].form.pic"
+                 alt="">
             <div class="texts">
               <h6>{{ modules[2].form.title }}</h6>
               <p class="des">{{ modules[2].form.des }}</p>
-              <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(modules[2].form.link.linkName)}" @click="openLink(modules[2].form)">
+              <img src="@/assets/images/arrow.png"
+                   alt=""
+                   :class="{'arrow': isLink(modules[2].form.link.linkName)}"
+                   @click="openLink(modules[2].form)">
             </div>
           </li>
-          <li class="wow fadeInDown" data-wow-delay="0.6s">
-            <img class="pic" :src="modules[3].form.pic" alt="">
+          <li class="wow fadeInDown"
+              data-wow-delay="0.6s">
+            <img class="pic"
+                 :src="modules[3].form.pic"
+                 alt="">
             <div class="texts">
               <h6>{{ modules[3].form.title }}</h6>
               <p class="des">{{ modules[3].form.des }}</p>
-              <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(modules[3].form.link.linkName)}" @click="openLink(modules[3].form)">
+              <img src="@/assets/images/arrow.png"
+                   alt=""
+                   :class="{'arrow': isLink(modules[3].form.link.linkName)}"
+                   @click="openLink(modules[3].form)">
             </div>
           </li>
         </ul>
       </div>
     </div>
-    
+
     <div class="block news-block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
         <ul class="news">
-          <li class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" v-for="(item, i) in articles" :key="i" @click="toArtice(item, modules[5].form)">
-            <img :src="item.titleImg" alt="">
+          <li class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              v-for="(item, i) in articles"
+              :key="i"
+              @click="toArtice(item, modules[5].form)">
+            <img :src="item.titleImg"
+                 alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
-              <div class="des" v-html="item.mainBody"></div>
+              <div class="des"
+                   v-html="item.mainBody"></div>
               <span class="meta">{{ item.releaseTime }}</span>
             </div>
           </li>
         </ul>
-        <div class="all-link" @click="toAll(modules[5].form)">
-          <span>{{$t('column.all')}} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
+        <div class="all-link"
+             @click="toAll(modules[5].form)">
+          <span>{{$t('column.all')}} <img class="icon"
+                 src="@/assets/images/arrow.png"
+                 alt=""></span>
         </div>
       </div>
     </div>
-    
+
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
         <ul class="people">
           <template v-for="(item, i) in modules[7].list">
-            <li v-if="item.isEnable" :key="i" class="wow fadeInDown" :data-wow-delay="(0.4 * i).toFixed(1) + 's'">
-              <img class="pic" :src="item.pic" alt="">
+            <li v-if="item.isEnable"
+                :key="i"
+                class="wow fadeInDown"
+                :data-wow-delay="(0.4 * i).toFixed(1) + 's'">
+              <img class="pic"
+                   :src="item.pic"
+                   alt="">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
                 <p class="des">{{ item.des }}</p>
-                <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(item.link.linkName)}" @click="openLink(item)" >
+                <img src="@/assets/images/arrow.png"
+                     alt=""
+                     :class="{'arrow': isLink(item.link.linkName)}"
+                     @click="openLink(item)">
               </div>
             </li>
           </template>
@@ -72,41 +113,72 @@
       </div>
     </div>
 
-    <div class="about" :class="{'cursor-pointer': isLink(modules[8].form.link.linkName)}" @click="openLink(modules[8].form)">
+    <div class="about"
+         :class="{'cursor-pointer': isLink(modules[8].form.link.linkName)}"
+         @click="openLink(modules[8].form)">
       <div class="inner">
-        <img class="wow fadeInUp" src="@/assets/images/about.png" alt="">
-        <div class="line wow fadeInUp" data-wow-delay="0.4s"></div>
-        <div class="text wow fadeInUp" data-wow-delay="0.7s">{{ modules[8].form.title }}</div>
-        <div class="des wow fadeInDown" data-wow-delay="1s" v-html="modules[8].form.des"></div>
+        <img class="wow fadeInUp"
+             src="@/assets/images/about.png"
+             alt="">
+        <div class="line wow fadeInUp"
+             data-wow-delay="0.4s"></div>
+        <div class="text wow fadeInUp"
+             data-wow-delay="0.7s">{{ modules[8].form.title }}</div>
+        <div class="des wow fadeInDown"
+             data-wow-delay="1s"
+             v-html="modules[8].form.des"></div>
       </div>
     </div>
 
-    <div class="block" style="padding-bottom: 0">
+    <div class="block"
+         style="padding-bottom: 0">
       <div class="inner">
         <h2 class="glance wow fadeInUp">{{ modules[9].form.title }}</h2>
         <ul class="stat">
-          <li class="wow fadeInRight" data-wow-delay="0.2s">
+          <li class="wow fadeInRight"
+              data-wow-delay="0.2s">
             <!-- <p class="num">{{ modules[10].form.title }}</p> -->
-            <animate-number class="num" ref="num1" from="0" :to="modules[10].form.title" duration="3000" />
+            <animate-number class="num"
+                            ref="num1"
+                            from="0"
+                            :to="modules[10].form.title"
+                            duration="3000" />
             <p class="text">{{ modules[10].form.des }}</p>
           </li>
-          <li class="wow fadeInRight" data-wow-delay="0.4s">
-            <animate-number class="num" ref="num2" from="0" :to="modules[11].form.title" duration="3000" />
+          <li class="wow fadeInRight"
+              data-wow-delay="0.4s">
+            <animate-number class="num"
+                            ref="num2"
+                            from="0"
+                            :to="modules[11].form.title"
+                            duration="3000" />
             <p class="text">{{ modules[11].form.des }}</p>
           </li>
-          <li class="wow fadeInRight" data-wow-delay="0.6s">
-            <animate-number class="num" ref="num3" from="0" :to="modules[12].form.title" duration="3000" />
+          <li class="wow fadeInRight"
+              data-wow-delay="0.6s">
+            <animate-number class="num"
+                            ref="num3"
+                            from="0"
+                            :to="modules[12].form.title"
+                            duration="3000" />
             <p class="text">{{ modules[12].form.des }}</p>
           </li>
-          <li class="wow fadeInRight" data-wow-delay="0.9s">
-            <animate-number class="num" ref="num4" from="0" :to="modules[13].form.title" duration="3500" />
+          <li class="wow fadeInRight"
+              data-wow-delay="0.9s">
+            <animate-number class="num"
+                            ref="num4"
+                            from="0"
+                            :to="modules[13].form.title"
+                            duration="3500" />
             <p class="text">{{ modules[13].form.des }}</p>
           </li>
-          <li class="wow fadeInRight" data-wow-delay="1.2s">
+          <li class="wow fadeInRight"
+              data-wow-delay="1.2s">
             <p class="num">{{ modules[14].form.title }}</p>
             <p class="text">{{ modules[14].form.des }}</p>
           </li>
-          <li class="wow fadeInRight" data-wow-delay="1.5s">
+          <li class="wow fadeInRight"
+              data-wow-delay="1.5s">
             <p class="num">{{ modules[15].form.title }}</p>
             <p class="text">{{ modules[15].form.des }}</p>
           </li>
@@ -123,7 +195,7 @@ import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       articles: [],
     }
@@ -132,13 +204,13 @@ export default {
     // 移除滚动事件
     window.removeEventListener('scroll', this.handleScroll)
   },
-  mounted() {
+  mounted () {
     new WOW().init()
     window.addEventListener('scroll', this.handleScroll)
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -147,8 +219,8 @@ export default {
             data :
             data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
 
-            console.log('JSON=>',json)
-            this.modules = json
+          console.log('JSON=>', json)
+          this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 138 ~ this.$post ~ this.modules", this.modules)
 
           // 获取文章列表
@@ -156,10 +228,10 @@ export default {
           if (column.length) {
             this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
               this.articles = Util.removeTag(data.slice(0, articleNum || 6))
-            }).catch(err => {})
+            }).catch(err => { })
           }
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
     // 监听页面滚动，到了底部后开始数字滚动动画
     handleScroll () {
@@ -177,816 +249,796 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
-.carousel{
-  height: 100vh;
-  img{
-    height: 100%;
-  }
-  /deep/.el-carousel__container{
+@import '../../styles/page/page.scss';
+.carousel {
     height: 100vh;
-  }
+    img {
+        height: 100%;
+    }
+    /deep/.el-carousel__container {
+        height: 100vh;
+    }
 }
 .block {
-  padding-top: 3.15rem;
-  .b-title {
-    font-size: 2.25rem;
-  }
-  .intro {
-    font-size: 1.35rem;
-    margin-bottom: 3.6rem;
-  }
+    padding-top: 3.15rem;
+    .b-title {
+        font-size: 2.25rem;
+    }
+    .intro {
+        font-size: 1.35rem;
+        margin-bottom: 3.6rem;
+    }
 }
 .card {
-  display: flex;
-  justify-content: space-between;
-  li {
-    width: 47%;
-    transition: .3s;
-    &:hover{
-      margin-top: -0.9375rem;
+    display: flex;
+    justify-content: space-between;
+    li {
+        width: 47%;
+        transition: 0.3s;
+        &:hover {
+            margin-top: -0.9375rem;
+        }
+    }
+    .pic {
+        width: 100%;
+        height: auto;
+    }
+    .texts {
+        padding-left: 1.375rem;
+        margin-top: 3rem;
+        border-left: 2px solid #dfe4e9;
+    }
+    h6 {
+        min-height: 4.5rem;
+        margin-bottom: 1.56rem;
+        line-height: 2rem;
+        font-size: 1.368rem;
+        color: #333;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+    .des {
+        font-size: 1.024rem;
+        color: #222;
+        line-height: 30px;
     }
-  }
-  .pic {
-    width: 100%;
-    height: auto;
-  }
-  .texts {
-    padding-left: 1.375rem;
-    margin-top: 3rem;
-    border-left: 2px solid #DFE4E9;
-  }
-  h6 {
-    min-height: 4.5rem;
-    margin-bottom: 1.56rem;
-    line-height: 2rem;
-    font-size: 1.368rem;
-    color: #333;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-  .des {
-    font-size: 1.024rem;
-    color: #222;
-    line-height: 30px;
-  }
 }
 
 .news-block {
-  background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
+    background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
 }
 .news {
-  display: flex;
-  flex-wrap: wrap;
-  li {
-    display: inline-flex;
-    width: calc((100% - 28px) / 2);
-    padding: 2.125rem;
-    margin-bottom: 1.75rem;
-    background-color: #fff;
-    cursor: pointer;
-    overflow: hidden;
-    transition: .3s;
-    &:nth-child(odd) {
-      margin-right: 1.75rem;
-    }
-    &:hover{
-      transform: scale(1.05);
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        display: inline-flex;
+        width: calc((100% - 28px) / 2);
+        padding: 2.125rem;
+        margin-bottom: 1.75rem;
+        background-color: #fff;
+        cursor: pointer;
+        overflow: hidden;
+        transition: 0.3s;
+        &:nth-child(odd) {
+            margin-right: 1.75rem;
+        }
+        &:hover {
+            transform: scale(1.05);
+        }
+    }
+    img {
+        width: 12.5rem;
+        height: 7.81rem;
+    }
+    .texts {
+        width: calc(100% - 220px);
+        margin-left: 1.25rem;
+    }
+    h6 {
+        font-size: 1.28rem;
+        color: #0648a8;
+        @include ellipsis;
+    }
+    .des {
+        margin: 14px 0;
+        font-size: 1.14rem;
+        color: #333;
+        line-height: 22px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+    .meta {
+        font-size: 1.14rem;
+        color: #999;
     }
-  }
-  img {
-    width: 12.5rem;
-    height: 7.81rem;
-  }
-  .texts {
-    width: calc(100% - 220px);
-    margin-left: 1.25rem;
-  }
-  h6 {
-    font-size: 1.28rem;
-    color: #0648A8;
-    @include ellipsis;
-  }
-  .des {
-    margin: 14px 0;
-    font-size: 1.14rem;
-    color: #333;
-    line-height: 22px;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-  .meta {
-    font-size: 1.14rem;
-    color: #999;
-  }
 }
 
 .people {
-  li {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 7.87rem;
-    &:nth-child(even) {
-      flex-direction: row-reverse;
+    li {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 7.87rem;
+        &:nth-child(even) {
+            flex-direction: row-reverse;
+        }
+        &:hover {
+            .pic {
+                transform: scale(1.05);
+            }
+            .texts {
+                transform: translateY(15px);
+            }
+        }
     }
-    &:hover {
-      .pic {
-        transform: scale(1.05);
-      }
-      .texts {
-        transform: translateY(15px);
-      }
+    .pic {
+        width: 47%;
+        height: auto;
+        transition: 0.3s;
+    }
+    .texts {
+        width: 48%;
+        padding-top: 8.5rem;
+        transition: 0.3s;
+    }
+    h6 {
+        font-size: 1.8rem;
+    }
+    .des {
+        margin: 20px 0 10px;
+        font-size: 1.2rem;
+        color: #020202;
+        line-height: 30px;
     }
-  }
-  .pic {
-    width: 47%;
-    height: auto;
-    transition: .3s;
-  }
-  .texts {
-    width: 48%;
-    padding-top: 8.5rem;
-    transition: .3s;
-  }
-  h6 {
-    font-size: 1.8rem;
-  }
-  .des {
-    margin: 20px 0 10px;
-    font-size: 1.2rem;
-    color: #020202;
-    line-height: 30px;
-  }
 }
 
 .glance {
-  padding-bottom: 3.125rem;
-  font-size: 2.81rem;
-  font-weight: bold;
-  font-family: SFProDisplay-Bold, SFProDisplay;
-  text-align: center;
-  border-bottom: 1px solid #DEDEDE;
+    padding-bottom: 3.125rem;
+    font-size: 2.81rem;
+    font-weight: bold;
+    font-family: SFProDisplay-Bold, SFProDisplay;
+    text-align: center;
+    border-bottom: 1px solid #dedede;
 }
 .stat {
-  display: flex;
-  justify-content: space-around;
-  flex-wrap: wrap;
-  margin-top: 3.75rem;
-  li {
-    width: 27%;
-    margin-bottom: 50px;
-    transition: .3s;
-    &:hover {
-      transform: translateX(20px)
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin-top: 3.75rem;
+    li {
+        width: 27%;
+        margin-bottom: 50px;
+        transition: 0.3s;
+        &:hover {
+            transform: translateX(20px);
+        }
+    }
+    .num {
+        margin-bottom: 10px;
+        font-family: toppan;
+        font-size: 2.7rem;
+        font-weight: 800;
+        color: #035ce1;
+        line-height: 49px;
+    }
+    .text {
+        font-size: 1.08rem;
+        margin-top: 1rem;
+        line-height: 1.8rem;
     }
-  }
-  .num {
-    margin-bottom: 10px;
-    font-family: toppan;
-    font-size: 2.7rem;
-    font-weight: 800;
-    color: #035CE1;
-    line-height: 49px;
-  }
-  .text {
-    font-size: 1.08rem;
-    margin-top: 1rem;
-    line-height: 1.8rem;
-  }
 }
 .about {
-  padding: 3.848rem 0 9.9rem;
-  background: url(../../assets/images/about-bg.png)  no-repeat center center;
-  background-size: 100% 100%;
-  .line {
-    display: flex;
-    align-items: center;
-    margin: 3.125rem 0 1.875rem;
-    width: 5.5rem;
-    height: 6px;
-    background-color: #fff;
-    &:after {
-      content: '';
-      width: 6px;
-      height: 6px;
+    padding: 3.848rem 0 9.9rem;
+    background: url(../../assets/images/about-bg.png) no-repeat center center;
+    background-size: 100% 100%;
+    .line {
+        display: flex;
+        align-items: center;
+        margin: 3.125rem 0 1.875rem;
+        width: 5.5rem;
+        height: 6px;
+        background-color: #fff;
+        &:after {
+            content: '';
+            width: 6px;
+            height: 6px;
+        }
     }
-  }
-  .text {
-    font-size: 1.35rem;
-    color: #fff;
-  }
-  .des {
-    display: block;
-    padding: 2.375rem 3.75rem;
-    margin-top: 3.78rem;
-    font-size: 1.35rem;
-    color: #fff;
-    line-height: 42px;
-    text-align: center;
-    background: rgba(111, 69, 36, .56);
-    border-radius: 17px;
-    overflow: visible;
-    transition: .3s;
-    &:hover {
-      background: rgba(239, 126, 10, .56);
-      transform: translateY(10px);
+    .text {
+        font-size: 1.35rem;
+        color: #fff;
+    }
+    .des {
+        display: block;
+        padding: 2.375rem 3.75rem;
+        margin-top: 3.78rem;
+        font-size: 1.35rem;
+        color: #fff;
+        line-height: 42px;
+        text-align: center;
+        background: rgba(111, 69, 36, 0.56);
+        border-radius: 17px;
+        overflow: visible;
+        transition: 0.3s;
+        &:hover {
+            background: rgba(239, 126, 10, 0.56);
+            transform: translateY(10px);
+        }
     }
-  }
 }
 
 @media (min-width: 280px) and (max-width: 1200px) {
-  .carousel{
-    height: 21.87rem;
-    img{
-      height: 100%;
+    .carousel {
+        height: 21.87rem;
+        img {
+            height: 100%;
+        }
+        /deep/.el-carousel__container {
+            height: 21.87rem;
+        }
     }
-    /deep/.el-carousel__container{
-      height: 21.87rem;
+    .about {
+        .des {
+            font-size: 1rem;
+        }
     }
-  }
-  .about {
-    .des {
-      font-size: 1rem;
+    .el-carousel__item {
+        height: 21.87rem;
+        img {
+            height: 21.87rem;
+        }
     }
-  }
-  .el-carousel__item{
-     height: 21.87rem;
-     img {
-      height: 21.87rem;
-     }
-  }
-  .block{
-    padding: 3.125rem 0;
-    .inner{
-      width: 95%;
-      margin: 0 auto;
-      .b-title{
-        font-size: 2rem;
-        margin-bottom: 1.25rem;
-      }
-      .wow {
-        font-size: 1.5rem;
-      }
-      .intro {
-        margin-bottom: 1.25rem;
-      }
-      .card {
-        flex-direction: column;
-        li{
-          margin-top: 1.25rem;
-          width: 100%;
+    .block {
+        padding: 3.125rem 0;
+        .inner {
+            width: 95%;
+            margin: 0 auto;
+            .b-title {
+                font-size: 2rem;
+                margin-bottom: 1.25rem;
+            }
+            .wow {
+                font-size: 1.5rem;
+            }
+            .intro {
+                margin-bottom: 1.25rem;
+            }
+            .card {
+                flex-direction: column;
+                li {
+                    margin-top: 1.25rem;
+                    width: 100%;
+                }
+            }
+            .news {
+                flex-direction: column;
+                li {
+                    width: 100%;
+                    margin-bottom: 15px;
+                    img {
+                        width: 10rem;
+                    }
+                    .texts {
+                        width: calc(100% - 10rem);
+                    }
+                }
+            }
+            .people {
+                li {
+                    flex-direction: column;
+                    margin-bottom: 1.25rem;
+                    .pic {
+                        width: 100%;
+                        height: 21.875rem;
+                    }
+                    .texts {
+                        padding-top: 1.25rem;
+                        width: 100%;
+                    }
+                }
+            }
         }
-      }
-      .news {
-        flex-direction: column;
-        li {
-          width: 100%;
-          margin-bottom: 15px;
-          img{
-             width: 10rem;
-          }
-          .texts {
-            width: calc(100% - 10rem);
-          }
+    }
+    .card .pic {
+        height: 20rem;
+    }
+    .about {
+        width: 100%;
+        padding: 1.25rem 0 1.875rem;
+        .inner {
+            width: 95%;
+            margin: 0 auto;
+            .line {
+                margin: 1.25rem 0 1.25rem;
+            }
+            .des {
+                margin-top: 1.25rem;
+                padding: 10px 1.25rem;
+            }
         }
-      }
-      .people{
-       li{
+    }
+    .glance {
+        padding-bottom: 1.25rem;
+    }
+    .stat {
         flex-direction: column;
-        margin-bottom: 1.25rem;
-        .pic {
-          width: 100%;
-          height: 21.875rem;
-        }
-        .texts{
-          padding-top: 1.25rem;
-          width: 100%;
+        li {
+            width: 100%;
+            text-align: center;
         }
-       }
-
-      }
-      
     }
-  }
-  .card .pic {
-    height: 20rem;
-  }
-  .about {
-    width: 100%;
-    padding: 1.25rem 0 1.875rem;
-    .inner {
-      width: 95%;
-      margin: 0 auto;
-      .line{
-        margin: 1.25rem 0 1.25rem;
-      }
-      .des {
-        margin-top: 1.25rem;
-        padding: 10px 1.25rem;
-      }
-    }
-  }
-  .glance {
-    padding-bottom: 1.25rem;
-  }
-  .stat{
-      flex-direction: column;
-      li {
-        width: 100%;
-        text-align: center;
-      }
-  }
- 
 }
 
-
 @media (min-width: 751px) and (max-width: 920px) {
-  .news {
-    flex-direction: column;
-    li {
-      width: 100%;
-      margin-bottom: .9375rem;
-      img{
-          width: 10rem;
-      }
-      .texts {
-        width: calc(100% - 10rem);
-      }
+    .news {
+        flex-direction: column;
+        li {
+            width: 100%;
+            margin-bottom: 0.9375rem;
+            img {
+                width: 10rem;
+            }
+            .texts {
+                width: calc(100% - 10rem);
+            }
+        }
     }
-  }
 }
 
 @media (max-width: 320px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 15rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 15rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 15rem;
-      img{
-        height: 15rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .b-title {
-        font-size: 1.3rem;
-      }
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        li {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            h6{
-               font-size: 1.2rem;
-               margin-bottom: 1rem;
-            }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
+        }
+        /deep/ .el-carousel__container {
+            height: 15rem;
+        }
+        /deep/ .el-carousel__item {
+            height: 15rem;
             img {
-              width: 3.77rem;
-              height: 3.77rem;
+                height: 15rem;
             }
-          }
-        }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
         }
-      }
-      .people {
-        li {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            h6 {
-              font-size: 1.5rem;
+    }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .b-title {
+                font-size: 1.3rem;
+            }
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                        h6 {
+                            font-size: 1.2rem;
+                            margin-bottom: 1rem;
+                        }
+                        img {
+                            width: 3.77rem;
+                            height: 3.77rem;
+                        }
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        h6 {
+                            font-size: 1.5rem;
+                        }
+                    }
+                }
             }
-          }
         }
-      }
-     
     }
-  }
-  .about {
-    .inner {
-      .des {
-        line-height: 1.2rem;
-      }
+    .about {
+        .inner {
+            .des {
+                line-height: 1.2rem;
+            }
+        }
     }
-  }
 }
 @media (min-width: 320px) and (max-width: 375px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 15rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 15rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 15rem;
-      img{
-        height: 15rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        li {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 15rem;
         }
-      }
-      .people {
-        li {
-          .pic {
-            height: auto;
-          }
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
+            }
         }
-      }
     }
-  }
-  .about {
-    .inner {
-      .des {
-        line-height: 1.5rem;
-      }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                }
+            }
+        }
+    }
+    .about {
+        .inner {
+            .des {
+                line-height: 1.5rem;
+            }
+        }
     }
-  }
 }
 @media (min-width: 375px) and (max-width: 480px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 15rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 15rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 15rem;
-      img{
-        height: 15rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        li {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 15rem;
         }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 15rem;
         }
-      }
-      .people {
-        li {
-          .pic {
-            height: auto;
-          }
+        /deep/ .el-carousel__item {
+            height: 15rem;
+            img {
+                height: 15rem;
+            }
         }
-      }
     }
-  }
-  .about {
-    .inner {
-      .des {
-        line-height: 1.5rem;
-      }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                }
+            }
+        }
+    }
+    .about {
+        .inner {
+            .des {
+                line-height: 1.5rem;
+            }
+        }
     }
-  }
 }
 @media (min-width: 480px) and (max-width: 640px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 18rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 18rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 18rem;
-      img{
-        height: 18rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        li {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 18rem;
         }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 18rem;
         }
-      }
-      .people {
-        li {
-          .pic {
-            height: auto;
-          }
+        /deep/ .el-carousel__item {
+            height: 18rem;
+            img {
+                height: 18rem;
+            }
         }
-      }
-      .about {
-        .des {
-          line-height: 1.5rem;
+    }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                }
+            }
+            .about {
+                .des {
+                    line-height: 1.5rem;
+                }
+            }
         }
-      }
     }
-  }
 }
 @media (min-width: 640px) and (max-width: 768px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 20rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 20rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 20rem;
-      img{
-        height: 20rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        li {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 20rem;
         }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
+        /deep/ .el-carousel__container {
+            height: 20rem;
         }
-      }
-      .people {
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
-      .about {
-        .des {
-          line-height: 1.2rem;
+        /deep/ .el-carousel__item {
+            height: 20rem;
+            img {
+                height: 20rem;
+            }
         }
-      }
-      .stat {
-        flex-direction: row;
-        li {
-          width: 30%;
+    }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    .pic {
+                        height: auto;
+                    }
+                }
+            }
+            .about {
+                .des {
+                    line-height: 1.2rem;
+                }
+            }
+            .stat {
+                flex-direction: row;
+                li {
+                    width: 30%;
+                }
+            }
         }
-      }
     }
-  }
 }
 @media (min-width: 768px) and (max-width: 980px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 22rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 22rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 22rem;
-      img{
-        height: 22rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        flex-direction: row;
-        li {
-          
-          width: 47%;
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            
-          }
-        }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 22rem;
         }
-      }
-      .people {
-        li {
-          flex-direction: row;
-          &:nth-child(2) {
-            flex-direction: row-reverse !important;
-          }
-          .pic {
-            width: 47%;
-            height: auto;
-          }
-          .texts {
-            width: 48%;
-          }
+        /deep/ .el-carousel__container {
+            height: 22rem;
         }
-      }
-      .about {
-        .des {
-          line-height: 1.2rem;
+        /deep/ .el-carousel__item {
+            height: 22rem;
+            img {
+                height: 22rem;
+            }
         }
-      }
-      .stat {
-        flex-direction: row;
-        li {
-          width: 30%;
+    }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                flex-direction: row;
+                li {
+                    width: 47%;
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    flex-direction: row;
+                    &:nth-child(2) {
+                        flex-direction: row-reverse !important;
+                    }
+                    .pic {
+                        width: 47%;
+                        height: auto;
+                    }
+                    .texts {
+                        width: 48%;
+                    }
+                }
+            }
+            .about {
+                .des {
+                    line-height: 1.2rem;
+                }
+            }
+            .stat {
+                flex-direction: row;
+                li {
+                    width: 30%;
+                }
+            }
         }
-      }
     }
-  }
 }
 @media (min-width: 980px) and (max-width: 1200px) {
-  .wrap {
-    /deep/ .el-carousel{
-      height: 25rem;
-    }
-    /deep/ .el-carousel__container{
-      height: 25rem;
-    }
-    /deep/ .el-carousel__item {
-      height: 25rem;
-      img{
-        height: 25rem;
-      }
-      
-    }
-  }
-  .block {
-    padding: 1rem 0;
-    .inner {
-      .intro {
-        margin-bottom: 1rem;
-        font-size: .95rem;
-        line-height: 1rem;
-      }
-      .card {
-        flex-direction: row;
-        li {
-          
-          width: 47%;
-          .pic {
-            height: auto;
-          }
-          .texts {
-            margin-top: 1.2rem;
-            
-          }
-        }
-      }
-      .news {
-        li {
-          padding: 1.2rem;
-          img{
-            width: 8rem;
-          }
+    .wrap {
+        /deep/ .el-carousel {
+            height: 25rem;
         }
-      }
-      .people {
-        li {
-          flex-direction: row;
-          &:nth-child(2) {
-            flex-direction: row-reverse !important;
-          }
-          .pic {
-            width: 47%;
-            height: auto;
-          }
-          .texts {
-            width: 48%;
-          }
+        /deep/ .el-carousel__container {
+            height: 25rem;
         }
-      }
-      .about {
-        .des {
+        /deep/ .el-carousel__item {
+            height: 25rem;
+            img {
+                height: 25rem;
+            }
         }
-      }
-      .stat {
-        flex-direction: row;
-        li {
-          width: 30%;
+    }
+    .block {
+        padding: 1rem 0;
+        .inner {
+            .intro {
+                margin-bottom: 1rem;
+                font-size: 0.95rem;
+                line-height: 1rem;
+            }
+            .card {
+                flex-direction: row;
+                li {
+                    width: 47%;
+                    .pic {
+                        height: auto;
+                    }
+                    .texts {
+                        margin-top: 1.2rem;
+                    }
+                }
+            }
+            .news {
+                li {
+                    padding: 1.2rem;
+                    img {
+                        width: 8rem;
+                    }
+                }
+            }
+            .people {
+                li {
+                    flex-direction: row;
+                    &:nth-child(2) {
+                        flex-direction: row-reverse !important;
+                    }
+                    .pic {
+                        width: 47%;
+                        height: auto;
+                    }
+                    .texts {
+                        width: 48%;
+                    }
+                }
+            }
+            .about {
+                .des {
+                }
+            }
+            .stat {
+                flex-direction: row;
+                li {
+                    width: 30%;
+                }
+            }
         }
-      }
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 4a1ba98..9fbbcdf 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -1,13 +1,24 @@
 <template>
   <div class="wrap">
-    <div class="iasf-banner">
-      <img :src="modules[0].form.pic"
-           alt="">
-      <div class="texts">
-        <h6>{{ modules[0].form.title }}</h6>
-        <p class="text">{{ modules[0].form.des }}</p>
-      </div>
-    </div>
+    <el-carousel class="carousel"
+                 :interval="6000"
+                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+      <template v-for="(item, i) in modules[0].list">
+        <el-carousel-item v-if="item.pic && item.isEnable"
+                          :key="i">
+          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
+               width="100%"
+               :src="item.pic"
+               alt=""
+               @click="openLink(item)">
+          <div class="texts">
+            <h6>{{ item.title }}</h6>
+            <p class="text">{{ item.des }}</p>
+          </div>
+        </el-carousel-item>
+      </template>
+    </el-carousel>
 
     <div class="block"
          style="padding-top: 110px">
@@ -78,8 +89,10 @@
                      :src="item.titleImg"
                      alt="">
                 <div class="texts">
+                  <h6>{{ item.title }}</h6>
+                  <div class="des"
+                       v-html="item.mainBody"></div>
                   <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName }}</p>
-                  <div class="des">{{ item.title }}</div>
                 </div>
               </li>
             </template>
@@ -414,15 +427,17 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
-.iasf-banner {
-    height: 727px;
+.carousel {
+    height: 100vh;
     img {
-        width: 100%;
         height: 100%;
     }
+    /deep/.el-carousel__container {
+        height: 100vh;
+    }
     .texts {
         position: absolute;
-        bottom: 40%;
+        bottom: 20%;
         left: 120px;
         h6,
         .text {
@@ -451,6 +466,10 @@ export default {
         margin-bottom: 3.6rem;
     }
 }
+.inner {
+    width: 1370px;
+    min-width: 70%;
+}
 .card {
     display: flex;
     justify-content: space-between;
@@ -569,12 +588,14 @@ export default {
         color: #666;
     }
     h6 {
-        margin-top: 5px;
         font-size: 1.1rem;
         font-family: PingFangSC-Semibold, PingFang SC;
         color: #333;
         @include mul-ellipsis(2);
     }
+    .des {
+        margin: 15px 0;
+    }
 }
 .news-carousel {
     display: flex;
@@ -607,12 +628,12 @@ export default {
         cursor: pointer;
     }
     .meta {
-        margin: 8px 0;
+        margin: 14px 0;
         font-size: 0.9rem;
         color: rgba(255, 255, 255, 0.86);
     }
     .des {
-        margin-bottom: 8px;
+        margin-bottom: 14px;
         font-size: 1rem;
         font-family: PingFangSC-Medium, PingFang SC;
         cursor: pointer;
@@ -698,7 +719,7 @@ export default {
 .talent {
     display: flex;
     color: #fff;
-    background: #1a2844;
+    background: #1583ff;
     border-radius: 0px 100px 0px 100px;
     .left {
         width: 50%;
@@ -791,8 +812,9 @@ export default {
     }
 }
 .tools {
+    z-index: 10;
     position: fixed;
-    top: 430px;
+    top: 60vh;
     right: 0;
     li {
         display: flex;
@@ -815,6 +837,11 @@ export default {
         margin-right: 10px;
     }
 }
+@media (max-width: 1450px) {
+    .inner {
+        width: 95%;
+    }
+}
 @media (max-width: 1200px) {
     .card {
         flex-direction: column;
@@ -877,10 +904,5 @@ export default {
     }
 }
 @media (max-width: 1200px) {
-    .iasf-banner {
-        .texts {
-            left: 3%;
-        }
-    }
 }
 </style>
\ No newline at end of file
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 9147d45..8b4252e 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -29,6 +29,10 @@
     font-family: ProximaNova;
     src: url('font/ProximaNova-Regular.otf');
 }
+@font-face {
+    font-family: AlimamaShuHeiTi-Bold;
+    src: url('font/AlimamaShuHeiTi-Bold.otf');
+}
 
 [v-cloak] {
     display: none;
diff --git a/src/styles/font/AlimamaShuHeiTi-Bold.otf b/src/styles/font/AlimamaShuHeiTi-Bold.otf
new file mode 100644
index 0000000..94766c5
Binary files /dev/null and b/src/styles/font/AlimamaShuHeiTi-Bold.otf differ