diff --git a/src/assets/images/iasf1.png b/src/assets/images/iasf1.png
new file mode 100644
index 0000000..9f580ea
Binary files /dev/null and b/src/assets/images/iasf1.png differ
diff --git a/src/assets/images/iasf2.png b/src/assets/images/iasf2.png
new file mode 100644
index 0000000..afbe153
Binary files /dev/null and b/src/assets/images/iasf2.png differ
diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue
index 2e1f5c2..080aea8 100644
--- a/src/layouts/footer/index.vue
+++ b/src/layouts/footer/index.vue
@@ -254,6 +254,7 @@ export default {
     margin-right: 100px;
 }
 .footer {
+    z-index: 2;
     position: relative;
     padding: 64px 20% 25px;
     color: #fff;
@@ -404,40 +405,40 @@ export default {
         }
     }
 }
-@media (max-width: 1500px) {
-    .footer {
-        padding: 64px 10% 25px;
-    }
-}
-@media (max-width: 1350px) {
-    .inner {
-        width: 100% !important;
-        .title {
-            width: 100%;
-            text-align: center;
-        }
-        .region {
-            top: 300px;
-            left: 50%;
-        }
-        .info {
-            margin-top: 90px;
-        }
-    }
-    .footer {
-        .info {
-            flex-direction: column;
-            .column {
-                margin-top: 20px;
-                margin-left: 0;
-            }
-        }
-    }
-    .entry {
-        flex-direction: column;
-        li {
-            margin-bottom: 30px;
-        }
-    }
-}
+// @media (max-width: 1500px) {
+//     .footer {
+//         padding: 64px 10% 25px;
+//     }
+// }
+// @media (max-width: 1350px) {
+//     .inner {
+//         width: 100% !important;
+//         .title {
+//             width: 100%;
+//             text-align: center;
+//         }
+//         .region {
+//             top: 300px;
+//             left: 50%;
+//         }
+//         .info {
+//             margin-top: 90px;
+//         }
+//     }
+//     .footer {
+//         .info {
+//             flex-direction: column;
+//             .column {
+//                 margin-top: 20px;
+//                 margin-left: 0;
+//             }
+//         }
+//     }
+//     .entry {
+//         flex-direction: column;
+//         li {
+//             margin-bottom: 30px;
+//         }
+//     }
+// }
 </style>
\ No newline at end of file
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index fbbb302..1a63f13 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -7,7 +7,12 @@
              alt="">
       </template>
       <template v-else>
-        <img :src="require('@/assets/images/' + (isSfel ? 'logo2' : isHome ? 'logo' : 'logo2') + '.png')"
+        <img v-if="site == 2"
+             :src="require('@/assets/images/' + (isSfel ? 'iasf2' : isHome ? 'iasf' : 'iasf2') + '.png')"
+             alt=""
+             width="310">
+        <img v-else
+             :src="require('@/assets/images/' + (isSfel ? 'logo2' : isHome ? 'logo' : 'logo2') + '.png')"
              alt="">
       </template>
     </a>
@@ -177,9 +182,9 @@ export default {
       this.showMoreBtns = type
     },
     // 获取页面滚动距离(home长页专用)
-    handleScroll () {
+    handleScroll (e) {
       if (Util.isIndex()) {
-        const h = this.height
+        const h = this.isIasf ? 50 : this.height
         let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
         if (this.isHome == scrollTop > h) {
           if (this.isHome != !(scrollTop > h)) this.navShow = false
@@ -254,7 +259,7 @@ $height: 90px;
         background-color: rgba(0, 0, 0, 0.15);
     }
     .logo {
-        font-size: 1.428rem;
+        font-size: 1.4rem;
         color: #333330;
         line-height: $height;
         cursor: pointer;
@@ -263,6 +268,7 @@ $height: 90px;
         }
     }
     .tools {
+        white-space: nowrap;
         img {
             cursor: pointer;
         }
diff --git a/src/layouts/home/index.vue b/src/layouts/home/index.vue
index b25095a..3b0f9a3 100644
--- a/src/layouts/home/index.vue
+++ b/src/layouts/home/index.vue
@@ -66,7 +66,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .main {
-    min-width: 1300px;
+    min-width: 1240px;
 }
 .main:not(.channel) {
     min-height: calc(100% - 90px);
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 0106427..20edd00 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -118,7 +118,7 @@ export default {
             this.$router.back()
           } else {
             const temId = data.articleTemplate
-            let path = `?articleId=${this.id}&id=${id}&columnName=${columnName || ''}&path=${path || ''}`
+            let path = `?articleId=${this.id}&id=${id}&columnName=${columnName || ''}&siteId=${data.siteId}&path=${path || ''}`
             if (temId === 25 || temId === 26) { // 会议活动/期刊详情
               this.$router.replace((temId === 25 ? '/article/activity' : '/publish/show') + path)
             } else {
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 43c7108..61045fc 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel class="carousel"
+    <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'">
@@ -19,267 +19,263 @@
         </el-carousel-item>
       </template>
     </el-carousel>
-
-    <div class="block"
-         style="padding-top: 80px">
-      <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>
-        <ul class="card">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.2s"
-              :class="{'cursor-pointer': isLink(modules[2].form.link.linkName)}"
-              @click="openLink(modules[2].form)">
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
-            <div class="project">SILF</div>
-            <div class="texts">
-              <div class="name">SILF</div>
-              <h6>{{ modules[2].form.title }}</h6>
-              <p class="des">{{ modules[2].form.des }}</p>
-            </div>
-          </li>
-          <li class="wow fadeInDown"
-              data-wow-delay="0.6s"
-              :class="{'cursor-pointer': isLink(modules[3].form.link.linkName)}"
-              @click="openLink(modules[3].form)">
-            <img class="pic"
-                 :src="modules[3].form.pic"
-                 alt="">
-            <div class="project">S³FEL</div>
-            <div class="texts">
-              <div class="name">S³FEL</div>
-              <h6>{{ modules[3].form.title }}</h6>
-              <p class="des">{{ modules[3].form.des }}</p>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <div class="block news-wrap">
-      <div class="inner">
-        <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-        <p v-if="modules[4].form.des"
-           class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
-        <div class="all-link"
-             @click="toAll(modules[5].form)">
-          <span>{{$t('column.seeMore')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
-        </div>
-        <template v-if="articles.length">
-          <div class="news-banner wow fadeInDown"
-               data-wow-delay="0.5s"
-               @click="toArtice(articles[0], modules[5].form)">
-            <div class="pic-wrap">
+    <div :class="['block-wrap',{active: hide}]">
+      <div class="block"
+           style="padding-top: 80px">
+        <div class="inner">
+          <h2 class="b-title">{{ modules[1].form.title }}</h2>
+          <p class="intro"
+             data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+          <ul class="card">
+            <li :class="{'cursor-pointer': isLink(modules[2].form.link.linkName)}"
+                @click="openLink(modules[2].form)">
               <img class="pic"
-                   width="100%"
-                   height="100%"
-                   :src="articles[0].titleImg"
+                   :src="modules[2].form.pic"
                    alt="">
-              <div class="pic-cover"></div>
-            </div>
-            <div class="right">
-              <h6>{{ articles[0].title }}</h6>
-              <div class="des"
-                   v-html="articles[0].mainBody"></div>
-              <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' + articles[0].classificationName }}</p>
-            </div>
-          </div>
-
-          <ul class="news">
-            <template v-for="(item, i) in articles">
-              <li v-if="i"
-                  :key="i"
-                  class="wow fadeInDown"
-                  :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
-                  @click="toArtice(item, modules[5].form)">
-                <div class="pic-wrap">
-                  <img class="pic"
-                       :src="item.titleImg"
-                       alt="">
-                  <div class="pic-cover"></div>
-                </div>
-                <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>
-              </li>
-            </template>
+              <div class="project">SILF</div>
+              <div class="texts">
+                <div class="name">SILF</div>
+                <h6>{{ modules[2].form.title }}</h6>
+                <p class="des">{{ modules[2].form.des }}</p>
+              </div>
+            </li>
+            <li :class="{'cursor-pointer': isLink(modules[3].form.link.linkName)}"
+                @click="openLink(modules[3].form)">
+              <img class="pic"
+                   :src="modules[3].form.pic"
+                   alt="">
+              <div class="project">S³FEL</div>
+              <div class="texts">
+                <div class="name">S³FEL</div>
+                <h6>{{ modules[3].form.title }}</h6>
+                <p class="des">{{ modules[3].form.des }}</p>
+              </div>
+            </li>
           </ul>
-        </template>
-        <ul class="news-carousel">
-          <li v-if="articles1.length">
-            <img class="pic"
-                 src="http://10.10.11.7/images/iasf/8.png"
-                 alt="">
-            <div class="texts">
-              <h6 @click="toAll(modules[6].form)">{{ getColumnTitle(modules[6].form) }} <i class="el-icon-arrow-right"></i></h6>
-              <div class="des-wrap">
-                <p class="meta">{{ curArticle1.source }}</p>
-                <div class="des"
-                     @click="toArtice(curArticle1, modules[6].form)">{{ curArticle1.title }}</div>
+        </div>
+      </div>
+
+      <div class="block news-wrap">
+        <div class="inner">
+          <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
+          <p v-if="modules[4].form.des"
+             class="intro wow fadeInUp"
+             data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+          <div class="all-link"
+               @click="toAll(modules[5].form)">
+            <span>{{$t('column.seeMore')}} <img class="icon"
+                   src="@/assets/images/arrow.png"
+                   alt=""></span>
+          </div>
+          <template v-if="articles.length">
+            <div class="news-banner wow fadeInDown"
+                 data-wow-delay="0.5s"
+                 @click="toArtice(articles[0], modules[5].form)">
+              <div class="pic-wrap">
+                <img class="pic"
+                     width="100%"
+                     height="100%"
+                     :src="articles[0].titleImg"
+                     alt="">
+                <div class="pic-cover"></div>
               </div>
-              <p class="date">{{ curArticle1.releaseTime }}</p>
-            </div>
-            <div class="action">
-              <i class="el-icon-arrow-left dir"
-                 @click.stop="prevCarousel(1)"></i>
-              <ul class="inds">
-                <li v-for="i in articles1.length > 3 ? 4 : articles1.length"
-                    :key="i"
-                    :class="{active: curInd1 == i - 1}"
-                    @click.stop="switchCarousel(1, i - 1)"></li>
-              </ul>
-              <i class="el-icon-arrow-right dir"
-                 @click.stop="nextCarousel(1)"></i>
-            </div>
-          </li>
-          <li v-if="articles2.length">
-            <img class="pic"
-                 src="http://10.10.11.7/images/iasf/9.png"
-                 alt="">
-            <div class="texts">
-              <h6 @click="toAll(modules[7].form)">{{ getColumnTitle(modules[7].form) }} <i class="el-icon-arrow-right"></i></h6>
-              <div class="des-wrap">
-                <p class="meta">{{ curArticle2.classificationName }}</p>
+              <div class="right">
+                <h6>{{ articles[0].title }}</h6>
                 <div class="des"
-                     @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
+                     v-html="articles[0].mainBody"></div>
+                <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' + articles[0].classificationName }}</p>
               </div>
-              <p class="date">{{ curArticle2.releaseTime }}</p>
             </div>
-            <div class="action">
-              <i class="el-icon-arrow-left dir"
-                 @click.stop="prevCarousel(2)"></i>
-              <ul class="inds">
-                <li v-for="i in articles2.length > 3 ? 4 : articles2.length"
+
+            <ul class="news">
+              <template v-for="(item, i) in articles">
+                <li v-if="i"
                     :key="i"
-                    :class="{active: curInd2 == i - 1}"
-                    @click.stop="switchCarousel(2, i - 1)"></li>
-              </ul>
-              <i class="el-icon-arrow-right dir"
-                 @click.stop="nextCarousel(2)"></i>
-            </div>
-          </li>
-          <li v-if="articles3.length">
-            <img class="pic"
-                 src="http://10.10.11.7/images/iasf/10.png"
-                 alt="">
-            <div class="texts">
-              <h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i class="el-icon-arrow-right"></i></h6>
-              <div class="activity">
-                <div v-if="curArticle3.activityStartTime"
-                     class="date-y">
-                  <p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p>
-                  <p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' + curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p>
+                    class="wow fadeInDown"
+                    :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
+                    @click="toArtice(item, modules[5].form)">
+                  <div class="pic-wrap">
+                    <img class="pic"
+                         :src="item.titleImg"
+                         alt="">
+                    <div class="pic-cover"></div>
+                  </div>
+                  <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>
+                </li>
+              </template>
+            </ul>
+          </template>
+          <ul class="news-carousel">
+            <li v-if="articles1.length">
+              <img class="pic"
+                   src="http://10.10.11.7/images/iasf/8.png"
+                   alt="">
+              <div class="texts">
+                <h6 @click="toAll(modules[6].form)">{{ getColumnTitle(modules[6].form) }} <i class="el-icon-arrow-right"></i></h6>
+                <div class="des-wrap">
+                  <p class="meta">{{ curArticle1.source }}</p>
+                  <div class="des"
+                       @click="toArtice(curArticle1, modules[6].form)">{{ curArticle1.title }}</div>
                 </div>
+                <p class="date">{{ curArticle1.releaseTime }}</p>
+              </div>
+              <div class="action">
+                <i class="el-icon-arrow-left dir"
+                   @click.stop="prevCarousel(1)"></i>
+                <ul class="inds">
+                  <li v-for="i in articles1.length > 3 ? 4 : articles1.length"
+                      :key="i"
+                      :class="{active: curInd1 == i - 1}"
+                      @click.stop="switchCarousel(1, i - 1)"></li>
+                </ul>
+                <i class="el-icon-arrow-right dir"
+                   @click.stop="nextCarousel(1)"></i>
+              </div>
+            </li>
+            <li v-if="articles2.length">
+              <img class="pic"
+                   src="http://10.10.11.7/images/iasf/9.png"
+                   alt="">
+              <div class="texts">
+                <h6 @click="toAll(modules[7].form)">{{ getColumnTitle(modules[7].form) }} <i class="el-icon-arrow-right"></i></h6>
                 <div class="des-wrap">
-                  <p class="meta">{{ curArticle3.classificationName }}</p>
+                  <p class="meta">{{ curArticle2.classificationName }}</p>
                   <div class="des"
-                       @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div>
+                       @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
                 </div>
+                <p class="date">{{ curArticle2.releaseTime }}</p>
               </div>
-            </div>
-            <div class="action">
-              <i class="el-icon-arrow-left dir"
-                 @click.stop="prevCarousel(3)"></i>
-              <ul class="inds">
-                <li v-for="i in articles3.length > 3 ? 4 : articles3.length"
-                    :key="i"
-                    :class="{active: curInd3 == i - 1}"
-                    @click.stop="switchCarousel(3, i - 1)"></li>
-              </ul>
-              <i class="el-icon-arrow-right dir"
-                 @click.stop="nextCarousel(3)"></i>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <div class="block people-block">
-      <div class="inner">
-        <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
-        <ul v-if="articles4.length"
-            class="people">
-          <li v-for="(item, i) in articles4"
-              :key="i"
-              @click="toArtice(item, modules[10].form)"
-              class="wow fadeInDown">
-            <img class="pic"
-                 :src="item.titleImg"
-                 alt="">
-            <div class="texts">
-              <h6>{{ item.title }}</h6>
-              <p class="job">岗位：{{ item.post }}</p>
-              <p class="hobby">爱好：{{ item.hobby }}</p>
-              <div class="text"
-                   v-html="item.mainBody"></div>
-            </div>
-          </li>
-        </ul>
-        <div class="all-link"
-             @click="toAll(modules[10].form)">
-          <span>{{$t('column.all')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
+              <div class="action">
+                <i class="el-icon-arrow-left dir"
+                   @click.stop="prevCarousel(2)"></i>
+                <ul class="inds">
+                  <li v-for="i in articles2.length > 3 ? 4 : articles2.length"
+                      :key="i"
+                      :class="{active: curInd2 == i - 1}"
+                      @click.stop="switchCarousel(2, i - 1)"></li>
+                </ul>
+                <i class="el-icon-arrow-right dir"
+                   @click.stop="nextCarousel(2)"></i>
+              </div>
+            </li>
+            <li v-if="articles3.length">
+              <img class="pic"
+                   src="http://10.10.11.7/images/iasf/10.png"
+                   alt="">
+              <div class="texts">
+                <h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i class="el-icon-arrow-right"></i></h6>
+                <div class="activity">
+                  <div v-if="curArticle3.activityStartTime"
+                       class="date-y">
+                    <p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p>
+                    <p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' + curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p>
+                  </div>
+                  <div class="des-wrap">
+                    <p class="meta">{{ curArticle3.classificationName }}</p>
+                    <div class="des"
+                         @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div>
+                  </div>
+                </div>
+              </div>
+              <div class="action">
+                <i class="el-icon-arrow-left dir"
+                   @click.stop="prevCarousel(3)"></i>
+                <ul class="inds">
+                  <li v-for="i in articles3.length > 3 ? 4 : articles3.length"
+                      :key="i"
+                      :class="{active: curInd3 == i - 1}"
+                      @click.stop="switchCarousel(3, i - 1)"></li>
+                </ul>
+                <i class="el-icon-arrow-right dir"
+                   @click.stop="nextCarousel(3)"></i>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
-    </div>
 
-    <div class="block talent-block">
-      <div class="inner">
-        <h2 class="b-title wow fadeInUp">{{ modules[11].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
-        <div class="talent">
-          <div class="left wow fadeInLeft"
-               data-wow-delay="0.5s">
-            <h6>{{ modules[12].form.title }}</h6>
-            <p class="sub-title">{{ modules[12].form.subTitle }}</p>
-            <div class="text"
-                 v-html="modules[12].form.des"></div>
-            <el-button v-if="isLink(modules[12].form.link.linkName)"
-                       style="background-color: #026BE1;"
-                       type="primary"
-                       round
-                       @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
+      <div class="block people-block">
+        <div class="inner">
+          <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
+          <p class="intro wow fadeInUp"
+             data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
+          <ul v-if="articles4.length"
+              class="people">
+            <li v-for="(item, i) in articles4"
+                :key="i"
+                @click="toArtice(item, modules[10].form)"
+                class="wow fadeInDown">
+              <img class="pic"
+                   :src="item.titleImg"
+                   alt="">
+              <div class="texts">
+                <h6>{{ item.title }}</h6>
+                <p class="job">岗位：{{ item.post }}</p>
+                <p class="hobby">爱好：{{ item.hobby }}</p>
+                <div class="text"
+                     v-html="item.mainBody"></div>
+              </div>
+            </li>
+          </ul>
+          <div class="all-link"
+               @click="toAll(modules[10].form)">
+            <span>{{$t('column.all')}} <img class="icon"
+                   src="@/assets/images/arrow.png"
+                   alt=""></span>
           </div>
-          <img :src="modules[12].form.pic"
-               alt=""
-               class="pic wow fadeInRight"
-               data-wow-delay="0.5s">
         </div>
       </div>
-    </div>
 
-    <div class="about">
-      <div class="about-bg">
+      <div class="block talent-block">
         <div class="inner">
-          <div class="left">
-            <h6>{{ modules[13].form.title }}</h6>
-            <div class="text"
-                 v-html="modules[13].form.des"></div>
-            <img src="@/assets/images/arrow-white.png"
+          <h2 class="b-title wow fadeInUp">{{ modules[11].form.title }}</h2>
+          <p class="intro wow fadeInUp"
+             data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
+          <div class="talent">
+            <div class="left wow fadeInLeft"
+                 data-wow-delay="0.5s">
+              <h6>{{ modules[12].form.title }}</h6>
+              <p class="sub-title">{{ modules[12].form.subTitle }}</p>
+              <div class="text"
+                   v-html="modules[12].form.des"></div>
+              <el-button v-if="isLink(modules[12].form.link.linkName)"
+                         style="background-color: #026BE1;"
+                         type="primary"
+                         round
+                         @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
+            </div>
+            <img :src="modules[12].form.pic"
                  alt=""
-                 :class="{'arrow': isLink(modules[13].form.link.linkName)}"
-                 @click="openLink(modules[13].form)">
+                 class="pic wow fadeInRight"
+                 data-wow-delay="0.5s">
           </div>
-          <img class="pic"
-               :src="modules[13].form.pic"
-               alt="">
         </div>
       </div>
-    </div>
 
+      <div class="about">
+        <div class="about-bg">
+          <div class="inner">
+            <div class="left">
+              <h6>{{ modules[13].form.title }}</h6>
+              <div class="text"
+                   v-html="modules[13].form.des"></div>
+              <img src="@/assets/images/arrow-white.png"
+                   alt=""
+                   :class="{'arrow': isLink(modules[13].form.link.linkName)}"
+                   @click="openLink(modules[13].form)">
+            </div>
+            <img class="pic"
+                 :src="modules[13].form.pic"
+                 alt="">
+          </div>
+        </div>
+      </div>
+    </div>
     <ul class="tools">
       <template v-for="(item, i) in modules[19].list">
         <li v-if="item.isEnable"
@@ -312,11 +308,15 @@ export default {
       curInd3: 0,
       curArticle3: {},
       timer: null,
+      hide: false,
+      lastScrollTop: 0
     }
   },
   mounted () {
     this.height = window.innerHeight + 'px'
     new WOW().init()
+
+    document.onscroll = this.throttle(this.scroll, 100)
   },
   methods: {
     // 获取文章详情
@@ -410,6 +410,43 @@ export default {
     // 右侧工具栏点击回调
     toLink (item, i) {
       i ? this.openLink(item) : window.scrollTo(0, document.documentElement.scrollHeight)
+    },
+
+    scroll () {
+      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+
+      console.log(33, this.lastScrollTop < scrollTop)
+      if (this.lastScrollTop < scrollTop && scrollTop > 10) {
+        this.hide = true
+      } else if (this.lastScrollTop > scrollTop && scrollTop <= (window.innerWidth / 2.03)) {
+        this.hide = false
+      }
+      this.lastScrollTop = scrollTop
+    },
+    // 节流
+    throttle (fn, time) {
+      // 上一次的执行时间
+      let pre = 0
+      let timeout = null
+      return function (...args) {
+        const now = Date.now()
+        // 时间差超过了设定的时间间隔
+        if (now - pre > time) {
+          pre = now
+          fn.apply(this, args)
+        } else {
+          // 没有超过设定的时间间隔,则后续的事件会直接清除
+          if (timeout) {
+            clearTimeout(timeout)
+            timeout = null
+          }
+          // 最后一次的事件会触发
+          timeout = setTimeout(() => {
+            pre = now
+            fn.apply(this, args)
+          }, time);
+        }
+      }
     }
   }
 };
@@ -418,13 +455,19 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+$bannerHeight: calc(100vw / 2.03);
 .carousel {
-    height: 100vh;
+    z-index: 1;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: $bannerHeight;
     img {
-        height: 100vh;
+        height: $bannerHeight;
     }
     /deep/.el-carousel__container {
-        height: 100vh;
+        height: $bannerHeight;
     }
     .texts {
         position: absolute;
@@ -450,6 +493,17 @@ export default {
         }
     }
 }
+.block-wrap {
+    z-index: 2;
+    position: relative;
+    top: $bannerHeight;
+    padding-bottom: 229px;
+    background-color: #fff;
+    transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
+    &.active {
+        top: 130px;
+    }
+}
 .block {
     padding-top: 3.15rem;
     .b-title {
@@ -459,7 +513,7 @@ export default {
     }
     .intro {
         margin-bottom: 3.6rem;
-        font-size: 30px;
+        font-size: 26px;
         font-family: FZLTXHK--GBK1-0, FZLTXHK--GBK1;
         color: #5b5b5e;
     }
@@ -862,7 +916,7 @@ export default {
     overflow: hidden;
     .left {
         width: 50%;
-        padding: 120px 80px 0 5%;
+        padding: 50px 80px 0 5%;
         background: #111c43;
     }
     h6 {
@@ -879,16 +933,15 @@ export default {
         line-height: 2;
     }
     .el-button {
-        font-size: 20px;
+        font-size: 16px;
         border: 0;
     }
     .pic {
         width: 50%;
-        min-height: 465px;
     }
 }
 .about {
-    padding: 100px 0 229px;
+    padding: 100px 0 0;
     background: url(http://10.10.11.7/images/iasf/12.png) 0 450px no-repeat;
     .about-bg {
         background-color: #0a7fec;
@@ -982,94 +1035,105 @@ export default {
         margin-right: 10px;
     }
 }
-@media (max-width: 1470px) {
-    .inner {
-        width: 95%;
-    }
-    .card {
-        li {
-            height: auto;
-        }
-    }
-    .about {
-        .pic {
-            width: 700px;
-            height: auto;
-        }
-    }
-}
-@media (max-width: 1370px) {
-    .card {
-        .texts {
-            padding: 0 1rem;
-        }
-    }
-    .about {
-        .inner {
-            height: auto;
-        }
-        .left {
-            width: 100%;
-        }
-        .pic {
-            position: static;
-            width: auto;
-            max-width: 100%;
-            height: auto;
-            margin-top: 10px;
-        }
-    }
-}
-@media (max-width: 1200px) {
-    .carousel .texts {
-        left: 5%;
-        right: 5%;
-    }
-    .card {
-        flex-direction: column;
-        li {
-            margin-top: 1.25rem;
-            width: 100%;
-        }
-    }
-    .news {
-        flex-direction: column;
-        li {
-            width: 100%;
-        }
-    }
-    .news-banner {
-        flex-direction: column;
-        .pic-wrap,
-        .right {
-            width: 100%;
-        }
-    }
-    .news-carousel,
-    .people {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-bottom: 10px;
-        }
-    }
-    .talent {
-        flex-direction: column;
-        .left,
-        .pic {
-            width: 100%;
-        }
-        .left {
-            padding-bottom: 50px;
-            margin-bottom: 10px;
-        }
-    }
-    .entry {
-        flex-direction: column;
-        li {
-            width: 100% !important;
-            margin-right: 0;
-        }
-    }
-}
+// @media (max-width: 1470px) {
+//     .carousel {
+//         height: 724px;
+//         img {
+//             height: 724px;
+//         }
+//         /deep/.el-carousel__container {
+//             height: 724px;
+//         }
+//     }
+// }
+// @media (max-width: 1470px) {
+//     .inner {
+//         width: 95%;
+//     }
+//     .card {
+//         li {
+//             height: auto;
+//         }
+//     }
+//     .about {
+//         .pic {
+//             width: 700px;
+//             height: auto;
+//         }
+//     }
+// }
+// @media (max-width: 1370px) {
+//     .card {
+//         .texts {
+//             padding: 0 1rem;
+//         }
+//     }
+//     .about {
+//         .inner {
+//             height: auto;
+//         }
+//         .left {
+//             width: 100%;
+//         }
+//         .pic {
+//             position: static;
+//             width: auto;
+//             max-width: 100%;
+//             height: auto;
+//             margin-top: 10px;
+//         }
+//     }
+// }
+// @media (max-width: 1200px) {
+//     .carousel .texts {
+//         left: 5%;
+//         right: 5%;
+//     }
+//     .card {
+//         flex-direction: column;
+//         li {
+//             margin-top: 1.25rem;
+//             width: 100%;
+//         }
+//     }
+//     .news {
+//         flex-direction: column;
+//         li {
+//             width: 100%;
+//         }
+//     }
+//     .news-banner {
+//         flex-direction: column;
+//         .pic-wrap,
+//         .right {
+//             width: 100%;
+//         }
+//     }
+//     .news-carousel,
+//     .people {
+//         flex-direction: column;
+//         li {
+//             width: 100%;
+//             margin-bottom: 10px;
+//         }
+//     }
+//     .talent {
+//         flex-direction: column;
+//         .left,
+//         .pic {
+//             width: 100%;
+//         }
+//         .left {
+//             padding-bottom: 50px;
+//             margin-bottom: 10px;
+//         }
+//     }
+//     .entry {
+//         flex-direction: column;
+//         li {
+//             width: 100% !important;
+//             margin-right: 0;
+//         }
+//     }
+// }
 </style>
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index 154cac2..1b82cff 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -20,7 +20,7 @@ const modules = modulesFiles.keys().reduce((modules, modulePath) => {
 const store = new Vuex.Store({
     state: {
         modelType: false, //true为PC端，false为手机端
-        navSum: sessionStorage.getItem('navPageSize') || 10, // 导航栏显示的条目数量
+        navSum: sessionStorage.getItem('navPageSize') || 8, // 导航栏显示的条目数量
     },
     mutations: {
         // 根据屏幕尺寸分别移动或者pc