diff --git a/src/assets/images/footer-bg.png b/src/assets/images/footer-bg.png
index b23d3f3..722bcde 100644
Binary files a/src/assets/images/footer-bg.png and b/src/assets/images/footer-bg.png differ
diff --git a/src/assets/images/footer-bg1.jpg b/src/assets/images/footer-bg1.jpg
new file mode 100644
index 0000000..1bb3fe8
Binary files /dev/null and b/src/assets/images/footer-bg1.jpg differ
diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue
index d6d7f6c..50a8ee1 100644
--- a/src/layouts/footer/index.vue
+++ b/src/layouts/footer/index.vue
@@ -3,23 +3,23 @@
     <div v-if="showDefaultPath.includes($route.path)" :class="['footer', { iasf: isIasf }]">
       <div class="mask"></div>
       <ul v-if="isIasf" class="entry">
-        <li :class="{ 'cursor-pointer': isLink(modules[13].form.link.linkName) }" @click="openLink(modules[14].form)">
+        <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[14].form)">
           <img class="icon" :src="modules[14].form.pic" alt="">
           <p class="text">{{ modules[14].form.title }}</p>
         </li>
-        <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[15].form)">
+        <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[15].form)">
           <img class="icon" :src="modules[15].form.pic" alt="">
           <p class="text">{{ modules[15].form.title }}</p>
         </li>
-        <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[16].form)">
+        <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[16].form)">
           <img class="icon" :src="modules[16].form.pic" alt="">
           <p class="text">{{ modules[16].form.title }}</p>
         </li>
-        <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[17].form)">
+        <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[17].form)">
           <img class="icon" :src="modules[17].form.pic" alt="">
           <p class="text">{{ modules[17].form.title }}</p>
         </li>
-        <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[18].form)">
+        <li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)">
           <img class="icon" :src="modules[18].form.pic" alt="">
           <p class="text">{{ modules[18].form.title }}</p>
         </li>
@@ -79,15 +79,13 @@
       <div v-else-if="styleId === 2" class="footer">
         <div class="relative text-center">
           <img :src="footers[0].form.pic" alt="">
-          <div class="flex j-center a-center m-t-20">
-            <div class="flex">
-              <div v-for="(item, i) in columns" :key="i" class="column">
-                <h6 @click="columnTo(item)">{{ item.columnName }}</h6>
-                <ul v-if="item.children.length" class="children">
-                  <li v-for="(column, j) in item.children" :key="j" @click="columnTo(column)">{{ column.columnName }}
-                  </li>
-                </ul>
-              </div>
+          <div class="columns flex j-center a-center m-t-20">
+            <div v-for="(item, i) in columns" :key="i" class="column">
+              <h6 @click="columnTo(item)">{{ item.columnName }}</h6>
+              <ul v-if="item.children.length" class="children">
+                <li v-for="(column, j) in item.children" :key="j" @click="columnTo(column)">{{ column.columnName }}
+                </li>
+              </ul>
             </div>
           </div>
           <div v-html="footers[0].form.info"></div>
@@ -97,9 +95,10 @@
 
       <!-- 英文字母 -->
       <div v-else-if="styleId === 3" class="footer3">
+        <div class="bg"></div>
         <div class="inner">
-          <div class="flex j-between">
-            <div v-html="footers[0].form.info"></div>
+          <div class="texts">
+            <div class="info" v-html="footers[0].form.info"></div>
             <div class="flex text-center">
               <div class="qrcode">
                 <p class="title">{{ footers[1].form.title }}</p>
@@ -303,10 +302,6 @@ export default {
   overflow: hidden;
   background: rgba(0, 5, 12, .8) url(../../assets/images/footer-bg.png) no-repeat;
 
-  .info {
-    display: flex;
-  }
-
   .meta {
     margin-bottom: 10px;
     font-size: 14px;
@@ -471,15 +466,31 @@ export default {
 }
 
 .footer3 {
+  position: relative;
   padding: 30px 0;
-  // background: rgba(0, 5, 12, .8) url(../../assets/images/footer-bg.png) 0 0/cover no-repeat;
-  background-color: #303246;
+  background-color: #000;
+
+  .bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: url(../../assets/images/footer-bg1.jpg) 0 0/cover no-repeat;
+    opacity: .3;
+  }
 
   .inner {
+    position: relative;
     width: 1200px;
     margin: 0 auto;
   }
 
+  .texts {
+    display: flex;
+    justify-content: space-between;
+  }
+
   .qrcode {
     color: #fff;
 
@@ -557,20 +568,6 @@ export default {
 @media (max-width: 1350px) {
   .inner {
     width: 100% !important;
-
-    .title {
-      width: 100%;
-      text-align: center;
-    }
-
-    .region {
-      top: 300px;
-      left: 50%;
-    }
-
-    .info {
-      margin-top: 90px;
-    }
   }
 
   .footer {
@@ -584,6 +581,17 @@ export default {
     }
   }
 
+  .contact {
+    .info {
+      margin-top: 90px;
+    }
+
+    .region {
+      top: 300px;
+      left: 50%;
+    }
+  }
+
   .entry {
     flex-direction: column;
 
@@ -591,5 +599,53 @@ export default {
       margin-bottom: 30px;
     }
   }
+
+  .footer3 {
+    padding: 30px;
+  }
+}
+
+@media (max-width: 780px) {
+  .contact {
+    .info {
+      .texts {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+
+      .qrcode {
+        margin: 0 0 20px 0;
+      }
+    }
+
+    .region {
+      top: 275px;
+      left: 30px;
+    }
+  }
+
+  .footer {
+    .columns {
+      flex-direction: column;
+    }
+  }
+
+  .footer3 {
+    .texts {
+      flex-direction: column;
+    }
+
+    .info {
+      margin-bottom: 20px;
+    }
+  }
+}
+
+@media (max-width: 480px) {
+  .contact {
+    .title {
+      width: 100%;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index b4a352a..a4e2630 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -216,6 +216,7 @@ $height: 90px;
     cursor: pointer;
 
     img {
+      max-width: 130px;
       max-height: 50px;
       margin-right: 10px;
     }
diff --git a/src/pages/aboutUs/index.vue b/src/pages/aboutUs/index.vue
index 0270ddb..f07ec88 100644
--- a/src/pages/aboutUs/index.vue
+++ b/src/pages/aboutUs/index.vue
@@ -1101,11 +1101,16 @@ export default {
     }
 
     .carousel {
+      .pic {
+        background-size: cover;
+      }
+
       .text-wrap {
         left: 30px;
       }
     }
 
+
     .inner {
       width: 90%;
     }
@@ -1187,7 +1192,6 @@ export default {
       padding: 0 30px;
       background: #0f5bed url(https://huorantech.com/images/about/banner1.png) 0 0 / auto no-repeat;
 
-      // background-color: #0f5bed;
       .texts {
         max-width: 100%;
       }
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 49a1035..09b1494 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -1,19 +1,13 @@
 <template>
   <div class="wrap">
     <!-- :interval="6000" -->
-    <el-carousel :class="['carousel']"
-                 id="part1"
-                 :interval="6000"
-                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel :class="['carousel']" id="part1" :interval="6000"
+      :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable"
-                          :key="i">
-          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
-               width="100%"
-               :src="item.pic"
-               alt=""
-               @click="openLink(item)">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
+            @click="openLink(item)">
           <div class="texts">
             <h6>{{ item.title }}</h6>
             <p class="text">{{ item.des }}</p>
@@ -21,19 +15,14 @@
         </el-carousel-item>
       </template>
     </el-carousel>
-    <div :class="['block-wrap',{active: hide}]"
-         id="part2">
+    <div :class="['block-wrap', { active: hide }]" id="part2">
       <div class="block card-block">
         <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>
+          <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"
-                   :src="modules[2].form.pic"
-                   alt="">
+            <li :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>
@@ -41,11 +30,8 @@
                 <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="">
+            <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>
@@ -60,53 +46,38 @@
       <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>
+          <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="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="">
+                <img class="pic" width="100%" height="100%" :src="articles[0].titleImg" 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 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)">
+                <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="">
+                    <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 class="des" v-html="item.mainBody"></div>
+                    <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName
+                      }}</p>
                   </div>
                 </li>
               </template>
@@ -114,87 +85,69 @@
           </template>
           <ul class="news-carousel">
             <li v-if="articles1.length">
-              <img class="pic"
-                   src="https://huorantech.com/images/iasf/8.png"
-                   alt="">
+              <img class="pic" src="https://huorantech.com/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>
+                <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 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>
+                <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>
+                  <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>
+                <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(1)"></i>
               </div>
             </li>
             <li v-if="articles2.length">
-              <img class="pic"
-                   src="https://huorantech.com/images/iasf/9.png"
-                   alt="">
+              <img class="pic" src="https://huorantech.com/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>
+                <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="des"
-                       @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
+                  <div class="des" @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
                 </div>
                 <p class="date">{{ curArticle2.releaseTime }}</p>
               </div>
               <div class="action">
-                <i class="el-icon-arrow-left dir"
-                   @click.stop="prevCarousel(2)"></i>
+                <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>
+                  <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>
+                <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(2)"></i>
               </div>
             </li>
             <li v-if="articles3.length">
-              <img class="pic"
-                   src="https://huorantech.com/images/iasf/10.png"
-                   alt="">
+              <img class="pic" src="https://huorantech.com/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>
+                <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">
+                  <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>
+                    <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 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>
+                <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>
+                  <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>
+                <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(3)"></i>
               </div>
             </li>
           </ul>
@@ -204,31 +157,21 @@
       <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="">
+          <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 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="all-link" @click="toAll(modules[10].form)">
+            <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
           </div>
         </div>
       </div>
@@ -236,23 +179,16 @@
       <div class="block talent-block">
         <div class="inner">
           <h2 class="b-title">{{ modules[11].form.title }}</h2>
-          <p class="intro"
-             data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
+          <p class="intro" data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
           <div class="talent">
             <div class="left">
               <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="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="pic">
+            <img :src="modules[12].form.pic" alt="" class="pic">
           </div>
         </div>
       </div>
@@ -262,57 +198,36 @@
           <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 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="">
+            <img class="pic" :src="modules[13].form.pic" alt="">
           </div>
         </div>
       </div>
 
-      <div class="block"
-           style="margin-top: 100px">
+      <div class="block" style="margin-top: 100px">
         <div class="inner">
           <ul class="entry">
-            <li :class="{'cursor-pointer': isLink(modules[14].form.link.linkName)}"
-                @click="openLink(modules[14].form)">
-              <img class="icon"
-                   :src="modules[14].form.pic"
-                   alt="">
+            <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[14].form)">
+              <img class="icon" :src="modules[14].form.pic" alt="">
               <p class="text">{{ modules[14].form.title }}</p>
             </li>
-            <li :class="{'cursor-pointer': isLink(modules[15].form.link.linkName)}"
-                @click="openLink(modules[15].form)">
-              <img class="icon"
-                   :src="modules[15].form.pic"
-                   alt="">
+            <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[15].form)">
+              <img class="icon" :src="modules[15].form.pic" alt="">
               <p class="text">{{ modules[15].form.title }}</p>
             </li>
-            <li :class="{'cursor-pointer': isLink(modules[16].form.link.linkName)}"
-                @click="openLink(modules[16].form)">
-              <img class="icon"
-                   :src="modules[16].form.pic"
-                   alt="">
+            <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[16].form)">
+              <img class="icon" :src="modules[16].form.pic" alt="">
               <p class="text">{{ modules[16].form.title }}</p>
             </li>
-            <li :class="{'cursor-pointer': isLink(modules[17].form.link.linkName)}"
-                @click="openLink(modules[17].form)">
-              <img class="icon"
-                   :src="modules[17].form.pic"
-                   alt="">
+            <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[17].form)">
+              <img class="icon" :src="modules[17].form.pic" alt="">
               <p class="text">{{ modules[17].form.title }}</p>
             </li>
-            <li :class="{'cursor-pointer': isLink(modules[18].form.link.linkName)}"
-                @click="openLink(modules[18].form)">
-              <img class="icon"
-                   :src="modules[18].form.pic"
-                   alt="">
+            <li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)">
+              <img class="icon" :src="modules[18].form.pic" alt="">
               <p class="text">{{ modules[18].form.title }}</p>
             </li>
           </ul>
@@ -322,9 +237,7 @@
 
     <ul class="tools">
       <template v-for="(item, i) in modules[19].list">
-        <li v-if="item.isEnable"
-            :key="i"
-            @click="toLink(item, i)">{{ item.title }}</li>
+        <li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li>
       </template>
     </ul>
   </div>
@@ -551,716 +464,852 @@ export default {
 @import '../../styles/page/page.scss';
 $bannerHeight: 100vh;
 $bannerMh: 800px;
+
 .carousel {
-    z-index: 1;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
+  z-index: 1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: $bannerHeight;
+
+  img {
     height: $bannerHeight;
-    img {
-        height: $bannerHeight;
-        object-fit: cover;
-    }
-    /deep/.el-carousel__container {
-        height: $bannerHeight;
+    object-fit: cover;
+  }
+
+  /deep/.el-carousel__container {
+    height: $bannerHeight;
+  }
+
+  /deep/.el-carousel__arrow i {
+    font-size: 30px;
+  }
+
+  .texts {
+    position: absolute;
+    bottom: 20%;
+    left: 120px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    h6,
+    .text {
+      padding: 20px 15px;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.29);
     }
-    /deep/.el-carousel__arrow i {
-        font-size: 30px;
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 68px;
+      font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
     }
-    .texts {
-        position: absolute;
-        bottom: 20%;
-        left: 120px;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        h6,
-        .text {
-            padding: 20px 15px;
-            color: #fff;
-            background-color: rgba(0, 0, 0, 0.29);
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 68px;
-            font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        }
-        .text {
-            font-size: 24px;
-            font-family: AppleSystemUIFont;
-        }
+
+    .text {
+      font-size: 24px;
+      font-family: AppleSystemUIFont;
     }
+  }
 }
+
 .block-wrap {
-    z-index: 2;
-    position: relative;
-    top: $bannerHeight;
-    padding: 6rem 0 30px;
-    background-color: #fff;
-    transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
-    &.active {
-        top: 0;
-    }
+  z-index: 2;
+  position: relative;
+  top: $bannerHeight;
+  padding: 6rem 0 30px;
+  background-color: #fff;
+  transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
+
+  &.active {
+    top: 0;
+  }
 }
+
 .block {
-    padding-top: 3.15rem;
-    .b-title {
-        font-size: 35px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #333;
-    }
-    .intro {
-        margin-bottom: 3.6rem;
-        font-size: 26px;
-        font-family: FZLTXHK--GBK1-0, FZLTXHK--GBK1;
-        color: #5b5b5e;
-    }
+  padding-top: 3.15rem;
+
+  .b-title {
+    font-size: 35px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #333;
+  }
+
+  .intro {
+    margin-bottom: 3.6rem;
+    font-size: 26px;
+    font-family: FZLTXHK--GBK1-0, FZLTXHK--GBK1;
+    color: #5b5b5e;
+  }
 }
+
 .inner {
-    width: 1200px;
+  width: 1200px;
 }
+
 .card-block {
-    background: url(https://huorantech.com/images/iasf/14.jpg) 0 0 / cover no-repeat;
+  background: url(https://huorantech.com/images/iasf/14.jpg) 0 0 / cover no-repeat;
 }
+
 .card {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 80px;
-    li {
-        position: relative;
-        width: calc((100% - 64px) / 2);
-        height: 402px;
-        transition: 0.3s;
-        overflow: hidden;
-        &:hover {
-            .project {
-                top: -100%;
-            }
-            .texts {
-                top: 0;
-            }
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-    }
-    .project {
-        position: absolute;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 80px;
+
+  li {
+    position: relative;
+    width: calc((100% - 64px) / 2);
+    height: 402px;
+    transition: 0.3s;
+    overflow: hidden;
+
+    &:hover {
+      .project {
+        top: -100%;
+      }
+
+      .texts {
         top: 0;
-        left: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-        font-size: 45px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-        transition: 0.3s;
-    }
-    .texts {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-        padding: 0 60px;
-        text-align: center;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-        transition: 0.3s;
-    }
-    .name {
-        font-size: 45px;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    h6 {
-        margin: 10px 0 20px;
-        line-height: 63px;
-        font-size: 45px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        @include mul-ellipsis(2);
-    }
-    .des {
-        font-size: 28px;
-        line-height: 44px;
+      }
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .project {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 45px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: 0.3s;
+  }
+
+  .texts {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 0 60px;
+    text-align: center;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: 0.3s;
+  }
+
+  .name {
+    font-size: 45px;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  h6 {
+    margin: 10px 0 20px;
+    line-height: 63px;
+    font-size: 45px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    @include mul-ellipsis(2);
+  }
+
+  .des {
+    font-size: 28px;
+    line-height: 44px;
+  }
 }
+
 .news-wrap {
-    background: url(https://huorantech.com/images/iasf/1.png) 0 0 / cover no-repeat;
+  background: url(https://huorantech.com/images/iasf/1.png) 0 0 / cover no-repeat;
 }
+
 .news-title:after {
-    display: none;
+  display: none;
 }
+
 .news-banner {
-    display: flex;
-    margin-top: 20px;
-    cursor: pointer;
-    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
-    &:hover {
-        .right {
-            background-color: #091733;
-        }
-        .pic-cover {
-            display: block;
-        }
-    }
-    .pic-wrap {
-        position: relative;
-        width: 50%;
-        overflow: hidden;
-    }
-    .pic-cover {
-        display: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(111, 182, 255, 0.2);
-    }
-    .pic {
-        transition: 0.5s;
-        object-fit: cover;
-    }
+  display: flex;
+  margin-top: 20px;
+  cursor: pointer;
+  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+
+  &:hover {
     .right {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        width: 50%;
-        padding: 42px 71px 42px 58px;
-        background: #026be1;
-        color: #fff;
-        transition: 0.3s;
-        h6 {
-            font-size: 24px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            line-height: 43px;
-            @include mul-ellipsis(2);
-        }
-        .des {
-            margin: 28px 0 25px;
-            font-size: 18px;
-            line-height: 32px;
-        }
-        .meta {
-            font-size: 16px;
-        }
-    }
-}
-.news {
-    display: flex;
-    flex-wrap: wrap;
-    margin: 20px 0;
-    li {
-        width: calc((100% - 40px) / 3);
-        margin-right: 20px;
-        background-color: #fff;
-        cursor: pointer;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            .pic-cover {
-                display: block;
-            }
-            .texts {
-                background-color: #091733;
-            }
-            .meta,
-            h6,
-            .des {
-                color: #fff;
-            }
-        }
-    }
-    .pic-wrap {
-        position: relative;
-        width: 100%;
-        height: 220px;
-        overflow: hidden;
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-        object-fit: cover;
+      background-color: #091733;
     }
+
     .pic-cover {
-        display: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(111, 182, 255, 0.2);
-    }
-    .texts {
-        padding: 24px 28px;
-        background-color: #fff;
-        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
-        transition: 0.3s;
-    }
-    .meta {
-        font-size: 16px;
-        color: #666;
+      display: block;
     }
+  }
+
+  .pic-wrap {
+    position: relative;
+    width: 50%;
+    overflow: hidden;
+  }
+
+  .pic-cover {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(111, 182, 255, 0.2);
+  }
+
+  .pic {
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  .right {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    width: 50%;
+    padding: 42px 71px 42px 58px;
+    background: #026be1;
+    color: #fff;
+    transition: 0.3s;
+
     h6 {
-        font-size: 20px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #333;
-        @include ellipsis;
+      font-size: 24px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      line-height: 43px;
+      @include mul-ellipsis(2);
     }
+
     .des {
-        height: 84px;
-        margin: 14px 0 16px;
-        font-size: 16px;
-        line-height: 28px;
-        color: #333;
+      margin: 28px 0 25px;
+      font-size: 18px;
+      line-height: 32px;
     }
-}
-.news-carousel {
-    display: flex;
-    li {
-        position: relative;
-        width: calc((100% - 40px) / 3);
-        height: 284px;
-        margin-right: 20px;
-        overflow: hidden;
-        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
+
+    .meta {
+      font-size: 16px;
     }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-        object-fit: cover;
+  }
+}
+
+.news {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 20px 0;
+
+  li {
+    width: calc((100% - 40px) / 3);
+    margin-right: 20px;
+    background-color: #fff;
+    cursor: pointer;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .texts {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 50px 30px;
+
+    &:hover {
+      .pic-cover {
+        display: block;
+      }
+
+      .texts {
+        background-color: #091733;
+      }
+
+      .meta,
+      h6,
+      .des {
         color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-    }
-    h6 {
-        font-size: 24px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        cursor: pointer;
+      }
     }
-    .des-wrap {
-        height: 101px;
-        margin: 11px 0 25px;
+  }
+
+  .pic-wrap {
+    position: relative;
+    width: 100%;
+    height: 220px;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  .pic-cover {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(111, 182, 255, 0.2);
+  }
+
+  .texts {
+    padding: 24px 28px;
+    background-color: #fff;
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 16px;
+    color: #666;
+  }
+
+  h6 {
+    font-size: 20px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #333;
+    @include ellipsis;
+  }
+
+  .des {
+    height: 84px;
+    margin: 14px 0 16px;
+    font-size: 16px;
+    line-height: 28px;
+    color: #333;
+  }
+}
+
+.news-carousel {
+  display: flex;
+
+  li {
+    position: relative;
+    width: calc((100% - 40px) / 3);
+    height: 284px;
+    margin-right: 20px;
+    overflow: hidden;
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  .texts {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 50px 30px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  h6 {
+    font-size: 24px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    cursor: pointer;
+  }
+
+  .des-wrap {
+    height: 101px;
+    margin: 11px 0 25px;
+  }
+
+  .meta {
+    margin-bottom: 16px;
+    font-size: 18px;
+    color: rgba(255, 255, 255, 0.86);
+  }
+
+  .des {
+    font-size: 20px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    -webkit-line-clamp: 2;
+    line-height: 30px;
+    cursor: pointer;
+  }
+
+  .date {
+    font-size: 16px;
+  }
+
+  .activity {
+    display: flex;
+    align-items: center;
+    margin-top: 10px;
+
     .meta {
-        margin-bottom: 16px;
-        font-size: 18px;
-        color: rgba(255, 255, 255, 0.86);
-    }
-    .des {
-        font-size: 20px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        -webkit-line-clamp: 2;
-        line-height: 30px;
-        cursor: pointer;
+      margin-bottom: 5px;
     }
-    .date {
-        font-size: 16px;
-    }
-    .activity {
-        display: flex;
-        align-items: center;
-        margin-top: 10px;
-        .meta {
-            margin-bottom: 5px;
-        }
-        .des-wrap {
-            max-width: calc(100% - 100px);
-            height: auto;
-            margin: 0;
-        }
+
+    .des-wrap {
+      max-width: calc(100% - 100px);
+      height: auto;
+      margin: 0;
     }
-    .date-y {
-        margin-right: 20px;
-        text-align: center;
-        color: #fff;
-        .d {
-            font-size: 28px;
-        }
-        .y {
-            padding-top: 5px;
-            margin-top: 5px;
-            font-size: 16px;
-            border-top: 1px solid #686868;
-        }
+  }
+
+  .date-y {
+    margin-right: 20px;
+    text-align: center;
+    color: #fff;
+
+    .d {
+      font-size: 28px;
     }
-    /deep/.el-carousel__indicators--horizontal {
-        bottom: 20px;
-        .el-carousel__indicator--horizontal {
-            width: 10px;
-            height: 10px;
-            padding: 0;
-            margin-right: 6px;
-            border-radius: 50%;
-            background: rgba(255, 255, 255, 0.65);
-            &.is-active {
-                background: #1583ff;
-            }
-        }
-        .el-carousel__button {
-            width: 0;
-        }
+
+    .y {
+      padding-top: 5px;
+      margin-top: 5px;
+      font-size: 16px;
+      border-top: 1px solid #686868;
     }
-    .action {
-        position: absolute;
-        bottom: 20px;
-        left: 50%;
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        color: rgba(255, 255, 255, 0.65);
-        transform: translateX(-50%);
+  }
+
+  /deep/.el-carousel__indicators--horizontal {
+    bottom: 20px;
+
+    .el-carousel__indicator--horizontal {
+      width: 10px;
+      height: 10px;
+      padding: 0;
+      margin-right: 6px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.65);
+
+      &.is-active {
+        background: #1583ff;
+      }
     }
-    .inds {
-        display: inline-flex;
-        margin: 0 15px;
-        li {
-            width: 10px;
-            height: 10px;
-            margin-right: 6px;
-            background: rgba(255, 255, 255, 1);
-            border-radius: 50%;
-            transition: 0.2s;
-            cursor: pointer;
-            &.active {
-                background: #1583ff;
-            }
-            &:last-child {
-                margin-right: 0;
-            }
-        }
+
+    .el-carousel__button {
+      width: 0;
     }
-    .dir {
-        font-size: 1.2rem;
-        color: #fff;
-        line-height: 1;
-        cursor: pointer;
+  }
+
+  .action {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.65);
+    transform: translateX(-50%);
+  }
+
+  .inds {
+    display: inline-flex;
+    margin: 0 15px;
+
+    li {
+      width: 10px;
+      height: 10px;
+      margin-right: 6px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 50%;
+      transition: 0.2s;
+      cursor: pointer;
+
+      &.active {
+        background: #1583ff;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
+  }
+
+  .dir {
+    font-size: 1.2rem;
+    color: #fff;
+    line-height: 1;
+    cursor: pointer;
+  }
 }
+
 .people-block {
-    // background: url(../../assets/images/FEL.png) 0 0 / cover no-repeat;
+  // background: url(../../assets/images/FEL.png) 0 0 / cover no-repeat;
 }
+
 .people {
-    display: flex;
+  display: flex;
 
-    li {
-        width: 33.33%;
-        padding: 20px 70px 40px;
-        text-align: center;
-        border-right: 1px solid #ddd;
-        cursor: pointer;
-        &:first-child {
-            // width: calc(33.33% - 70px);
-            // padding-left: 0;
-        }
-        &:nth-child(2) {
-            // width: calc(33.33% + 70px);
-        }
-        &:last-child {
-            // width: calc(33.33% - 70px);
-            // padding-right: 0;
-            border-right: 0;
-        }
-    }
-    .pic {
-        width: 259px;
-        height: 259px;
-        margin-bottom: 28px;
-        border-radius: 50%;
-        object-fit: cover;
-    }
-    h6 {
-        font-size: 1.1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
-    }
-    .job {
-        margin: 18px 0 12px;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
+  li {
+    width: 33.33%;
+    padding: 20px 70px 40px;
+    text-align: center;
+    border-right: 1px solid #ddd;
+    cursor: pointer;
+
+    &:first-child {
+      // width: calc(33.33% - 70px);
+      // padding-left: 0;
     }
-    .hobby {
-        margin-bottom: 15px;
-        font-size: 1rem;
-        color: #333;
+
+    &:nth-child(2) {
+      // width: calc(33.33% + 70px);
     }
-    .text {
-        font-size: 1rem;
-        text-align: justify;
-        line-height: 1.6;
-        color: #333;
+
+    &:last-child {
+      // width: calc(33.33% - 70px);
+      // padding-right: 0;
+      border-right: 0;
     }
+  }
+
+  .pic {
+    width: 259px;
+    height: 259px;
+    margin-bottom: 28px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+
+  h6 {
+    font-size: 1.1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .job {
+    margin: 18px 0 12px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .hobby {
+    margin-bottom: 15px;
+    font-size: 1rem;
+    color: #333;
+  }
+
+  .text {
+    font-size: 1rem;
+    text-align: justify;
+    line-height: 1.6;
+    color: #333;
+  }
 }
+
 .talent-block {
-    background: url(https://huorantech.com/images/iasf/11.png) 0 0 / cover no-repeat;
+  background: url(https://huorantech.com/images/iasf/11.png) 0 0 / cover no-repeat;
 }
+
 .talent {
-    display: flex;
-    color: #fff;
-    border-radius: 0px 100px 0px 100px;
-    overflow: hidden;
-    .left {
-        width: 50%;
-        padding: 50px 80px 0 5%;
-        background: #111c43;
-    }
-    h6 {
-        font-size: 30px;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    .sub-title {
-        margin: 8px 0 20px;
-        font-size: 0.9rem;
-    }
-    .text {
-        margin-bottom: 60px;
-        font-size: 1rem;
-        line-height: 2;
-    }
-    .el-button {
-        font-size: 16px;
-        border: 0;
-    }
-    .pic {
-        width: 50%;
-        object-fit: cover;
-    }
+  display: flex;
+  color: #fff;
+  border-radius: 0px 100px 0px 100px;
+  overflow: hidden;
+
+  .left {
+    width: 50%;
+    padding: 50px 80px 0 5%;
+    background: #111c43;
+  }
+
+  h6 {
+    font-size: 30px;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  .sub-title {
+    margin: 8px 0 20px;
+    font-size: 0.9rem;
+  }
+
+  .text {
+    margin-bottom: 60px;
+    font-size: 1rem;
+    line-height: 2;
+  }
+
+  .el-button {
+    font-size: 16px;
+    border: 0;
+  }
+
+  .pic {
+    width: 50%;
+    object-fit: cover;
+  }
 }
+
 .about {
-    padding: 100px 0 0;
-    background: url(https://huorantech.com/images/iasf/12.png) 0 450px no-repeat;
-    .about-bg {
-        background-color: #0a7fec;
-    }
-    .inner {
-        position: relative;
-        height: 465px;
-        padding: 73px 0 58px;
-    }
-    .left {
-        width: 44%;
-    }
-    h6 {
-        font-size: 36px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #fff;
-    }
-    .text {
-        margin: 24px 0 37px;
-        font-size: 20px;
-        line-height: 35px;
-        color: #fff;
-        @include mul-ellipsis(4);
-    }
-    .pic {
-        position: absolute;
-        top: -60px;
-        right: 0;
-        width: 632px;
-        height: 558px;
-        object-fit: cover;
-    }
+  padding: 100px 0 0;
+  background: url(https://huorantech.com/images/iasf/12.png) 0 450px no-repeat;
+
+  .about-bg {
+    background-color: #0a7fec;
+  }
+
+  .inner {
+    position: relative;
+    height: 465px;
+    padding: 73px 0 58px;
+  }
+
+  .left {
+    width: 44%;
+  }
+
+  h6 {
+    font-size: 36px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #fff;
+  }
+
+  .text {
+    margin: 24px 0 37px;
+    font-size: 20px;
+    line-height: 35px;
+    color: #fff;
+    @include mul-ellipsis(4);
+  }
+
+  .pic {
+    position: absolute;
+    top: -60px;
+    right: 0;
+    width: 632px;
+    height: 558px;
+    object-fit: cover;
+  }
 }
 
 .entry {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+
+  li {
+    display: inline-flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+
+  img {
+    max-width: 100px;
+    object-fit: cover;
+  }
+
+  .text {
+    margin-top: 15px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #48525e;
+  }
+}
+
+.tools {
+  z-index: 10;
+  position: fixed;
+  top: 60vh;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+
+  li {
     position: relative;
     display: flex;
-    justify-content: space-between;
-    li {
-        display: inline-flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
+    justify-content: center;
+    align-items: center;
+    padding: 0 22px;
+    margin-bottom: 1px;
+    font-size: 20px;
+    color: #0084ff;
+    line-height: 56px;
+    background-color: rgba(19, 18, 19, 0.94);
+    cursor: pointer;
+    transition: 0.3s;
+
+    &:before {
+      content: '';
+      width: 28px;
+      height: 28px;
+      margin-right: 7px;
+      background: url(https://huorantech.com/images/iasf/icon1.png) no-repeat;
     }
-    img {
-        max-width: 100px;
-        object-fit: cover;
+
+    &:nth-child(2):before {
+      background-image: url(https://huorantech.com/images/iasf/icon2.png);
     }
-    .text {
-        margin-top: 15px;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #48525e;
+
+    &:nth-child(2):hover:before {
+      background-image: url(https://huorantech.com/images/iasf/icon2-1.png);
     }
-}
-.tools {
-    z-index: 10;
-    position: fixed;
-    top: 60vh;
-    right: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    li {
-        position: relative;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding: 0 22px;
-        margin-bottom: 1px;
-        font-size: 20px;
-        color: #0084ff;
-        line-height: 56px;
-        background-color: rgba(19, 18, 19, 0.94);
-        cursor: pointer;
-        transition: 0.3s;
-        &:before {
-            content: '';
-            width: 28px;
-            height: 28px;
-            margin-right: 7px;
-            background: url(https://huorantech.com/images/iasf/icon1.png) no-repeat;
-        }
-        &:nth-child(2):before {
-            background-image: url(https://huorantech.com/images/iasf/icon2.png);
-        }
-        &:nth-child(2):hover:before {
-            background-image: url(https://huorantech.com/images/iasf/icon2-1.png);
-        }
-        &:nth-child(3):before {
-            background-image: url(https://huorantech.com/images/iasf/icon3.png);
-        }
-        &:nth-child(3):hover:before {
-            background-image: url(https://huorantech.com/images/iasf/icon3-1.png);
-        }
-        &:nth-child(4):before {
-            background-image: url(https://huorantech.com/images/iasf/icon4.png);
-        }
-        &:nth-child(4):hover:before {
-            background-image: url(https://huorantech.com/images/iasf/icon4-1.png);
-        }
-        &:hover {
-            justify-content: flex-start;
-            // width: 192px;
-            padding-right: 4rem;
-            color: #fff;
-            background-color: rgba(1, 129, 247, 0.94);
-            &:before {
-                background-image: url(https://huorantech.com/images/iasf/icon1-1.png);
-            }
-        }
+
+    &:nth-child(3):before {
+      background-image: url(https://huorantech.com/images/iasf/icon3.png);
     }
-    .icon {
-        margin-right: 10px;
+
+    &:nth-child(3):hover:before {
+      background-image: url(https://huorantech.com/images/iasf/icon3-1.png);
     }
+
+    &:nth-child(4):before {
+      background-image: url(https://huorantech.com/images/iasf/icon4.png);
+    }
+
+    &:nth-child(4):hover:before {
+      background-image: url(https://huorantech.com/images/iasf/icon4-1.png);
+    }
+
+    &:hover {
+      justify-content: flex-start;
+      // width: 192px;
+      padding-right: 4rem;
+      color: #fff;
+      background-color: rgba(1, 129, 247, 0.94);
+
+      &:before {
+        background-image: url(https://huorantech.com/images/iasf/icon1-1.png);
+      }
+    }
+  }
+
+  .icon {
+    margin-right: 10px;
+  }
 }
 
 @media (max-width: 1470px) {
-    .inner {
-        width: 95%;
-    }
-    .card {
-        li {
-            height: auto;
-        }
+  .inner {
+    width: 95%;
+  }
+
+  .card {
+    li {
+      height: auto;
     }
-    .about {
-        .pic {
-            width: 700px;
-            height: auto;
-        }
+  }
+
+  .about {
+    .pic {
+      width: 700px;
+      height: auto;
     }
+  }
 }
+
 @media (max-width: 1370px) {
-    .card {
-        .texts {
-            padding: 0 1rem;
-        }
+  .card {
+    .texts {
+      padding: 0 1rem;
     }
-    .about {
-        .inner {
-            height: auto;
-            text-align: center;
-        }
-        .left {
-            width: 100%;
-        }
-        .pic {
-            position: static;
-            width: auto;
-            max-width: 100%;
-            height: auto;
-            margin-top: 10px;
-        }
+  }
+
+  .about {
+    .inner {
+      height: auto;
+      text-align: center;
+    }
+
+    .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%;
+  .carousel .texts {
+    left: 5%;
+    right: 5%;
+  }
+
+  .card {
+    flex-direction: column;
+
+    li {
+      margin-top: 1.25rem;
+      width: 100%;
     }
-    .card {
-        flex-direction: column;
-        li {
-            margin-top: 1.25rem;
-            width: 100%;
-        }
+  }
+
+  .news {
+    flex-direction: column;
+
+    li {
+      width: 100%;
     }
-    .news {
-        flex-direction: column;
-        li {
-            width: 100%;
-        }
+  }
+
+  .news-banner {
+    flex-direction: column;
+
+    .pic-wrap,
+    .right {
+      width: 100%;
     }
-    .news-banner {
-        flex-direction: column;
-        .pic-wrap,
-        .right {
-            width: 100%;
-        }
+  }
+
+  .news-carousel,
+  .people {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      margin-bottom: 10px;
     }
-    .news-carousel,
-    .people {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-bottom: 10px;
-        }
+  }
+
+  .talent {
+    flex-direction: column;
+
+    .left,
+    .pic {
+      width: 100%;
     }
-    .talent {
-        flex-direction: column;
-        .left,
-        .pic {
-            width: 100%;
-        }
-        .left {
-            padding-bottom: 50px;
-            margin-bottom: 10px;
-        }
+
+    .left {
+      padding-bottom: 50px;
+      margin-bottom: 10px;
     }
-    .entry {
-        // flex-direction: column;
-        flex-wrap: wrap;
-        li {
-            width: 48% !important;
-            margin-bottom: 30px;
-        }
+  }
+
+  .entry {
+    // flex-direction: column;
+    flex-wrap: wrap;
+
+    li {
+      width: 48% !important;
+      margin-bottom: 30px;
     }
+  }
 }
 </style>
\ No newline at end of file
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 = {