diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue
index ac03f76..8c4c637 100644
--- a/src/layouts/footer/index.vue
+++ b/src/layouts/footer/index.vue
@@ -553,8 +553,20 @@ export default {
   .float {
     position: relative;
 
-    &:hover .popup {
-      display: block;
+    // &:first-child .popup {
+    //   display: block;
+    // }
+
+    &:hover {
+      // &~.float {
+      //   .popup {
+      //     display: none;
+      //   }
+      // }
+
+      .popup {
+        display: block;
+      }
     }
   }
 }
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index f2b2a44..ab8a0ce 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -146,8 +146,10 @@ export default {
     },
     // 跳转
     jump (id) {
-      this.getPath(this.otherMenus, id || this.otherMenus[0].id)
-      this.getPath(this.menus, id || this.menus[0].id)
+      id = id || this.otherMenus[0].id
+      this.active = id
+      this.getPath(this.otherMenus, id)
+      this.getPath(this.menus, id)
       this.columnTo(this.toItem)
       this.$parent.showSearch = false
       this.$emit('updateModelType', false)
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index ca6ddc8..a5198d4 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -662,7 +662,7 @@ export default {
         }
       } else if (typeId === 3) {
         // 长页栏目直接获取path
-        this.$router.push(`/${to.path}?id=${to.id}&siteId=${this.site}`).catch(() => { })
+        this.$router.replace(`/${to.path}?id=${to.id}&siteId=${this.site}`).catch(() => { })
       } else if (left && (typeId === 1 || (typeId === 4 && !to.children.length))) {
         // 常规栏目，或者没有子级的子级优先栏目，跳转到column页
         this.$router.push(`/column?id=${to.id + (to.level !== 1 || !this.sameStyle ? '&column=1' : '')}&siteId=${this.site}`).catch((err) => { });
diff --git a/src/pages/exp/index.vue b/src/pages/exp/index.vue
index ea4ac9e..53ec124 100644
--- a/src/pages/exp/index.vue
+++ b/src/pages/exp/index.vue
@@ -1,15 +1,12 @@
 <template>
   <div class="wrap">
     <el-carousel :interval="6000"
-                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+      :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable"
-                          :key="i">
-          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]"
-               @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', { 'cursor-pointer': isLink(item.link.linkName) }]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
             <p class="banner-name">{{ item.title }}</p>
           </div>
         </el-carousel-item>
@@ -18,67 +15,48 @@
 
     <div class="block station">
       <div class="inner">
-        <h6 class="wow fadeInUp"
-            v-html="modules[1].form.title"></h6>
-        <p class="en wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[1].form.subTitle }}</p>
-        <div v-if="modules[1].form.pic"
-             class="text-center">
-          <video v-if="Util.isVideo(modules[1].form.mediaType)"
-                 class="pic"
-                 ref="video"
-                 autoplay
-                 controls
-                 loop>
-            <source :src="modules[1].form.pic"
-                    type="video/mp4">
+        <h6 class="wow fadeInUp" v-html="modules[1].form.title"></h6>
+        <p class="en wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.subTitle }}</p>
+        <div v-if="modules[1].form.pic" class="text-center">
+          <video v-if="Util.isVideo(modules[1].form.mediaType)" class="pic" ref="video" autoplay controls loop>
+            <source :src="modules[1].form.pic" type="video/mp4">
             您的浏览器不支持 video 标签。
           </video>
-          <img v-else
-               class="pic"
-               :src="modules[1].form.pic"
-               alt="">
+          <img v-else class="pic" :src="modules[1].form.pic" alt="">
         </div>
-        <div class="des"
-             v-html="modules[1].form.des"></div>
+        <div class="des" v-html="modules[1].form.des"></div>
       </div>
     </div>
 
     <ul class="list">
-      <li :class="['item1', {'cursor-pointer': isLink(modules[2].form.link.linkName)}]"
-          @click="openLink(modules[2].form)">
-        <img src="@/assets/images/exp/2.png"
-             alt="">
+      <li :class="['item1', { 'cursor-pointer': isLink(modules[2].form.link.linkName) }]"
+        @click="openLink(modules[2].form)">
+        <img src="@/assets/images/exp/2.png" alt="">
         <h6>{{ modules[2].form.title }}</h6>
       </li>
-      <li :class="['item2', {'cursor-pointer': isLink(modules[3].form.link.linkName)}]"
-          @click="openLink(modules[3].form)">
-        <img src="@/assets/images/exp/3.png"
-             alt="">
+      <li :class="['item2', { 'cursor-pointer': isLink(modules[3].form.link.linkName) }]"
+        @click="openLink(modules[3].form)">
+        <img src="@/assets/images/exp/3.png" alt="">
         <h6>{{ modules[3].form.title }}</h6>
       </li>
-      <li :class="['item3', {'cursor-pointer': isLink(modules[4].form.link.linkName)}]"
-          @click="openLink(modules[4].form)">
-        <img src="@/assets/images/exp/4.png"
-             alt="">
+      <li :class="['item3', { 'cursor-pointer': isLink(modules[4].form.link.linkName) }]"
+        @click="openLink(modules[4].form)">
+        <img src="@/assets/images/exp/4.png" alt="">
         <h6>{{ modules[4].form.title }}</h6>
       </li>
-      <li :class="['item4', {'cursor-pointer': isLink(modules[5].form.link.linkName)}]"
-          @click="openLink(modules[5].form)">
-        <img src="@/assets/images/exp/5.png"
-             alt="">
+      <li :class="['item4', { 'cursor-pointer': isLink(modules[5].form.link.linkName) }]"
+        @click="openLink(modules[5].form)">
+        <img src="@/assets/images/exp/5.png" alt="">
         <h6>{{ modules[5].form.title }}</h6>
       </li>
-      <li :class="['item5', {'cursor-pointer': isLink(modules[6].form.link.linkName)}]"
-          @click="openLink(modules[6].form)">
-        <img src="@/assets/images/exp/6.png"
-             alt="">
+      <li :class="['item5', { 'cursor-pointer': isLink(modules[6].form.link.linkName) }]"
+        @click="openLink(modules[6].form)">
+        <img src="@/assets/images/exp/6.png" alt="">
         <h6>{{ modules[6].form.title }}</h6>
       </li>
-      <li :class="['item6', {'cursor-pointer': isLink(modules[7].form.link.linkName)}]"
-          @click="openLink(modules[7].form)">
-        <img src="@/assets/images/exp/7.png"
-             alt="">
+      <li :class="['item6', { 'cursor-pointer': isLink(modules[7].form.link.linkName) }]"
+        @click="openLink(modules[7].form)">
+        <img src="@/assets/images/exp/7.png" alt="">
         <h6>{{ modules[7].form.title }}</h6>
       </li>
     </ul>
@@ -124,436 +102,535 @@ export default {
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
 $banner-height: 21.6rem;
+
 .wrap {
-    padding-bottom: 70px;
-    /deep/ .el-carousel {
-        height: $banner-height;
-        .el-carousel__container {
-            height: $banner-height;
-        }
-        img {
-            height: $banner-height;
-        }
+  padding-bottom: 70px;
+
+  /deep/ .el-carousel {
+    height: $banner-height;
+
+    .el-carousel__container {
+      height: $banner-height;
+    }
+
+    img {
+      height: $banner-height;
     }
+  }
 }
+
 .banner-item {
-    .banner-name {
-        font-size: 2.16rem;
-        left: 17%;
-        bottom: 20%;
-    }
+  .banner-name {
+    font-size: 2.16rem;
+    left: 17%;
+    bottom: 20%;
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
-    .inner {
-        h6 {
-            font-size: 1.76rem;
-        }
-        .en {
-            font-size: 1.76rem;
-            margin: 0px 0 2rem;
-        }
-    }
-}
-.station {
+  padding: 3.85rem 0;
+
+  .inner {
     h6 {
-        position: relative;
-        font-size: 2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: bold;
-        color: #333333;
-        line-height: 1;
+      font-size: 1.76rem;
     }
+
     .en {
-        margin-bottom: 20px;
-        font-size: 1.7rem;
-        font-family: AppleSystemUIFont;
-        color: #e4e4e4;
-        line-height: 1;
-    }
-    .pic {
-        width: 64%;
-        height: auto;
-        margin: 0 auto;
-    }
-    .des {
-        margin-top: 2.75rem;
-        font-size: 0.98rem;
-        color: #333;
-        line-height: 1.7rem;
-        -webkit-line-clamp: inherit;
+      font-size: 1.76rem;
+      margin: 0px 0 2rem;
     }
+  }
+}
+
+.station {
+  h6 {
+    position: relative;
+    font-size: 2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: bold;
+    color: #333333;
+    line-height: 1;
+  }
+
+  .en {
+    margin-bottom: 20px;
+    font-size: 1.7rem;
+    font-family: AppleSystemUIFont;
+    color: #e4e4e4;
+    line-height: 1;
+  }
+
+  .pic {
+    width: 64%;
+    height: auto;
+    margin: 0 auto;
+  }
+
+  .des {
+    margin-top: 2.75rem;
+    font-size: 0.98rem;
+    color: #333;
+    line-height: 1.7rem;
+    -webkit-line-clamp: inherit;
+  }
 }
+
 .list {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 1.5rem;
-    width: 1200px;
-    margin: auto;
-    li {
-        position: relative;
-        height: 20.1rem;
-        overflow: hidden;
-        &:hover {
-            img {
-                transform: scale(1.3);
-            }
-        }
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 1.5rem;
+  width: 1200px;
+  margin: auto;
+
+  li {
+    position: relative;
+    height: 20.1rem;
+    overflow: hidden;
+
+    &:hover {
+      img {
+        transform: scale(1.3);
+      }
     }
-    img {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  h6 {
+    position: absolute;
+    top: 192px;
+    left: 60px;
+    font-size: 1.12rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #fff;
+  }
+
+  .item1,
+  .item2 {
+    width: 25%;
+  }
+
+  .item3 {
+    width: 50%;
+  }
+
+  .item4 {
+    width: 40%;
+  }
+
+  .item5 {
+    width: 32%;
+  }
+
+  .item6 {
+    width: 28%;
+  }
+}
+
+@media (min-width: 280px) and (max-width: 768px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 15rem;
+
+      .el-carousel__container {
+        height: 15rem;
+      }
+
+      img {
+        height: 15rem;
+      }
     }
-    h6 {
-        position: absolute;
-        top: 192px;
-        left: 60px;
-        font-size: 1.12rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #fff;
+  }
+
+  .station {
+    .pic {
+      height: 20rem;
     }
-    .item1,
-    .item2 {
-        width: 25%;
+  }
+
+  .list {
+    li {
+      height: 20rem;
+
+      h6 {
+        top: 5rem;
+      }
     }
-    .item3 {
-        width: 50%;
+  }
+}
+
+@media (max-width: 320px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .item4 {
-        width: 40%;
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .item5 {
-        width: 32%;
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
     }
-    .item6 {
-        width: 28%;
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
     }
-}
 
-@media (min-width: 280px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-            .el-carousel__container {
-                height: 15rem;
-            }
-            img {
-                height: 15rem;
-            }
-        }
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
     }
-    .station {
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
         .pic {
-            height: 20rem;
+          width: 100%;
+          height: auto;
         }
+      }
     }
-    .list {
-        li {
-            height: 20rem;
-            h6 {
-                top: 5rem;
-            }
-        }
+  }
+
+  .list {
+    width: 80%;
+    margin: 0 auto;
+
+    li {
+      margin-top: 1rem;
+      width: 100% !important;
     }
+  }
 }
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-    }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .list {
-        width: 80%;
-        margin: 0 auto;
-        li {
-            margin-top: 1rem;
-            width: 100% !important;
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
     }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
     }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
+        .pic {
+          width: 100%;
+          height: auto;
         }
+      }
     }
-    .list {
-        width: 80%;
-        margin: 0 auto;
-        li {
-            margin-top: 1rem;
-            width: 100% !important;
-        }
+  }
+
+  .list {
+    width: 80%;
+    margin: 0 auto;
+
+    li {
+      margin-top: 1rem;
+      width: 100% !important;
     }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
+    }
+
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
     }
-    .list {
-        width: 80%;
-        margin: 0 auto;
-        li {
-            margin-top: 1rem;
-            width: 100% !important;
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
+        .pic {
+          width: 100%;
+          height: auto;
         }
+      }
+    }
+  }
+
+  .list {
+    width: 80%;
+    margin: 0 auto;
+
+    li {
+      margin-top: 1rem;
+      width: 100% !important;
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
     }
-    .list {
-        width: 80%;
-        margin: 0 auto;
-        li {
-            margin-top: 1rem;
-            width: 100% !important;
+
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
+    }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
+        .pic {
+          width: 100%;
+          height: auto;
         }
+      }
     }
+  }
+
+  .list {
+    width: 80%;
+    margin: 0 auto;
+
+    li {
+      margin-top: 1rem;
+      width: 100% !important;
+    }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
     }
-    .list {
-        width: 80%;
-        margin: 0 auto;
-        li {
-            margin-top: 1rem;
-            width: 100% !important;
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
+    }
+
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
+    }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
+        .pic {
+          width: 100%;
+          height: auto;
         }
+      }
     }
+  }
+
+  .list {
+    width: 80%;
+    margin: 0 auto;
+
+    li {
+      margin-top: 1rem;
+      width: 100% !important;
+    }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
     }
-    .list {
-        display: flex;
-        width: 100%;
-        li {
-            width: 25%;
+
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
+    }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
+        .pic {
+          width: 100%;
+          height: auto;
         }
+      }
     }
-    .item3 {
-        width: 50% !important;
+  }
+
+  .list {
+    display: flex;
+    width: 100%;
+
+    li {
+      width: 25%;
     }
+  }
+
+  .item3 {
+    width: 50% !important;
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 13rem !important;
     }
-    .banner-item {
-        img {
-            height: 13rem !important;
-        }
-        .banner-name {
-            padding: 7rem 0 0 1rem;
-            font-size: 1.5rem;
-        }
+
+    /deep/ .el-carousel__item {
+      height: 13rem !important;
     }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .text-center {
-                .pic {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
+
+    /deep/ .el-carousel__container {
+      height: 13rem !important;
+    }
+  }
+
+  .banner-item {
+    img {
+      height: 13rem !important;
     }
-    .list {
-        display: flex;
-        width: 100%;
-        li {
-            width: 25%;
+
+    .banner-name {
+      padding: 7rem 0 0 1rem;
+      font-size: 1.5rem;
+    }
+  }
+
+  .block {
+    padding: 2rem 0;
+
+    .inner {
+      width: 90%;
+
+      .text-center {
+        .pic {
+          width: 100%;
+          height: auto;
         }
+      }
     }
-    .item3 {
-        width: 50% !important;
+  }
+
+  .list {
+    display: flex;
+    width: 100%;
+
+    li {
+      width: 25%;
     }
+  }
+
+  .item3 {
+    width: 50% !important;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/overview/index.vue b/src/pages/overview/index.vue
index 6612b5f..832e9e1 100644
--- a/src/pages/overview/index.vue
+++ b/src/pages/overview/index.vue
@@ -1,58 +1,44 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="" />
+      <img class="banner-img" :src="modules[0].form.pic" alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
     </div>
 
     <div class="block history gray">
-      <div :class="['inner', {'cursor-pointer': isLink(modules[1].form.link.linkName)}]"
-           @click="openLink(modules[1].form)">
-        <div class="texts wow fadeInDown"
-             data-wow-delay="0.5s">
+      <div :class="['inner', { 'cursor-pointer': isLink(modules[1].form.link.linkName) }]"
+        @click="openLink(modules[1].form)">
+        <div class="texts wow fadeInDown" data-wow-delay="0.5s">
           <div class="left">
             <h2 v-html="modules[1].form.title"></h2>
             <div class="line"></div>
-            <div class="des"
-                 v-html="modules[1].form.des"></div>
+            <div class="des" v-html="modules[1].form.des"></div>
           </div>
-          <img class="bg"
-               width="562"
-               height="418"
-               :src="modules[1].form.pic"
-               alt="">
+          <img class="bg" width="562" height="418" :src="modules[1].form.pic" alt="">
         </div>
       </div>
     </div>
 
     <div class="block">
       <div class="inner">
-        <div :class="['core', {'cursor-pointer': isLink(modules[2].form.link.linkName)}]"
-             @click="openLink(modules[2].form)">
-          <img :src="modules[2].form.pic"
-               alt=""
-               class="pic">
+        <div :class="['core', { 'cursor-pointer': isLink(modules[2].form.link.linkName) }]"
+          @click="openLink(modules[2].form)">
+          <img :src="modules[2].form.pic" alt="" class="pic">
           <div class="texts">
-            <h6>{{ modules[2].form.title }}</h6>
+            <div class="core-title" v-html="modules[2].form.title"></div>
             <div class="line"></div>
-            <div class="text"
-                 v-html="modules[2].form.des"></div>
+            <div class="text" v-html="modules[2].form.des"></div>
           </div>
         </div>
-        <div :class="['core', {'cursor-pointer': isLink(modules[3].form.link.linkName)}]"
-             @click="openLink(modules[3].form)">
-          <img :src="modules[3].form.pic"
-               alt=""
-               class="pic">
+        <div :class="['core', { 'cursor-pointer': isLink(modules[3].form.link.linkName) }]"
+          @click="openLink(modules[3].form)">
+          <img :src="modules[3].form.pic" alt="" class="pic">
           <div class="texts">
-            <h6>{{ modules[3].form.title }}</h6>
+            <div class="core-title" v-html="modules[3].form.title"></div>
             <div class="line"></div>
-            <div class="text"
-                 v-html="modules[3].form.des"></div>
+            <div class="text" v-html="modules[3].form.des"></div>
           </div>
         </div>
       </div>
@@ -61,53 +47,35 @@
     <div class="block gray fac">
       <div class="inner">
         <div class="event">
-          <img src="https://huorantech.com/images/overview/16.png"
-               alt=""
-               class="pic">
+          <img src="https://huorantech.com/images/overview/16.png" alt="" class="pic">
           <div class="texts">
             <h6 v-html="modules[4].form.title"></h6>
             <p class="en">{{ modules[4].form.subTitle }}</p>
-            <div class="text"
-                 v-html="modules[4].form.des"></div>
-            <img v-if="isLink(modules[4].form.link.linkName)"
-                 class="arrow"
-                 src="@/assets/images/arrow.png"
-                 alt=""
-                 @click="openLink(modules[4].form)">
+            <div class="text" v-html="modules[4].form.des"></div>
+            <img v-if="isLink(modules[4].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
+              @click="openLink(modules[4].form)">
           </div>
         </div>
         <ul class="l-card">
-          <li :class="{'cursor-pointer': isLink(modules[5].form.link.linkName)}"
-              @click="openLink(modules[5].form)">
-            <img :src="modules[5].form.pic"
-                 alt=""
-                 class="pic" />
+          <li :class="{ 'cursor-pointer': isLink(modules[5].form.link.linkName) }" @click="openLink(modules[5].form)">
+            <img :src="modules[5].form.pic" alt="" class="pic" />
             <div class="texts">
               <h6>{{ modules[5].form.title }}</h6>
-              <div class="text"
-                   v-html="modules[5].form.des"></div>
+              <div class="text" v-html="modules[5].form.des"></div>
             </div>
           </li>
-          <li :class="{'cursor-pointer': isLink(modules[6].form.link.linkName)}"
-              @click="openLink(modules[6].form)">
-            <img :src="modules[6].form.pic"
-                 alt=""
-                 class="pic" />
+          <li :class="{ 'cursor-pointer': isLink(modules[6].form.link.linkName) }" @click="openLink(modules[6].form)">
+            <img :src="modules[6].form.pic" alt="" class="pic" />
             <div class="texts">
               <h6>{{ modules[6].form.title }}</h6>
-              <div class="text"
-                   v-html="modules[6].form.des"></div>
+              <div class="text" v-html="modules[6].form.des"></div>
             </div>
           </li>
-          <li :class="{'cursor-pointer': isLink(modules[7].form.link.linkName)}"
-              @click="openLink(modules[7].form)">
-            <img :src="modules[7].form.pic"
-                 alt=""
-                 class="pic" />
+          <li :class="{ 'cursor-pointer': isLink(modules[7].form.link.linkName) }" @click="openLink(modules[7].form)">
+            <img :src="modules[7].form.pic" alt="" class="pic" />
             <div class="texts">
               <h6>{{ modules[7].form.title }}</h6>
-              <div class="text"
-                   v-html="modules[7].form.des"></div>
+              <div class="text" v-html="modules[7].form.des"></div>
             </div>
           </li>
         </ul>
@@ -115,20 +83,13 @@
     </div>
 
     <div class="block scan gray">
-      <h2 class="b-title wow fadeInUp hide-bd"
-          v-html="modules[8].form.title"></h2>
-      <p class="intro wow fadeInUp"
-         data-wow-delay="0.5s">{{ modules[8].form.des }}</p>
+      <h2 class="b-title wow fadeInUp hide-bd" v-html="modules[8].form.title"></h2>
+      <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[8].form.des }}</p>
       <div class="inner scan-inner">
         <div class="left">
           <template v-for="(item, i) in modules[9].list">
-            <div v-if="item.isEnable"
-                 class="line"
-                 :key="i">
-              <img v-if="item.pic"
-                   :src="item.pic"
-                   alt=""
-                   class="icon">
+            <div v-if="item.isEnable" class="line" :key="i">
+              <img v-if="item.pic" :src="item.pic" alt="" class="icon">
               <p class="text">{{ item.title }}</p>
             </div>
           </template>
@@ -147,9 +108,7 @@
             </li>
           </ul>
         </div>
-        <img :src="modules[13].form.pic"
-             alt=""
-             class="pic" />
+        <img :src="modules[13].form.pic" alt="" class="pic" />
       </div>
     </div>
   </div>
@@ -197,282 +156,334 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .history {
-    h2 {
-        font-size: 1rem;
-        color: #333;
+  h2 {
+    font-size: 1rem;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 5.125rem 3.5625rem 1.875rem;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 6.25rem 0px 0px 0px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  .left {
+    width: 43.4375rem;
+  }
+
+  .line {
+    width: 53px;
+    height: 3px;
+    margin: 18px 0;
+    background: #0280f1;
+  }
+
+  .des {
+    font-size: 0.9rem;
+    color: #181818;
+    line-height: 31px;
+    -webkit-line-clamp: 6;
+  }
+
+  .bg {
+    margin: -115px -80px 0 30px;
+    border-top-right-radius: 40px;
+  }
+}
+
+.core {
+  position: relative;
+  margin-bottom: 40px;
+
+  &:last-child {
     .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 5.125rem 3.5625rem 1.875rem;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 6.25rem 0px 0px 0px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    .left {
-        width: 43.4375rem;
-    }
-    .line {
-        width: 53px;
-        height: 3px;
-        margin: 18px 0;
-        background: #0280f1;
-    }
-    .des {
-        font-size: 0.9rem;
-        color: #181818;
-        line-height: 31px;
-        -webkit-line-clamp: 6;
-    }
-    .bg {
-        margin: -115px -80px 0 30px;
-        border-top-right-radius: 40px;
+      left: 40px;
+      right: auto;
     }
+  }
+
+  .pic {
+    width: 100%;
+  }
+
+  .texts {
+    position: absolute;
+    top: 80px;
+    right: 40px;
+    width: 500px;
+    color: #fff;
+  }
+
+  .core-title {
+    font-size: 1.4rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  .line {
+    width: 136px;
+    height: 3px;
+    margin: 20px 0;
+    background: #ffffff;
+    opacity: 0.56;
+  }
+
+  .text {
+    font-size: 1rem;
+    line-height: 1.6;
+  }
 }
-.core {
+
+.fac {
+  .event {
     position: relative;
-    margin-bottom: 40px;
-    &:last-child {
-        .texts {
-            left: 40px;
-            right: auto;
-        }
-    }
+
     .pic {
-        width: 100%;
+      width: 100%;
     }
+
     .texts {
-        position: absolute;
-        top: 80px;
-        right: 40px;
-        width: 500px;
-        color: #fff;
+      position: absolute;
+      top: 70px;
+      right: 300px;
+      bottom: 70px;
+      left: 60px;
     }
+
     h6 {
-        font-size: 1.4rem;
-        font-family: PingFangSC-Medium, PingFang SC;
+      position: relative;
+      font-size: 2.2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
     }
-    .line {
-        width: 136px;
-        height: 3px;
-        margin: 20px 0;
-        background: #ffffff;
-        opacity: 0.56;
+
+    .en {
+      margin-top: -30px;
+      font-size: 2rem;
+      font-family: AppleSystemUIFont;
+      color: #e4e4e4;
     }
+
     .text {
-        font-size: 1rem;
-        line-height: 1.6;
+      margin: 15px 0;
+      font-size: 1rem;
+      color: #333;
     }
-}
-.fac {
-    .event {
-        position: relative;
-        .pic {
-            width: 100%;
-        }
-        .texts {
-            position: absolute;
-            top: 70px;
-            right: 300px;
-            bottom: 70px;
-            left: 60px;
-        }
-        h6 {
-            position: relative;
-            font-size: 2.2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-        }
-        .en {
-            margin-top: -30px;
-            font-size: 2rem;
-            font-family: AppleSystemUIFont;
-            color: #e4e4e4;
-        }
-        .text {
-            margin: 15px 0;
-            font-size: 1rem;
-            color: #333;
-        }
+  }
+
+  .l-card {
+    display: flex;
+    margin-top: 20px;
+
+    li {
+      position: relative;
+      width: calc((100% - 40px) / 3);
+      height: 359px;
+      margin-right: 20px;
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
-    .l-card {
-        display: flex;
-        margin-top: 20px;
-        li {
-            position: relative;
-            width: calc((100% - 40px) / 3);
-            height: 359px;
-            margin-right: 20px;
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-        }
-        .texts {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            padding: 140px 30px 0;
-            color: #fff;
-            background-color: rgba(0, 0, 0, 0.5);
-        }
-        h6 {
-            margin-bottom: 15px;
-            font-size: 1.6rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-        }
-        .text {
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            line-height: 2;
-            @include mul-ellipsis(4);
-        }
+
+    .pic {
+      width: 100%;
+      height: 100%;
     }
+
+    .texts {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      padding: 140px 30px 0;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    h6 {
+      margin-bottom: 15px;
+      font-size: 1.6rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+    }
+
+    .text {
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      line-height: 2;
+      @include mul-ellipsis(4);
+    }
+  }
 }
+
 .scan {
-    .scan-inner {
-        display: flex;
-    }
-    .left {
-        width: 45%;
-        margin-right: 80px;
+  .scan-inner {
+    display: flex;
+  }
+
+  .left {
+    width: 45%;
+    margin-right: 80px;
+  }
+
+  .line {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+
+    .icon {
+      width: 50px;
+      height: 50px;
+      margin-right: 20px;
     }
-    .line {
-        display: flex;
-        align-items: center;
-        margin-bottom: 30px;
-        .icon {
-            width: 50px;
-            height: 50px;
-            margin-right: 20px;
-        }
-        .text {
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-            line-height: 1.6;
-        }
+
+    .text {
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
+      line-height: 1.6;
     }
-    .total {
-        display: flex;
-        justify-content: space-between;
-        margin-top: 50px;
-        .num {
-            margin-bottom: 10px;
-            font-size: 2rem;
-            font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, ToppanBunkyuMidashiMinchoStdN;
-            font-weight: 800;
-            color: #1583ff;
-        }
-        .text {
-            font-size: 1rem;
-            color: #333;
-        }
+  }
+
+  .total {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 50px;
+
+    .num {
+      margin-bottom: 10px;
+      font-size: 2rem;
+      font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, ToppanBunkyuMidashiMinchoStdN;
+      font-weight: 800;
+      color: #1583ff;
     }
-    .pic {
-        width: 50%;
-        // object-fit: cover;
+
+    .text {
+      font-size: 1rem;
+      color: #333;
     }
+  }
+
+  .pic {
+    width: 50%;
+    // object-fit: cover;
+  }
 }
 
 @media (min-width: 2000px) {
-    .scan {
-        .scan-inner {
-            justify-content: flex-start;
-        }
+  .scan {
+    .scan-inner {
+      justify-content: flex-start;
     }
+  }
 }
+
 @media (max-width: 1400px) {
-    .history {
-        .texts {
-            flex-direction: column;
-        }
-        .left {
-            width: 100%;
-        }
-        .bg {
-            width: auto;
-            max-width: 100%;
-            height: auto;
-            margin: 20px 0 0 0;
-        }
+  .history {
+    .texts {
+      flex-direction: column;
     }
-    .scan {
-        .scan-inner {
-            flex-direction: column;
-        }
-        .left {
-            width: 100%;
-        }
-        .pic {
-            width: 100%;
-            margin-top: 2rem;
-        }
+
+    .left {
+      width: 100%;
     }
-    .fac {
-        .event {
-            .texts {
-                position: static;
-                margin-top: 20px;
-            }
-        }
+
+    .bg {
+      width: auto;
+      max-width: 100%;
+      height: auto;
+      margin: 20px 0 0 0;
+    }
+  }
+
+  .scan {
+    .scan-inner {
+      flex-direction: column;
     }
+
+    .left {
+      width: 100%;
+    }
+
+    .pic {
+      width: 100%;
+      margin-top: 2rem;
+    }
+  }
+
+  .fac {
+    .event {
+      .texts {
+        position: static;
+        margin-top: 20px;
+      }
+    }
+  }
 }
+
 @media (max-width: 920px) {
-    .core {
-        .texts {
-            top: 20px !important;
-            left: 20px !important;
-            right: 20px !important;
-            width: auto;
-        }
-    }
-    .scan {
-        padding: 20px;
+  .core {
+    .texts {
+      top: 20px !important;
+      left: 20px !important;
+      right: 20px !important;
+      width: auto;
     }
-    .fac {
-        .l-card {
-            flex-direction: column;
-            li {
-                width: 100%;
-                margin-bottom: 1rem;
-            }
-        }
+  }
+
+  .scan {
+    padding: 20px;
+  }
+
+  .fac {
+    .l-card {
+      flex-direction: column;
+
+      li {
+        width: 100%;
+        margin-bottom: 1rem;
+      }
     }
+  }
 }
+
 @media (max-width: 750px) {
-    .hide-bd:after {
-        display: none;
-    }
-    .block {
-        padding: 50px 0;
+  .hide-bd:after {
+    display: none;
+  }
+
+  .block {
+    padding: 50px 0;
+  }
+
+  .core {
+    .texts {
+      position: static;
+      padding: 20px;
+      color: #333;
     }
-    .core {
-        .texts {
-            position: static;
-            padding: 20px;
-            color: #333;
-        }
-        .line {
-            background: #333;
-        }
+
+    .line {
+      background: #333;
     }
-    .fac {
-        .event {
-            .pic {
-                display: none;
-            }
-        }
+  }
+
+  .fac {
+    .event {
+      .pic {
+        display: none;
+      }
     }
+  }
 }
 </style>
diff --git a/src/setting.js b/src/setting.js
index 5a93343..69db3e3 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -7,7 +7,7 @@ const isGta = url.includes('139.159.254.212'); // 国泰安
 let host = `${location.origin}/`
 if (isDev) {
   host = 'http://192.168.31.217:10000/'
-  // host = 'https://huorantech.com'
+  host = 'https://huorantech.com'
 }
 
 const Setting = {