From 8b572d29cf5306c3efaca6be1ef376d63773adc2 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 30 Oct 2023 13:56:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E7=AB=99=E5=8E=BB=E6=8E=89=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/about/index.vue              | 1724 +++++-------------------
 src/pages/application/index.vue        | 1048 ++++----------
 src/pages/article/index.vue            |   11 +
 src/pages/column/index.vue             |  145 +-
 src/pages/column/result.vue            |   28 -
 src/pages/contactUs/index.vue          |    7 -
 src/pages/devHistory/index.vue         |    7 -
 src/pages/deviceIntroBeam/index.vue    |   58 -
 src/pages/deviceIntroLayout/index.vue  |   74 -
 src/pages/deviceIntroLinear/index.vue  |  114 --
 src/pages/edu/index.vue                |  691 ++--------
 src/pages/estate/event/index.vue       |   46 -
 src/pages/estate/index/index.vue       |  120 --
 src/pages/estate/location/index.vue    |   18 -
 src/pages/estate/orgSetup/index.vue    |   17 -
 src/pages/estate/survey/index.vue      |   19 -
 src/pages/exp/index.vue                |  325 -----
 src/pages/governance/index.vue         |   37 -
 src/pages/home/index.vue               |  496 -------
 src/pages/iasf/index.vue               |  140 +-
 src/pages/industrial/index.vue         |   70 -
 src/pages/lightSources/index.vue       |    6 -
 src/pages/mission/index.vue            |   41 -
 src/pages/news/index.vue               |  991 --------------
 src/pages/newsPress/index.vue          |  658 ++-------
 src/pages/newsProcurement/index.vue    |  616 ++-------
 src/pages/org/index.vue                |   27 -
 src/pages/overviewDevHistory/index.vue |   53 -
 src/pages/overviewIntro/index.vue      |   31 -
 src/pages/overviewLocation/index.vue   |    8 -
 src/pages/overviewSetup/index.vue      |   17 -
 src/pages/overviewTrailer/index.vue    |    9 -
 src/pages/publication/index.vue        |   30 -
 src/pages/publication/single.vue       |   83 +-
 src/pages/publish/show.vue             |   15 -
 src/pages/research/index.vue           |  723 +++-------
 src/pages/science/index.vue            |  410 +-----
 src/pages/scientific/index.vue         |   39 -
 src/pages/sfel/index.vue               | 1012 --------------
 src/pages/speech/index.vue             |   18 -
 src/pages/talent/index.vue             |  355 -----
 src/pages/talentCenter/index.vue       |  306 -----
 src/pages/talentCentre/index.vue       |   45 -
 src/pages/userSharing/index.vue        |  339 -----
 44 files changed, 1278 insertions(+), 9749 deletions(-)

diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
index 910e2fb..8b69807 100644
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -1,26 +1,40 @@
 <template>
-  <div class="wrap" v-if="modules.length>=1">
-    <el-carousel height="24rem" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+  <div class="wrap"
+       v-if="modules.length>=1">
+    <el-carousel height="24rem"
+                 :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">
-          <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>
       </template>
     </el-carousel>
-    
+
     <div class="block history gray">
-      <div :class="['inner', {'cursor-pointer': isLink(modules[1].form.link.linkName)}]" @click="openLink(modules[1].form)">
-        <h2 class="wow fadeInLeft" style="margin-left: 3.56rem">{{ modules[1].form.title }}</h2>
-        <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)">
+        <h2 class="wow fadeInLeft"
+            style="margin-left: 3.56rem">{{ modules[1].form.title }}</h2>
+        <div class="texts wow fadeInDown"
+             data-wow-delay="0.5s">
           <div class="left">
             <h2>{{ modules[1].form.subTitle }}</h2>
             <div class="line"></div>
             <div class="des">{{ modules[1].form.des }}</div>
           </div>
-          <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+          <img class="bg"
+               width="562"
+               height="506"
+               :src="modules[1].form.pic"
+               alt="">
         </div>
       </div>
     </div>
@@ -28,23 +42,36 @@
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[2].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[2].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[2].form.des }}</p>
         <ul class="card">
-          <li :class="['item1 wow fadeInLeft', {'cursor-pointer': isLink(modules[3].form.link.linkName)}]" data-wow-delay="0.7s" @click="openLink(modules[3].form)">
+          <li :class="['item1 wow fadeInLeft', {'cursor-pointer': isLink(modules[3].form.link.linkName)}]"
+              data-wow-delay="0.7s"
+              @click="openLink(modules[3].form)">
             <h6>{{ modules[3].form.title }}</h6>
-            <div class="des" v-html="modules[3].form.des"></div>
+            <div class="des"
+                 v-html="modules[3].form.des"></div>
           </li>
-          <li :class="['item2 wow fadeInRight', {'cursor-pointer': isLink(modules[4].form.link.linkName)}]" data-wow-delay="0.9s" @click="openLink(modules[4].form)">
+          <li :class="['item2 wow fadeInRight', {'cursor-pointer': isLink(modules[4].form.link.linkName)}]"
+              data-wow-delay="0.9s"
+              @click="openLink(modules[4].form)">
             <h6>{{ modules[4].form.title }}</h6>
-            <div class="des" v-html="modules[4].form.des"></div>
+            <div class="des"
+                 v-html="modules[4].form.des"></div>
           </li>
-          <li :class="['item3 wow fadeInLeft', {'cursor-pointer': isLink(modules[5].form.link.linkName)}]" data-wow-delay="1.1s" @click="openLink(modules[5].form)">
+          <li :class="['item3 wow fadeInLeft', {'cursor-pointer': isLink(modules[5].form.link.linkName)}]"
+              data-wow-delay="1.1s"
+              @click="openLink(modules[5].form)">
             <h6>{{ modules[5].form.title }}</h6>
-            <div class="des" v-html="modules[5].form.des"></div>
+            <div class="des"
+                 v-html="modules[5].form.des"></div>
           </li>
-          <li :class="['item4 wow fadeInRight', {'cursor-pointer': isLink(modules[6].form.link.linkName)}]" data-wow-delay="1.3s" @click="openLink(modules[6].form)">
+          <li :class="['item4 wow fadeInRight', {'cursor-pointer': isLink(modules[6].form.link.linkName)}]"
+              data-wow-delay="1.3s"
+              @click="openLink(modules[6].form)">
             <h6>{{ modules[6].form.title }}</h6>
-            <div class="des" v-html="modules[6].form.des"></div>
+            <div class="des"
+                 v-html="modules[6].form.des"></div>
           </li>
         </ul>
       </div>
@@ -53,29 +80,36 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[7].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[7].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[7].form.des }}</p>
         <ul class="stat">
-          <li class="wow fadeInLeft" data-wow-delay="0.2s">
+          <li class="wow fadeInLeft"
+              data-wow-delay="0.2s">
             <p class="num">{{ modules[8].form.title }}</p>
             <p class="text">{{ modules[8].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft" data-wow-delay="0.4s">
+          <li class="wow fadeInLeft"
+              data-wow-delay="0.4s">
             <p class="num">{{ modules[9].form.title }}</p>
             <p class="text">{{ modules[9].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft" data-wow-delay="0.6s">
+          <li class="wow fadeInLeft"
+              data-wow-delay="0.6s">
             <p class="num">{{ modules[10].form.title }}</p>
             <p class="text">{{ modules[10].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft" data-wow-delay="0.9s">
+          <li class="wow fadeInLeft"
+              data-wow-delay="0.9s">
             <p class="num">{{ modules[11].form.title }}</p>
             <p class="text">{{ modules[11].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft" data-wow-delay="1.1s">
+          <li class="wow fadeInLeft"
+              data-wow-delay="1.1s">
             <p class="num">{{ modules[12].form.title }}</p>
             <p class="text">{{ modules[12].form.des }}</p>
           </li>
-          <li class="wow fadeInLeft" data-wow-delay="1.3s">
+          <li class="wow fadeInLeft"
+              data-wow-delay="1.3s">
             <p class="num">{{ modules[13].form.title }}</p>
             <p class="text">{{ modules[13].form.des }}</p>
           </li>
@@ -84,12 +118,16 @@
     </div>
 
     <div class="plan">
-      <div :class="['inner', {'cursor-pointer': isLink(modules[14].form.link.linkName)}]" @click="openLink(modules[14].form)">
-        <img class="pic wow fadeInLeft" :src="modules[14].form.pic" alt="">
+      <div :class="['inner', {'cursor-pointer': isLink(modules[14].form.link.linkName)}]"
+           @click="openLink(modules[14].form)">
+        <img class="pic wow fadeInLeft"
+             :src="modules[14].form.pic"
+             alt="">
         <div class="texts wow fadeInRight">
           <h6>{{ modules[14].form.title }}</h6>
           <div class="des">{{ modules[14].form.des }}</div>
-          <img src="@/assets/images/arrow-white.png" alt="">
+          <img src="@/assets/images/arrow-white.png"
+               alt="">
         </div>
       </div>
     </div>
@@ -97,16 +135,25 @@
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[15].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[15].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[15].form.des }}</p>
         <ul class="people">
           <template v-for="(item, i) in modules[16].list">
-            <li v-if="item.isEnable" :key="i" class="wow fadeInDown" data-wow-delay="0.5s">
-              <img class="pic" :src="item.pic" alt="">
+            <li v-if="item.isEnable"
+                :key="i"
+                class="wow fadeInDown"
+                data-wow-delay="0.5s">
+              <img class="pic"
+                   :src="item.pic"
+                   alt="">
               <div class="texts">
                 <p class="sub">{{ item.subTitle }}</p>
                 <h6>{{ item.title }}</h6>
                 <p class="des">{{ item.des }}</p>
-                <img :class="{'arrow': isLink(item.link.linkName)}" src="@/assets/images/arrow.png" alt="" @click="openLink(item)">
+                <img :class="{'arrow': isLink(item.link.linkName)}"
+                     src="@/assets/images/arrow.png"
+                     alt=""
+                     @click="openLink(item)">
               </div>
             </li>
           </template>
@@ -117,20 +164,36 @@
     <div class="block list-block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[17].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[17].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[17].form.des }}</p>
         <ul class="list">
-          <li class="wow fadeInDown" data-wow-delay="0.6s" :class="{'cursor-pointer': isLink(modules[18].form.link.linkName)}" @click="openLink(modules[18].form)">
-            <img class="pic" :src="modules[18].form.pic" alt="">
+          <li class="wow fadeInDown"
+              data-wow-delay="0.6s"
+              :class="{'cursor-pointer': isLink(modules[18].form.link.linkName)}"
+              @click="openLink(modules[18].form)">
+            <img class="pic"
+                 :src="modules[18].form.pic"
+                 alt="">
             <h6>{{ modules[18].form.title }}</h6>
             <p class="des">{{ modules[18].form.des }}</p>
           </li>
-          <li class="wow fadeInDown" data-wow-delay="0.8s" :class="{'cursor-pointer': isLink(modules[19].form.link.linkName)}" @click="openLink(modules[19].form)">
-            <img class="pic" :src="modules[19].form.pic" alt="">
+          <li class="wow fadeInDown"
+              data-wow-delay="0.8s"
+              :class="{'cursor-pointer': isLink(modules[19].form.link.linkName)}"
+              @click="openLink(modules[19].form)">
+            <img class="pic"
+                 :src="modules[19].form.pic"
+                 alt="">
             <h6>{{ modules[19].form.title }}</h6>
             <p class="des">{{ modules[19].form.des }}</p>
           </li>
-          <li class="wow fadeInDown" data-wow-delay="1s" :class="{'cursor-pointer': isLink(modules[20].form.link.linkName)}" @click="openLink(modules[20].form)">
-            <img class="pic" :src="modules[20].form.pic" alt="">
+          <li class="wow fadeInDown"
+              data-wow-delay="1s"
+              :class="{'cursor-pointer': isLink(modules[20].form.link.linkName)}"
+              @click="openLink(modules[20].form)">
+            <img class="pic"
+                 :src="modules[20].form.pic"
+                 alt="">
             <h6>{{ modules[20].form.title }}</h6>
             <p class="des">{{ modules[20].form.des }}</p>
           </li>
@@ -141,13 +204,18 @@
     <div class="block">
       <div class="inner staff-inner">
         <h2 class="b-title wow fadeInUp">{{ modules[21].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[21].form.des }}</p>
-        <div :class="['staff wow fadeInDown', {'cursor-pointer': isLink(modules[22].form.link.linkName)}]" data-wow-delay="0.7s" @click="openLink(modules[22].form)">
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[21].form.des }}</p>
+        <div :class="['staff wow fadeInDown', {'cursor-pointer': isLink(modules[22].form.link.linkName)}]"
+             data-wow-delay="0.7s"
+             @click="openLink(modules[22].form)">
           <div class="left">
             <h6>{{ modules[22].form.title }}</h6>
             <div class="des">{{ modules[22].form.des }}</div>
           </div>
-          <img class="pic" :src="modules[22].form.pic" alt="">
+          <img class="pic"
+               :src="modules[22].form.pic"
+               alt="">
         </div>
       </div>
     </div>
@@ -161,17 +229,17 @@ import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
-      
+
     }
   },
-  mounted() {
+  mounted () {
     new WOW().init()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -182,7 +250,7 @@ export default {
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
   }
 };
@@ -190,1386 +258,300 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
+@import '../../styles/page/page.scss';
 .banner-item {
-  .banner-name {
-    font-size: 2.16rem;
-  }
-}
-.block  {
-  padding: 3.85rem 0;
-  .inner {
-    .wow  {
-      font-size: 1.921rem;
+    .banner-name {
+        font-size: 2.16rem;
     }
-    .texts {
-      padding: 4.1rem 2.85rem 1.5rem;
-      .left {
-        width: 58%;
-        margin-right: 2.8rem;
-        h2 {
-          font-size: 1.721rem;
-        }
-        .line {
-          margin: 1rem;
-        }
-        .des {
-          font-size: 1.256rem;
+}
+.block {
+    padding: 3.85rem 0;
+    .inner {
+        .wow {
+            font-size: 1.921rem;
+        }
+        .texts {
+            padding: 4.1rem 2.85rem 1.5rem;
+            .left {
+                width: 58%;
+                margin-right: 2.8rem;
+                h2 {
+                    font-size: 1.721rem;
+                }
+                .line {
+                    margin: 1rem;
+                }
+                .des {
+                    font-size: 1.256rem;
+                }
+            }
+            .bg {
+                width: 38%;
+                height: 25.3rem;
+            }
+        }
+        .b-title {
+            margin-bottom: 2.5rem;
+            font-size: 2.8rem;
+        }
+        .intro {
+            margin-bottom: 4rem;
         }
-      }
-      .bg {
-        width: 38%;
-        height: 25.3rem;
-      }
-    }
-    .b-title {
-      margin-bottom: 2.5rem;
-      font-size: 2.8rem;
     }
-    .intro  {
-      margin-bottom: 4rem;
-    }
-  }
 }
 .history {
-  h2 {
-    font-size: 2.14rem;
-    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: .3s;
-    &:hover {
-      transform: scale(1.05);
-    }
-  }
-  .left {
-    width: 43.4375rem;
-  }
-  .line {
-    width: 8.5rem;
-    height: 2px;
-    margin: 1.25rem 0;
-    background: #D7D7D7;
-  }
-  .des {
-    font-size: 1.57rem;
-    color: #181818;
-    line-height: 31px;
-    -webkit-line-clamp: 6;
-  }
-  .bg {
-    margin: -122px 0 0 0;
-    border-top-right-radius: 40px;
-  }
-}
-.card {
-  display: flex;
-  flex-wrap: wrap;
-  li {
-    width: calc((100% - 28px) / 2);
-    // height: 13.85rem;
-    padding: 3.5rem 3.344rem ;
-    margin-bottom: 1.4rem;
-    color: #fff;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-    }
-    &:nth-child(odd) {
-      margin-right: 1.75rem;
-    }
-  }
-  .item1 {
-    background: url(../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
-  }
-  .item2 {
-    background-color: #4984B6;
-  }
-  .item3 {
-    background-color: #567180;
-  }
-  .item4 {
-    background: url(../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
-  }
-  h6 {
-    margin-bottom: 10px;
-    font-size: 2.28rem;
-    font-family: toppan;
-  }
-  .des {
-    font-size: 1.024rem;
-  }
-}
-.plan {
-  padding: 3.65rem 0;
-  background: #072947;
-  .inner {
-    display: flex;
-    justify-content: space-between;
-    width: 85.7142rem;
-  }
-  .pic {
-    width: 33.2rem;
-    height: 24.4rem;
-    margin-bottom: -4.8rem;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
+    h2 {
+        font-size: 2.14rem;
+        color: #333;
     }
-  }
-  .texts {
-    width: 51%;
-    margin-top: 4.25rem;
-    color: #fff;
-    transition: .3s;
-    &:hover {
-      transform: translateY(20px);
-    }
-    img {
-      width: 3.5rem;
-      height: 3.5rem;
+    .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: 8.5rem;
+        height: 2px;
+        margin: 1.25rem 0;
+        background: #d7d7d7;
+    }
+    .des {
+        font-size: 1.57rem;
+        color: #181818;
+        line-height: 31px;
+        -webkit-line-clamp: 6;
+    }
+    .bg {
+        margin: -122px 0 0 0;
+        border-top-right-radius: 40px;
     }
-  }
-  h6 {
-    font-size: 2.056rem;
-  }
-  .des {
-    margin: 2rem 0;
-    font-size: 1.1424rem;
-  }
 }
-.people {
-  li {
+.card {
     display: flex;
-    justify-content: space-between;
-    margin-bottom: 6.296rem;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-    }
-    &:nth-child(even) {
-      flex-direction: row-reverse;
-    }
-  }
-  .pic {
-    width: 47%;
-    height: auto;
-  }
-  .texts {
-    width: 49%;
-    padding-top: 4.45rem;
-  }
-  h6 {
-    margin: 1rem 0;
-    font-size: 2.28rem;
-    font-weight: 600;
-  }
-  .sub {
-    font-size: 1.1424rem;
-    color: #020202;
-  }
-  .des {
-    font-size: 1.024rem;
-    color: #020202;
-    line-height: 30px;
-  }
-  .arrow {
-    height: 3.7rem;width: 3.7rem;
-  }
-}
-.list-block {
-  .inner {
-    width: 80%;
-    padding: 5.625rem 0;
-    background-color: #fff;
-  }
-}
-.list {
-  display: flex;
-  justify-content: center;
-  li {
-    flex: 1;
-    padding-bottom: 1.875rem;
-    margin-right: 1.75rem;
-    text-align: center;
-    background-color: #F5F5F5;
-    transition: .3s;
-    &:hover {
-      background-color: #1f5793;
-      h6, .des {
+    flex-wrap: wrap;
+    li {
+        width: calc((100% - 28px) / 2);
+        // height: 13.85rem;
+        padding: 3.5rem 3.344rem;
+        margin-bottom: 1.4rem;
         color: #fff;
-      }
-    }
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-  .pic {
-    width: 100%;
-  }
-  h6 {
-    margin: 1.75rem 0 5px;
-    font-size: 1.368rem;
-    color: #272727;
-    transition: .3s;
-  }
-  .des {
-    font-size: .912rem;
-    color: #757575;
-    transition: .3s;
-  }
-}
-.staff {
-  display: flex;
-  justify-content: space-between;
-  background: #F8F8F8;
-  transition: .3s;
-  &:hover {
-    transform: scale(1.05);
-    background-color: #165191;
-    h6, .des {
-      color: #fff;
-    }
-  }
-  .staff-inner {
-    width: 98.8125rem;
-  }
-  .left {
-    width: 50%;
-    padding: 5.4rem 2.15rem 0 2.3rem;
-  }
-  h6 {
-    margin-bottom: 1.5rem;
-    font-size: 1.712rem;
-    color: #333;
-    transition: .3s;
-    @include mul-ellipsis(3);
-  }
-  .des {
-    font-size: 1.42rem;
-    color: #333;
-    line-height: 1.94rem;
-    transition: .3s;
-  }
-  .pic {
-    width: 53%;
-    height: auto
-  }
-}
-.stat {
-  display: flex;
-  justify-content: space-around;
-  flex-wrap: wrap;
-  margin-top: 3rem;
-  li {
-    width: 27%;
-    margin-bottom: 2.5rem;
-  }
-  .num {
-    margin-bottom: 10px;
-    font-size: 2.7rem;
-    font-weight: 800;
-    font-family: toppan;
-    color: #035CE1;
-    line-height: 2.45rem;
-  }
-  .text {
-    font-size: 1.08rem;
-  }
-}
-
-@media (max-width: 1200px) {
-  .card li {
-    padding:3.5rem 1rem;
-  }
-  .history{
-    .texts{
-      padding: 3.14rem 1.5rem;
-    }
-  }
- .texts {
-  flex-direction: column;
-  .left{
-    width: 100%;
-    h2{
-      font-size: 1.42rem;
-    }
-    
-  }
-  .bg{ 
-      margin: 0;
-      width: 100%;
-      height: 28.125rem;
-    }
- }
- .block{
-  padding: 50px 0;
-  .intro{
-    margin-bottom: 3.125rem;
-  }
-  .inner {
-    .card{
-      flex-direction: column;
-      li {
-        width: 100%;
-      }
-    }
-  }
-  
- }
- .gray {
-    .inner{
-      .stat{
-        flex-direction: column;
-        li{
-          width: 100%;
-          text-align: center;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
         }
-      } 
-    }
-    
-  }
-  .plan{
-    .inner{
-       flex-direction: column;
-       .pic{
-        width: 95%;margin: 0 auto;
-       }
-       .texts {
-        width: 100%;
-        text-align: center;
-       }
-    }
-  }
-  .block {
-    .inner {
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .people{
-        .wow {
-          flex-direction: column;
-          .pic {
-            width: 95%;
-            margin: 0 auto;
-          }
-          .texts{
-            padding-top: 3.125rem;
-            width: 100%;
-          }
+        &:nth-child(odd) {
+            margin-right: 1.75rem;
         }
-      }
-      .list{
-        flex-direction: column;
-        .wow {
-          width: 100%;
-        }
-      }
-      .staff {
-        flex-direction: column;
-        .left{
-          width: 100%;
-          h6 {
-            font-size: 1.42rem;
-          }
-          .des{
-             font-size: 1.07rem;
-          }
-        }
-        .pic {
-          width: 95%;margin: 0 auto;
-          height: 25rem;
-        }
-      }
-    }
-  }
-}
-
-@media (min-width: 280px) and (max-width: 1200px) {
-
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
     }
-  }
-  .inner{
-    .texts {
-      .bg {
-        height: 21.875rem;
-        margin-top: 1rem;
-      }
+    .item1 {
+        background: url(../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
     }
-    .card {
-      li {
-        h6 {
-          font-size: 2rem;
-        }
-      }
+    .item2 {
+        background-color: #4984b6;
     }
-    .people{
-      li {
-        margin-bottom: 30px;
-        .pic {
-          height: 18.875rem;
-        }
-      }
+    .item3 {
+        background-color: #567180;
     }
-  }
-  .plan {
-    .pic {
-      height: 25rem;
+    .item4 {
+        background: url(../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
     }
-  }
-  .list {
-    .pic {
-      height: 19rem;
+    h6 {
+        margin-bottom: 10px;
+        font-size: 2.28rem;
+        font-family: toppan;
     }
-  }
-  .staff {
-    .pic {
-      height: 20rem !important;
+    .des {
+        font-size: 1.024rem;
     }
-  }
 }
-@media (max-width: 320px) {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
-    }
-  }
-  .history  {
+.plan {
+    padding: 3.65rem 0;
+    background: #072947;
     .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
+        display: flex;
+        justify-content: space-between;
+        width: 85.7142rem;
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        li {
-          padding: 1rem;
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        li {
-          .pic {
-            width: 100% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        .pic {
-          height: auto !important;
+    .pic {
+        width: 33.2rem;
+        height: 24.4rem;
+        margin-bottom: -4.8rem;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
         }
-      }
     }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
-        }
-        .texts  {
-          margin-top: 1rem;
-        }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
+    .texts {
+        width: 51%;
+        margin-top: 4.25rem;
+        color: #fff;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
         }
-      }
-    }
-  }
-}
-@media (min-width: 320px) and (max-width: 375px)  {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
-    }
-  }
-  .history  {
-    .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
+        img {
+            width: 3.5rem;
+            height: 3.5rem;
         }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        li {
-          padding: 1rem;
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        li {
-          .pic {
-            width: 100% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        .pic {
-          height: auto !important;
-        }
-      }
+    h6 {
+        font-size: 2.056rem;
     }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
-        }
-        .texts  {
-          margin-top: 1rem;
-        }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
+    .des {
+        margin: 2rem 0;
+        font-size: 1.1424rem;
     }
-  }
 }
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
-    }
-  }
-  .history  {
-    .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        li {
-          padding: 1.5rem;
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        li {
-          .pic {
-            width: 100% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        .pic {
-          height: auto !important;
-        }
-      }
-    }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
-        }
-        .texts  {
-          margin-top: 1rem;
+.people {
+    li {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 6.296rem;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
         }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
+        &:nth-child(even) {
+            flex-direction: row-reverse;
         }
-      }
     }
-  }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
+    .pic {
+        width: 47%;
+        height: auto;
     }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
+    .texts {
+        width: 49%;
+        padding-top: 4.45rem;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
+    h6 {
+        margin: 1rem 0;
+        font-size: 2.28rem;
+        font-weight: 600;
     }
-  }
-  .history  {
-    .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
+    .sub {
+        font-size: 1.1424rem;
+        color: #020202;
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        li {
-          padding: 2rem;
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        li {
-          .pic {
-            width: 100% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        .pic {
-          height: auto !important;
-        }
-      }
+    .des {
+        font-size: 1.024rem;
+        color: #020202;
+        line-height: 30px;
     }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
-        }
-        .texts  {
-          margin-top: 1rem;
-        }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
+    .arrow {
+        height: 3.7rem;
+        width: 3.7rem;
     }
-  }
 }
-@media (min-width: 640px) and (max-width: 768px) {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
-    }
-  }
-  .history  {
-    .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
+.list-block {
     .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        flex-direction: row;
-        li {
-          padding: 2rem;
-          width: calc((100% - 28px) / 2);
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        li {
-          .pic {
-            width: 100% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        .pic {
-          height: auto !important;
-        }
-      }
-      .stat {
-        flex-direction: row;
-        li {
-          width: 30%;
-        }
-      }
+        width: 80%;
+        padding: 5.625rem 0;
+        background-color: #fff;
     }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
+}
+.list {
+    display: flex;
+    justify-content: center;
+    li {
+        flex: 1;
+        padding-bottom: 1.875rem;
+        margin-right: 1.75rem;
+        text-align: center;
+        background-color: #f5f5f5;
+        transition: 0.3s;
+        &:hover {
+            background-color: #1f5793;
+            h6,
+            .des {
+                color: #fff;
+            }
         }
-        .texts  {
-          margin-top: 1rem;
+        &:last-child {
+            margin-right: 0;
         }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
-    }
-  }
-}
-@media (min-width: 768px) and (max-width: 980px)  {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
+    .pic {
+        width: 100%;
     }
-  }
-  .history  {
-    .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
+    h6 {
+        margin: 1.75rem 0 5px;
+        font-size: 1.368rem;
+        color: #272727;
+        transition: 0.3s;
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        flex-direction: row;
-        li {
-          padding: 2rem;
-          width: calc((100% - 28px) / 2);
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        
-        li {
-          flex-direction: row !important;
-          .pic {
-            width: 47% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        flex-direction: row;
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        flex-direction: row;
-        .pic {
-          width: 53%;
-          height: auto !important;
-        }
-      }
-      .stat {
-        flex-direction: row;
-        li {
-          width: 30%;
-        }
-      }
-    }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
-        }
-        .texts  {
-          margin-top: 1rem;
-        }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
+    .des {
+        font-size: 0.912rem;
+        color: #757575;
+        transition: 0.3s;
     }
-  }
 }
-@media (min-width: 980px) and (max-width: 1200px) {
-  .wrap  {
-    /deep/ .el-carousel {
-      height: 12rem;
-      .el-carousel__container{
-        height: 12rem !important;
-      }
-      img {
-        height: 12rem;
-      }
+.staff {
+    display: flex;
+    justify-content: space-between;
+    background: #f8f8f8;
+    transition: 0.3s;
+    &:hover {
+        transform: scale(1.05);
+        background-color: #165191;
+        h6,
+        .des {
+            color: #fff;
+        }
     }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
+    .staff-inner {
+        width: 98.8125rem;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      bottom: 0;
-      left: 2rem;
+    .left {
+        width: 50%;
+        padding: 5.4rem 2.15rem 0 2.3rem;
     }
-  }
-  .history  {
-    .inner {
-      h2  {
-        margin-left: 1rem !important;
-      }
-      .texts  {
-        padding: 4.1rem 1.35rem 1.5rem;
-        .left {
-          h2 {
-            margin: 0 !important;
-            font-size: 1.321rem;
-          }
-          .line {
-            margin: .5rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-          }
-      }
+    h6 {
+        margin-bottom: 1.5rem;
+        font-size: 1.712rem;
+        color: #333;
+        transition: 0.3s;
+        @include mul-ellipsis(3);
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      width: 90%;
-      .b-title {
-        margin-bottom: 1rem;
-        font-size: 1.2rem;
-      }
-      .intro  {
-        margin-bottom: 1rem;
-        font-size: .85rem;
-      }
-      .texts  {
-        .bg {
-          height: auto;
-        }
-      }
-      .card {
-        flex-direction: row;
-        li {
-          padding:  3.5rem 3.344rem;
-          width: calc((100% - 28px) / 2);
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
-      .people {
-        
-        li {
-          flex-direction: row !important;
-          .pic {
-            width: 47% !important;
-            height: auto;
-            margin: 0;
-          }
-          .texts {
-            padding: 1rem !important;
-          }
-        }
-      }
-      .list {
-        flex-direction: row;
-        li {
-          .pic {
-            height: 13rem;
-          }
-        }
-      }
-      .staff  {
-        flex-direction: row;
-        .pic {
-          width: 53%;
-          height: auto !important;
-        }
-      }
-      .stat {
-        flex-direction: row;
-        li {
-          width: 30%;
-        }
-      }
+    .des {
+        font-size: 1.42rem;
+        color: #333;
+        line-height: 1.94rem;
+        transition: 0.3s;
     }
-  }
-  .plan {
-    padding: 1rem 0;
-      .inner {
-        width: 90%;
-        .pic {
-          width: 100%;
-          height: auto;
-        }
-        .texts  {
-          margin-top: 1rem;
-        }
-      }
-  }
-  .list-block  {
-    .inner {
-      padding-top: 1rem;
-      .list {
-        li {
-          .pic {
-            height: auto;
-          }
-        }
-      }
+    .pic {
+        width: 53%;
+        height: auto;
     }
-  }
 }
-@media (min-width: 1200px) and (max-width: 1300px) {
-  .block {
-    .inner {
-      .card {
-        li {
-          h6 {
-            font-size: 1.5rem;
-          }
-        }
-      }
+.stat {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin-top: 3rem;
+    li {
+        width: 27%;
+        margin-bottom: 2.5rem;
+    }
+    .num {
+        margin-bottom: 10px;
+        font-size: 2.7rem;
+        font-weight: 800;
+        font-family: toppan;
+        color: #035ce1;
+        line-height: 2.45rem;
+    }
+    .text {
+        font-size: 1.08rem;
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/application/index.vue b/src/pages/application/index.vue
index fba0f6b..4c669e8 100644
--- a/src/pages/application/index.vue
+++ b/src/pages/application/index.vue
@@ -1,39 +1,64 @@
 <template>
-  <div class="wrap" v-if="modules.length>=1">
-    <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'">
+  <div class="wrap"
+       v-if="modules.length>=1">
+    <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'">
       <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>
       </template>
     </el-carousel>
-    
+
     <div class="block history gray">
       <div class="inner">
-        <h2 class="wow fadeInLeft" style="margin-left: 57px">{{ modules[1].form.title }}</h2>
-        <div class="texts wow fadeInDown" data-wow-delay="0.5s">
+        <h2 class="wow fadeInLeft"
+            style="margin-left: 57px">{{ modules[1].form.title }}</h2>
+        <div class="texts wow fadeInDown"
+             data-wow-delay="0.5s">
           <div class="left">
             <h2>{{ modules[1].form.subTitle }}</h2>
             <!-- <div class="line"></div> -->
             <div class="des">{{ modules[1].form.des }}</div>
-            <img :class="{'arrow': isLink(modules[1].form.link.linkName)}" src="@/assets/images/arrow.png" alt="" @click="openLink(modules[1].form)">
+            <img :class="{'arrow': isLink(modules[1].form.link.linkName)}"
+                 src="@/assets/images/arrow.png"
+                 alt=""
+                 @click="openLink(modules[1].form)">
           </div>
-          <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+          <img class="bg"
+               width="562"
+               height="506"
+               :src="modules[1].form.pic"
+               alt="">
         </div>
       </div>
     </div>
-    
+
     <div class="block">
       <div class="inner app-inner">
         <h2 class="b-title wow fadeInUp">{{ modules[2].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[2].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[2].form.des }}</p>
         <ul class="app">
-          <li v-for="(item, i) in modules[3].list" :key="i" class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{'cursor-pointer': isLink(item.link.linkName)}" @click="openLink(item)">
-            <img class="bg" :src="require('@/assets/images/application/app' + (i + 1) + '.png')" alt="">
-            <img class="icon" :src="require('@/assets/images/application/app' + (i + 1) + '-1.png')" alt="">
+          <li v-for="(item, i) in modules[3].list"
+              :key="i"
+              class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              :class="{'cursor-pointer': isLink(item.link.linkName)}"
+              @click="openLink(item)">
+            <img class="bg"
+                 :src="require('@/assets/images/application/app' + (i + 1) + '.png')"
+                 alt="">
+            <img class="icon"
+                 :src="require('@/assets/images/application/app' + (i + 1) + '-1.png')"
+                 alt="">
             <p class="text">{{ item.title }}</p>
           </li>
         </ul>
@@ -43,10 +68,17 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
         <ul class="group">
-          <li v-for="(item, i) in modules[5].list" :key="i" class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{'cursor-pointer': isLink(item.link.linkName)}" @click="openLink(item)">
-            <img :src="item.pic" alt="">
+          <li v-for="(item, i) in modules[5].list"
+              :key="i"
+              class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              :class="{'cursor-pointer': isLink(item.link.linkName)}"
+              @click="openLink(item)">
+            <img :src="item.pic"
+                 alt="">
             <p class="text">{{ item.title }}</p>
           </li>
         </ul>
@@ -56,19 +88,29 @@
     <div class="block news-block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
         <ul class="news">
-          <li v-for="(item, i) in articles" :key="i" class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" @click="toArtice(item, modules[7].form)">
-            <img :src="item.titleImg" alt="">
+          <li v-for="(item, i) in articles"
+              :key="i"
+              class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              @click="toArtice(item, modules[7].form)">
+            <img :src="item.titleImg"
+                 alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
-              <div class="des" v-html="item.mainBody"></div>
+              <div class="des"
+                   v-html="item.mainBody"></div>
               <span class="meta">{{ item.releaseTime }}</span>
             </div>
           </li>
         </ul>
-        <div class="all-link" @click="toAll(modules[7].form)">
-          <span>{{$t('column.all')}} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
+        <div class="all-link"
+             @click="toAll(modules[7].form)">
+          <span>{{$t('column.all')}} <img class="icon"
+                 src="@/assets/images/arrow.png"
+                 alt=""></span>
         </div>
       </div>
     </div>
@@ -82,17 +124,17 @@ import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       articles: []
     }
   },
-  mounted() {
+  mounted () {
     new WOW().init()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -102,16 +144,16 @@ export default {
             data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
-          
+
           // 获取文章列表
           const { column, site, articleNum } = json[7].form
           if (column.length) {
             this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
               this.articles = Util.removeTag(data.slice(0, articleNum || 6))
-            }).catch(err => {})
+            }).catch(err => { })
           }
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
   }
 };
@@ -119,820 +161,216 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
+@import '../../styles/page/page.scss';
 
-.wrap{
-  /deep/ .el-carousel {
-    height: 21.6rem;
-    .el-carousel__container{
-      height: 21.6rem;
-    }
-    img{
-      height: 21.6rem;
+.wrap {
+    /deep/ .el-carousel {
+        height: 21.6rem;
+        .el-carousel__container {
+            height: 21.6rem;
+        }
+        img {
+            height: 21.6rem;
+        }
     }
-  }
 }
 .banner-item {
-  .banner-name {
-    font-size: 2.16rem;
-  }
-}
-.block  {
-  padding: 3.15rem 0;
-  .inner {
-    .b-title  {
-      font-size: 2.25rem;
-      margin-bottom: 2.25rem;
+    .banner-name {
+        font-size: 2.16rem;
     }
-    .intro  {
-      margin-bottom: 2.25rem;
+}
+.block {
+    padding: 3.15rem 0;
+    .inner {
+        .b-title {
+            font-size: 2.25rem;
+            margin-bottom: 2.25rem;
+        }
+        .intro {
+            margin-bottom: 2.25rem;
+        }
     }
-  }
 }
 .history {
-  h2 {
-    font-size: 1.35rem;
-    color: #333;
-  }
-  .texts {
-    display: flex;
-    justify-content: space-between;
-    padding: 2.7rem 2.56rem 2.7rem;
-    margin-top: 20px;
-    background-color: #fff;
-    border-radius: 100px 0px 0px 0px;
-    transition: .3s;
-    position: relative;
-    &:hover {
-      transform: scale(1.05);
+    h2 {
+        font-size: 1.35rem;
+        color: #333;
+    }
+    .texts {
+        display: flex;
+        justify-content: space-between;
+        padding: 2.7rem 2.56rem 2.7rem;
+        margin-top: 20px;
+        background-color: #fff;
+        border-radius: 100px 0px 0px 0px;
+        transition: 0.3s;
+        position: relative;
+        &:hover {
+            transform: scale(1.05);
+        }
+        // .line {
+        //   padding: 2.7rem 0;
+        // }
+        .des {
+            margin: 2.7rem 0;
+        }
+    }
+    .left {
+        width: 50%;
     }
-    // .line {
-    //   padding: 2.7rem 0;
-    // }
     .des {
-      margin:  2.7rem 0;
+        margin: 20px 0;
+        font-size: 1.2rem;
+        color: #181818;
+        line-height: 31px;
+    }
+    .bg {
+        width: 32.88rem;
+        height: auto;
+        position: absolute;
+        right: -1rem;
+        bottom: 2.9rem;
     }
-  }
-  .left {
-    width: 50%;
-  }
-  .des {
-    margin: 20px 0;
-    font-size: 1.2rem;
-    color: #181818;
-    line-height: 31px;
-  }
-  .bg {
-    width: 32.88rem;
-    height: auto;
-    position: absolute;
-    right: -1rem;
-    bottom: 2.9rem;
-  }
 }
 .app-inner {
-  width: 1558px;
+    width: 1558px;
 }
 .app {
-  display: flex;
-  flex-wrap: wrap;
-  li {
-    position: relative;
     display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 368px;
-    height: 252px;
-    margin: 0 14px 14px 0;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-      .icon {
-        transform: rotateY(180deg);
-      }
-    }
-    &:first-child {
-      width: 750px;
-    }
-    &:nth-child(3), &:nth-child(7), &:nth-child(10) {
-      margin-right: 0;
-    }
-    &:nth-child(9) {
-      width: 563px;
-    }
-    &:nth-child(10) {
-      width: 555px;
-    }
-  }
-  .bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .icon {
-    position: relative;
-    transition: .3s;
-  }
-  .text {
-    position: relative;
-    margin-top: 20px;
-    font-size: 2rem;
-    color: #fff;
-  }
-}
-.group {
-  display: flex;
-  flex-wrap: wrap;
-  li {
-    position: relative;
-    width: calc((100% - 56px) / 3);
-    margin: 0 28px 39px 0;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-      .text {
-        color: #fff;
-        background-color: #394f6d;
-      }
-    }
-    &:nth-child(3n) {
-      margin-right: 0;
-    }
-  }
-  img {
-    width: 100%;
-    height: auto;
-  }
-  .text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 6.43rem;
-    font-size: 1.44rem;
-    font-family: SFProDisplay-Bold, SFProDisplay;
-    font-weight: bold;
-    line-height:  6.43rem;
-    text-align: center;
-    color: #272727;
-    background-color: #F5F5F5;
-    transition: .3s;
-  }
-}
-.news-block {
-  background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
-}
-.news {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  li {
-    display: inline-flex;
-    width: calc((100% - 28px) / 2);
-    padding: 1.53rem;
-    margin-bottom: 1.26rem;
-    background-color: #fff;
-    cursor: pointer;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-    }
-  }
-  img {
-    width: 10.66rem;
-    height: auto;
-  }
-  .texts {
-    margin-left: 34px;
-  }
-  h6 {
-    font-size: 1.1rem;
-    color: #0648A8;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-  .des {
-    margin: 2px 0;
-    font-size: .9rem;
-    color: #333;
-    line-height: 22px;
-    -webkit-line-clamp: 2;
-  }
-  .meta {
-    font-size: .8rem;
-    color: #999;
-  }
-}
-@media (max-width: 1520px) {
-  .app-inner {
-    width: 1558px;
-  }
-}
-
-
-@media (min-width: 280px) and (max-width: 1200px) {
-  .wrap{
-  /deep/ .el-carousel {
-    height: 15rem;
-    .el-carousel__container{
-      height: 15rem;
-    }
-    img{
-      height: 15rem;
-    }
-  }
-}
-.banner-item .banner-name {
-  font-size: 1.5rem;
-  bottom: 2.25rem;
-  left: 16.125rem
-}
- .block{ 
-  padding: 50px 0;
-  .inner{
-    width: 95%;
-    margin: 0 auto;
-    .texts{
-      flex-direction: column;
-      .left {
-        width: 100%;
-      }
-      .bg{
-        margin: 0;
-        width: 100%;
-        height: 20rem !important;
-      }
-    }
-  }
-  .app{
-    li {
-      width: 100%;
-    }
-  }
-  .intro {
-    margin-bottom: 30px;
-  }
-  .group{
-     flex-direction: column;
-     li {
-      width: 100%;
-      img {
-        height: 20rem;
-      }
-     }
-  }
-  .news{
-    flex-direction: column;
+    flex-wrap: wrap;
     li {
-      width: 95%;
-      margin: 0 auto;
-      flex-direction: column;
-      img{
-        width: 100%;
-        height: 12rem;
-      }
-      .texts{
-        margin-left: 0;
-        margin-top: 20px;
-      }
-    }
-  }
- }
-}
-@media (max-width: 1200px) {
- .block{ 
-  padding: 50px 0;
-  .inner{
-    width: 95%;
-    margin: 0 auto;
-    .texts{
-      flex-direction: column;
-      .left {
-        width: 100%;
-      }
-      .bg{
-        margin: 0;
-        width: 100%;
-        height: 450px;
-      }
-    }
-  }
-  .app{
-    li {
-      width: 100%;
-    }
-  }
-  .intro {
-    margin-bottom: 30px;
-  }
-  .group{
-     flex-direction: column;
-     li {
-      width: 100%;
-     }
-  }
-  .news{
-    flex-direction: column;
-    li {
-      width: 95%;
-      margin: 0 auto;
-      flex-direction: column;
-      img{
-        width: 100%;
-        height: 200px;
-      }
-      .texts{
-        margin-left: 0;
-        margin-top: 20px;
-      }
-    }
-  }
- }
-}
-@media (max-width: 320px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        padding: 5rem 1.25rem;
-        h2{
-          margin-left: 0 !important;
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        width: 368px;
+        height: 252px;
+        margin: 0 14px 14px 0;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+            .icon {
+                transform: rotateY(180deg);
+            }
         }
-        .bg {
-          height: auto !important;
+        &:first-child {
+            width: 750px;
         }
-      }
-      .group{
-        li {
-          img {
-            height: auto;
-          }
-        }
-      }
-      .news {
-         li {
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
-    }
-  }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        padding: 5rem 1.25rem;
-        h2{
-          margin-left: 0 !important;
+        &:nth-child(3),
+        &:nth-child(7),
+        &:nth-child(10) {
+            margin-right: 0;
         }
-        .bg {
-          height: auto !important;
+        &:nth-child(9) {
+            width: 563px;
         }
-      }
-      .group{
-        li {
-          img {
-            height: auto;
-          }
+        &:nth-child(10) {
+            width: 555px;
         }
-      }
-      .news {
-         li {
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
-    }
-  }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
     }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
+    .bg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
+    .icon {
+        position: relative;
+        transition: 0.3s;
     }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        padding: 5rem 1.25rem;
-        h2{
-          margin-left: 0 !important;
-        }
-        .bg {
-          height: auto !important;
-        }
-      }
-      .group{
-        li {
-          img {
-            height: auto;
-          }
-        }
-      }
-      .news {
-         li {
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
+    .text {
+        position: relative;
+        margin-top: 20px;
+        font-size: 2rem;
+        color: #fff;
     }
-  }
 }
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        padding: 5rem 1.25rem;
-        h2{
-          margin-left: 0 !important;
-        }
-        .bg {
-          height: auto !important;
+.group {
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        margin: 0 28px 39px 0;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+            .text {
+                color: #fff;
+                background-color: #394f6d;
+            }
         }
-      }
-      .group{
-        li {
-          img {
-            height: auto;
-          }
+        &:nth-child(3n) {
+            margin-right: 0;
         }
-      }
-      .news {
-         li {
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
-    }
-  }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
     }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
     img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        padding: 5rem 1.25rem;
-        h2{
-          margin-left: 0 !important;
-        }
-        .bg {
-          height: auto !important;
-        }
-      }
-      .group{
-        li {
-          img {
-            height: auto;
-          }
-        }
-      }
-      .news {
-         li {
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
+        width: 100%;
+        height: auto;
+    }
+    .text {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 6.43rem;
+        font-size: 1.44rem;
+        font-family: SFProDisplay-Bold, SFProDisplay;
+        font-weight: bold;
+        line-height: 6.43rem;
+        text-align: center;
+        color: #272727;
+        background-color: #f5f5f5;
+        transition: 0.3s;
     }
-  }
 }
-@media (min-width: 768px) and (max-width: 980px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        flex-direction: row;
-        padding: 3rem 1.25rem;
-        .left {
-          width: 50%;
-        }
-        h2{
-          margin-left: 0 !important;
-        }
-        .bg {
-          width: 50%;
-          margin: -3rem 0 0 0;
-          height: auto !important;
-        }
-      }
-      .group{
-        flex-direction: row;
-        li {
-          width: calc((100% - 56px) / 3);
-          img {
-            height: auto;
-          }
-          .text {
-            line-height: 1.5rem;
-          }
-        }
-      }
-      .news {
-        flex-direction: row;
-         li {
-          width: calc((100% - 28px) / 2);
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
-      .app {
-        flex-direction: row;
-        li {
-          width: 45%;
-          &:nth-child(2n+1) {
-            margin-right: 1rem;
-          }
-        }
-      }
-    }
-  }
+.news-block {
+    background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
 }
-@media (min-width: 980px) and (max-width: 1200px)  {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
+.news {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    li {
+        display: inline-flex;
+        width: calc((100% - 28px) / 2);
+        padding: 1.53rem;
+        margin-bottom: 1.26rem;
+        background-color: #fff;
+        cursor: pointer;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+        }
     }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
+    img {
+        width: 10.66rem;
+        height: auto;
     }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
+    .texts {
+        margin-left: 34px;
     }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
+    h6 {
+        font-size: 1.1rem;
+        color: #0648a8;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
+        overflow: hidden;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
+    .des {
+        margin: 2px 0;
+        font-size: 0.9rem;
+        color: #333;
+        line-height: 22px;
+        -webkit-line-clamp: 2;
     }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .inner {
-      h2 {
-        margin-left: 1.5rem !important;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .texts {
-        flex-direction: row;
-        padding: 3rem 1.25rem;
-        .left {
-          width: 50%;
-        }
-        h2{
-          margin-left: 0 !important;
-        }
-        .bg {
-          width: 50%;
-          margin: -3rem 0 0 0;
-          height: auto !important;
-        }
-      }
-      .group{
-        flex-direction: row;
-        li {
-          width: calc((100% - 56px) / 3);
-          img {
-            height: auto;
-          }
-          .text {
-            line-height: 1.5rem;
-          }
-        }
-      }
-      .news {
-        flex-direction: row;
-         li {
-          width: calc((100% - 28px) / 2);
-          padding: 1.25rem;
-          img{
-             height: auto;
-          }
-          .texts {
-            padding: 1.25rem;
-          }
-         }
-      }
-      .app {
-        flex-direction: row;
-        li {
-          width: 45%;
-          &:nth-child(2n+1) {
-            margin-right: 1rem;
-          }
-        }
-      }
+    .meta {
+        font-size: 0.8rem;
+        color: #999;
     }
-  }
 }
-
-
 </style>
\ No newline at end of file
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 500f9f9..cdfe64d 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -19,6 +19,7 @@
           <p v-if="form.summary"
              class="brief">{{ form.summary }}</p>
           <div class="des"
+               id="mainBody"
                v-html="form.mainBody"></div>
           <div v-if="form.fileList && form.fileList.length"
                class="annex">
@@ -126,6 +127,16 @@ export default {
               if (temId == 72) this.isPeople = 1 // 人物详情（articleTemplate=72）要隐藏除了正文和摘要以外的所有字段
               data.releaseTime = data.releaseTime.split(' ')[0]
               this.form = data
+              // 手动修复tinymce缩进bug（p标签下包裹多个子元素，p标签上只有text-indent，没有font-size，导致缩进2em的情况下未能缩进两个字符）
+              this.$nextTick(() => {
+                document.querySelectorAll('#mainBody p').forEach(e => {
+                  try {
+                    if (e.children.length && e.style.textIndent) {
+                      e.style.fontSize = e.children[0].style.fontSize
+                    }
+                  } catch (e) { }
+                })
+              })
               this.columnId = data.columnId
               // 如果没上传banner
               if (!data.bannerImg) {
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 32e230c..7a99b67 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -341,7 +341,7 @@
                                alt=""
                                onerror="javascript:this.src='./images/1.png';" />
 
-                          <template v-else>
+                          <template v-else-if="item.fileList">
                             <!-- <el-image class="media-pic"
                                       :style="{backgroundImage: 'url(http://10.10.11.7/iasf/sysFiles/preview/1706961813193707521)'}"
                                       src="http://10.10.11.7/iasf/sysFiles/preview/1706961813193707521"
@@ -357,7 +357,6 @@
                             </video>
                             <el-image v-else
                                       class="media-pic"
-                                      :style="{backgroundImage: 'url(' + item.fileList[0].filePath + ')'}"
                                       :src="item.fileList[0].filePath"
                                       :preview-src-list="[item.fileList[0].filePath]">
                             </el-image>
@@ -725,6 +724,7 @@ export default {
           columnIds: [411, 412, 413],
           pageNum: 1,
           pageSize: 10,
+          publicationTimeSort: 1
         }).then(({ data }) => {
           this.site2News = Util.removeTag(data.records);
         }).catch((res) => { });
@@ -732,7 +732,8 @@ export default {
         this.$post(this.api.newlyPublishedArticles, {
           pageNum: 1,
           pageSize: 5,
-          siteId: this.site
+          siteId: this.site,
+          publicationTimeSort: 1
         }).then(({ data }) => {
           this.news = Util.removeTag(data.records);
         }).catch((res) => { });
@@ -1178,8 +1179,8 @@ export default {
         margin-left: 10px;
         li {
             flex-direction: column;
-            width: calc(25% - 20px);
-            margin-right: 20px;
+            width: calc(25% - 30px);
+            margin-right: 30px;
             background-color: transparent;
             &:nth-child(4n) {
                 margin-right: 0;
@@ -1187,16 +1188,13 @@ export default {
         }
         .media-video {
             width: 100%;
-            min-height: 155px;
+            height: 155px;
         }
         /deep/.media-pic {
             width: 100%;
-            min-height: 155px;
-            // height: 200px;
-            background-position: center center;
-            background-repeat: no-repeat;
+            height: 155px;
             img {
-                opacity: 0;
+                object-fit: cover;
             }
         }
         .texts {
@@ -1206,7 +1204,7 @@ export default {
         h6 {
             margin-top: 10px;
             margin-bottom: 0;
-            font-size: 1.2rem;
+            font-size: 1rem;
             text-align: center;
         }
     }
@@ -1407,127 +1405,4 @@ export default {
         color: #333;
     }
 }
-@media (max-width: 1200px) {
-    .banner {
-        height: 15rem !important;
-        img {
-            height: 15rem !important;
-        }
-        .texts {
-            top: 6rem;
-            left: 3rem;
-        }
-    }
-    .article {
-        flex-direction: column;
-
-        .columns {
-            width: 40%;
-        }
-        .left {
-            width: 100%;
-
-            .forms {
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-
-                .item,
-                .search {
-                    margin: 20px 0 0 0;
-                }
-
-                .item:first-child {
-                    margin: 0;
-                }
-
-                div {
-                    width: 100%;
-                }
-            }
-        }
-
-        .article-wrap {
-            width: 90%;
-            margin: 0 auto;
-        }
-
-        .articles {
-            li {
-                flex-direction: column;
-                align-items: flex-start;
-                padding: 1rem;
-                margin-top: 1rem;
-                .pic {
-                    width: 100%;
-                    margin: 10px 0;
-                }
-            }
-            .readDetail {
-                .texts {
-                    padding-left: 0;
-                }
-            }
-        }
-        .media {
-            li {
-                padding: 0;
-            }
-        }
-
-        .right {
-            width: 95%;
-            margin: 20px auto;
-        }
-    }
-}
-
-@media (max-width: 640px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .article {
-        .contents {
-            flex-direction: column;
-            padding: 0 15px;
-        }
-        .columns,
-        .article-wrap {
-            width: 100%;
-            margin-right: 0;
-        }
-        .articles {
-            li {
-                .leftBox {
-                    padding-left: 0;
-                    .titleDes {
-                        line-height: 1.368rem;
-                    }
-                }
-            }
-        }
-    }
-    .forms {
-        .switch {
-            width: 100%;
-            flex-direction: column;
-            margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
-        }
-    }
-}
 </style>
diff --git a/src/pages/column/result.vue b/src/pages/column/result.vue
index 17aec91..79f0b8e 100644
--- a/src/pages/column/result.vue
+++ b/src/pages/column/result.vue
@@ -170,32 +170,4 @@ export default {
         color: #333;
     }
 }
-@media (max-width: 1100px) {
-    .top {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-    .search {
-        margin-bottom: 10px;
-    }
-}
-
-@media (max-width: 750px) {
-    .articles {
-        width: 90%;
-        .top {
-            flex-direction: column;
-            .search {
-                width: 95%;
-                margin: 0 auto;
-            }
-        }
-        .none {
-            margin-top: 50px;
-            .text {
-                font-size: 0.5rem;
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/contactUs/index.vue b/src/pages/contactUs/index.vue
index 121cbf0..998d94f 100644
--- a/src/pages/contactUs/index.vue
+++ b/src/pages/contactUs/index.vue
@@ -196,11 +196,4 @@ export default {
         background-color: #1583ff;
     }
 }
-@media (max-width: 1200px) {
-    .inner {
-        .contact {
-            padding: 3rem 1rem;
-        }
-    }
-}
 </style>
diff --git a/src/pages/devHistory/index.vue b/src/pages/devHistory/index.vue
index 6d9007d..61ed9c0 100644
--- a/src/pages/devHistory/index.vue
+++ b/src/pages/devHistory/index.vue
@@ -92,11 +92,4 @@ export default {
         overflow: auto;
     }
 }
-@media (max-width: 1000px) {
-    .history {
-        .inner {
-            width: 90%;
-        }
-    }
-}
 </style>
diff --git a/src/pages/deviceIntroBeam/index.vue b/src/pages/deviceIntroBeam/index.vue
index 2e82b3c..39a08c7 100644
--- a/src/pages/deviceIntroBeam/index.vue
+++ b/src/pages/deviceIntroBeam/index.vue
@@ -230,62 +230,4 @@ $banner-height: 21.6rem;
         border-left: 4px solid #1583ff;
     }
 }
-
-@media (max-width: 1200px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-    .beamBox {
-        .imgText {
-            bottom: 4rem;
-            right: 4rem;
-        }
-    }
-    .share {
-        width: 90%;
-        padding-left: 0;
-        margin: 0 auto;
-    }
-    .beamBox {
-        display: flex;
-        flex-direction: column;
-        position: relative;
-
-        .left {
-            width: 100%;
-        }
-        .des {
-            -webkit-line-clamp: 100;
-        }
-        .pic {
-            margin-top: 10px;
-            width: 100%;
-            height: auto;
-        }
-    }
-    .intro {
-        width: 90%;
-        padding: 1rem 0;
-        height: auto;
-        .intro-inner {
-            flex-direction: column;
-        }
-        .pic {
-            width: 80%;
-        }
-        .des {
-            width: 80%;
-            height: auto;
-            padding: 2rem 0 0;
-            -webkit-line-clamp: 100;
-        }
-    }
-    .unit {
-        width: 95%;
-        img {
-            width: 100%;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/deviceIntroLayout/index.vue b/src/pages/deviceIntroLayout/index.vue
index 2db4fe7..6eb8626 100644
--- a/src/pages/deviceIntroLayout/index.vue
+++ b/src/pages/deviceIntroLayout/index.vue
@@ -211,78 +211,4 @@ $banner-height: 21.6rem;
         border-left: 4px solid #1583ff;
     }
 }
-@media (max-width: 1400px) {
-    .share {
-        .card {
-            position: relative;
-            margin-left: -2.5%;
-        }
-        .inner {
-            max-width: none;
-            width: 95%;
-            .texts {
-                position: static;
-                display: flex;
-                flex-direction: column;
-                align-items: flex-end;
-                margin-left: 15%;
-                .des {
-                    width: 100%;
-                    -webkit-line-clamp: 100;
-                }
-            }
-        }
-        .pic {
-            width: 50%;
-            margin-top: 20px;
-        }
-    }
-
-    .bg {
-        width: 100%;
-    }
-    .intro {
-        height: 36rem;
-        margin-top: 0;
-        .pic {
-            width: 100%;
-            left: 0;
-            top: 6%;
-        }
-    }
-    .unit {
-        width: 95%;
-        img {
-            width: 100%;
-        }
-    }
-}
-@media (max-width: 980px) {
-    .share {
-        .pic {
-            width: 80%;
-        }
-    }
-}
-@media (max-width: 640px) {
-    .share {
-        .inner {
-            .texts {
-                margin: 0 auto;
-            }
-        }
-        .des {
-            margin-right: 0;
-        }
-    }
-    .intro {
-        height: auto;
-        .bg,
-        .pic {
-            position: static;
-            width: 100%;
-            height: auto;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/deviceIntroLinear/index.vue b/src/pages/deviceIntroLinear/index.vue
index d5e8f32..002f932 100644
--- a/src/pages/deviceIntroLinear/index.vue
+++ b/src/pages/deviceIntroLinear/index.vue
@@ -244,118 +244,4 @@ $banner-height: 21.6rem;
         height: 85%;
     }
 }
-
-@media (min-width: 280px) and (max-width: 620px) {
-    .inner {
-        flex-direction: column;
-
-        .left,
-        .right {
-            width: 50%;
-            margin: 20px auto;
-        }
-    }
-
-    .history {
-        .left {
-            .line {
-                width: 100%;
-            }
-        }
-    }
-    .block {
-        padding: 50px 0;
-        .inner {
-            .texts {
-                .bg {
-                    width: 100%;
-                    height: 200px;
-                    margin: -50px 0px 0 0;
-                }
-            }
-        }
-    }
-}
-
-@media (max-width: 1200px) {
-    body {
-        width: 100% !important;
-    }
-
-    .history {
-        .inner {
-            width: 95%;
-        }
-        .texts {
-            flex-direction: column;
-        }
-        .bg {
-            margin: 0 auto;
-        }
-    }
-
-    .inner {
-        flex-direction: column;
-        width: 95%;
-        .left,
-        .right {
-            width: 95%;
-            margin: 20px auto;
-        }
-    }
-    .intro {
-        img {
-            height: auto;
-        }
-    }
-}
-@media (max-width: 980px) {
-    .history {
-        .bg {
-            width: 100%;
-        }
-    }
-}
-@media (max-width: 320px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .banner {
-        height: 12rem;
-        padding: 6rem 0 0 2rem;
-    }
-}
 </style>
diff --git a/src/pages/edu/index.vue b/src/pages/edu/index.vue
index e020776..665ae7c 100644
--- a/src/pages/edu/index.vue
+++ b/src/pages/edu/index.vue
@@ -1,10 +1,15 @@
 <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'">
+    <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'">
       <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>
@@ -14,27 +19,51 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.8s">{{ modules[1].form.des }}</p>
-        <img class="block-pic br wow fadeInLeft" data-wow-delay="0.8s" :class="{'cursor-pointer': isLink(modules[1].form.link.linkName)}" width="100%" height="536" :src="modules[1].form.pic" alt="" @click="openLink(modules[1].form)">
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.8s">{{ modules[1].form.des }}</p>
+        <img class="block-pic br wow fadeInLeft"
+             data-wow-delay="0.8s"
+             :class="{'cursor-pointer': isLink(modules[1].form.link.linkName)}"
+             width="100%"
+             height="536"
+             :src="modules[1].form.pic"
+             alt=""
+             @click="openLink(modules[1].form)">
       </div>
     </div>
-    
+
     <div class="block">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[2].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.8s">{{ modules[2].form.des }}</p>
-        <img class="block-pic wow fadeInRight" data-wow-delay="0.8s" :class="{'cursor-pointer': isLink(modules[2].form.link.linkName)}" width="100%" height="536" :src="modules[2].form.pic" alt="" @click="openLink(modules[2].form)">
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.8s">{{ modules[2].form.des }}</p>
+        <img class="block-pic wow fadeInRight"
+             data-wow-delay="0.8s"
+             :class="{'cursor-pointer': isLink(modules[2].form.link.linkName)}"
+             width="100%"
+             height="536"
+             :src="modules[2].form.pic"
+             alt=""
+             @click="openLink(modules[2].form)">
       </div>
     </div>
-    
+
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[3].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
         <ul class="list">
           <template v-for="(item, i) in modules[4].list">
-            <li v-if="item.isEnable" :key="i" class="wow fadeInUp" data-wow-delay="0.5s">
-              <img class="pic" :src="item.pic" alt="" :class="{'cursor-pointer': isLink(item.link.linkName)}" @click="openLink(item)">
+            <li v-if="item.isEnable"
+                :key="i"
+                class="wow fadeInUp"
+                data-wow-delay="0.5s">
+              <img class="pic"
+                   :src="item.pic"
+                   alt=""
+                   :class="{'cursor-pointer': isLink(item.link.linkName)}"
+                   @click="openLink(item)">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
                 <p class="sub">{{ item.subTitle }}</p>
@@ -55,17 +84,17 @@ import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
-      
+
     }
   },
-  mounted() {
+  mounted () {
     new WOW().init()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -76,7 +105,7 @@ export default {
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
   }
 };
@@ -84,596 +113,90 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
+@import '../../styles/page/page.scss';
 
-.wrap{
-  /deep/ .el-carousel {
-    height: 21.6rem;
-    .el-carousel__container{
-      height: 21.6rem;
-    }
-    img{
-      height: 21.6rem;
+.wrap {
+    /deep/ .el-carousel {
+        height: 21.6rem;
+        .el-carousel__container {
+            height: 21.6rem;
+        }
+        img {
+            height: 21.6rem;
+        }
     }
-  }
 }
 
 .banner-item {
-  .banner-name {
-    font-size: 2.16rem;
-  }
-}
-.block  {
-  padding: 3.15rem 0;
-  .inner {
-    .b-title  {
-      font-size: 2.25rem;
-      margin-bottom: 2.25rem;
-    }
-    .intro  {
-      margin-bottom: 2.25rem;
-    }
-   
-  }
-}
-.block-pic {
-  transition: .3s;
-  height: auto;
-  &.br {
-    border-radius: 270px;
-  }
-  &:hover {
-    transform: scale(1.05);
-  }
-}
-.list {
-  li {
-    position: relative;
-    &:nth-child(even) {
-      text-align: right;
-      .texts {
-        left: 0;
-        text-align: left;
-      }
-    }
-  }
-  .pic {
-    width: 45%;
-    height: auto;
-  }
-  .texts {
-    position: absolute;
-    top: 7.59rem;
-    left: 40%;
-    width: 60%;
-    padding: 2.7rem 1.35rem ;
-    background-color: #fff;
-    overflow: hidden;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-    }
-  }
-  h6 {
-    font-size: 1.8rem;
-    color: #3C3C3C;
-  }
-  .sub {
-    margin-top: 1.48rem;
-    font-size: 1.08rem;
-    color: #1C1C1C;
-    line-height: 33px;
-  }
-  .des {
-    margin-top: 1.2rem;
-    font-size: 1rem;
-    color: #3C3C3C;
-    line-height: 32px;
-  }
-}
-@media (max-width: 1520px) {
-  .list {
-    .pic {
-      width: 45%;
-    }
-    li:nth-child(odd) {
-      .texts {
-        width: 50%;
-      }
-    }
-  }
-}
-@media (min-width: 280px) and (max-width: 1200px) {
-  .wrap{
-  /deep/ .el-carousel {
-    height: 18rem;
-    .el-carousel__container{
-      height: 18rem;
-    }
-    img{
-      height: 18rem;
-    }
-  }
-}
-.banner-item .banner-name {
-  font-size: 1.5rem;
-  bottom: 5.25rem;
-  left: 14.125rem;
-  line-height: 2rem
-}
- .block{ 
-  padding: 50px 0;
-  .inner {
-    width: 95%;margin: 0 auto;
-    .b-title{
-      margin-bottom: 30px;
-    }
-    .intro {
-      margin-bottom: 30px;
-    }
-    .block-pic{
-      height: 15rem;
-    }
-  }
-  .list{
-    li {
-      margin-top: 20px;
-      .pic{
-        width: 100%;height: 25rem;
-      }
-      .texts{
-        padding: 10px;
-        width: 70%;
-        top: 2rem;
-        height: auto;
-        left: 24%;
-      }
-    }
-  }
- }
-}
-
-@media (max-width: 320px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
     .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
-        height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            h6 {
-              font-size: 1rem;
-            }
-            .sub {
-              font-size: .85rem;
-              line-height: .85rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: .85rem;
-              line-height: .85rem;
-              margin-top: .5rem;
-
-            }
-          }
-        }
-      }
+        font-size: 2.16rem;
     }
-  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
+.block {
+    padding: 3.15rem 0;
     .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
-        height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            top: 5rem;
-            h6 {
-              font-size: 1.5rem;
-            }
-            .sub {
-              font-size: 1.05rem;
-              line-height: 1.05rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: 1.05rem;
-              line-height: 1.05rem;
-              margin-top: .5rem;
-
-            }
-          }
+        .b-title {
+            font-size: 2.25rem;
+            margin-bottom: 2.25rem;
         }
-      }
-    }
-  }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
-        height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            top: 5rem;
-            h6 {
-              font-size: 1.8rem;
-            }
-            .sub {
-              font-size: 1.25rem;
-              line-height: 1.25rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: 1.25rem;
-              line-height: 1.25rem;
-              margin-top: .5rem;
-
-            }
-          }
+        .intro {
+            margin-bottom: 2.25rem;
         }
-      }
     }
-  }
 }
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
+.block-pic {
+    transition: 0.3s;
+    height: auto;
+    &.br {
+        border-radius: 270px;
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
-        height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            height: auto;
-          }
-          .texts {
-            top: 5rem;
-            padding: 2rem;
-            h6 {
-              font-size: 2rem;
-            }
-            .sub {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-
-            }
-          }
-        }
-      }
+    &:hover {
+        transform: scale(1.05);
     }
-  }
 }
-@media (min-width: 640px) and (max-width: 768px)  {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
-        height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            width: 50%;
-            height: auto;
-          }
-          .texts {
-            top: 2rem;
-            left: 30%;
-            padding: 1.5rem;
-            h6 {
-              font-size: 2rem;
-            }
-            .sub {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-
+.list {
+    li {
+        position: relative;
+        &:nth-child(even) {
+            text-align: right;
+            .texts {
+                left: 0;
+                text-align: left;
             }
-          }
         }
-      }
-    }
-  }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
     }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
+    .pic {
+        width: 45%;
         height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            width: 50%;
-            height: auto;
-          }
-          .texts {
-            top: 5rem;
-            left: 30%;
-            padding: 1.5rem;
-            h6 {
-              font-size: 2rem;
-            }
-            .sub {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-
-            }
-          }
-        }
-      }
-    }
-  }
-}
-@media (min-width: 980px) and (max-width: 1200px)  {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
     }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
+    .texts {
+        position: absolute;
+        top: 7.59rem;
+        left: 40%;
+        width: 60%;
+        padding: 2.7rem 1.35rem;
+        background-color: #fff;
+        overflow: hidden;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+        }
     }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
+    h6 {
+        font-size: 1.8rem;
+        color: #3c3c3c;
     }
-    .banner-name {
-      font-size: 1rem;
-      line-height: 1.5rem;
-      left: 2rem;
-      bottom: 2rem;
+    .sub {
+        margin-top: 1.48rem;
+        font-size: 1.08rem;
+        color: #1c1c1c;
+        line-height: 33px;
     }
-  }
-  .block  {
-    padding: 1.25rem 0;
-    .inner {
-      .intro  {
-        margin-bottom: 1rem;
-      }
-      .b-title {
-        font-size: 1.5rem;
-      }
-      .block-pic {
-        height: auto;
-      }
-      .list {
-        .wow  {
-          .pic {
-            width: 50%;
-            height: auto;
-          }
-          .texts {
-            top: 5rem;
-            left: 30%;
-            padding: 1.5rem;
-            h6 {
-              font-size: 2rem;
-            }
-            .sub {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-            }
-            .des {
-              font-size: 1.55rem;
-              line-height: 1.55rem;
-              margin-top: .5rem;
-
-            }
-          }
-        }
-      }
+    .des {
+        margin-top: 1.2rem;
+        font-size: 1rem;
+        color: #3c3c3c;
+        line-height: 32px;
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/event/index.vue b/src/pages/estate/event/index.vue
index b483a1f..370cba2 100644
--- a/src/pages/estate/event/index.vue
+++ b/src/pages/estate/event/index.vue
@@ -191,50 +191,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 100%;
-            padding: 15px;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .event {
-                flex-direction: column;
-                .time {
-                    width: 100%;
-                    li {
-                        width: 100%;
-                        justify-content: flex-start;
-                    }
-                }
-                .right {
-                    width: 100%;
-                    .list {
-                        li {
-                            padding: 1.25rem;
-                            flex-direction: column;
-                            .texts {
-                                width: 100%;
-                            }
-                            .pic {
-                                width: 100%;
-                                height: auto;
-                                margin-top: 1rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/index/index.vue b/src/pages/estate/index/index.vue
index 71e5ee1..0bb2a56 100644
--- a/src/pages/estate/index/index.vue
+++ b/src/pages/estate/index/index.vue
@@ -698,124 +698,4 @@ export default {
         }
     }
 }
-@media (max-width: 1520px) {
-}
-@media (max-width: 1200px) {
-    .sfel-banner {
-        flex-direction: column;
-        .newBox {
-            width: 100% !important;
-        }
-        .right {
-            margin-top: 10px;
-            width: 100%;
-            height: 410px;
-        }
-    }
-    .card {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-    .shop-shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-    .shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .card-list {
-            width: 100%;
-            margin-top: 20px;
-            li {
-                flex-direction: column;
-                .pic {
-                    width: 100% !important;
-                    margin-right: 0;
-                }
-                .texts {
-                    margin-top: 20px;
-                    width: 100%;
-                }
-            }
-        }
-    }
-    .talent {
-        .shows {
-            .left {
-                width: 100%;
-                margin-bottom: 20px;
-            }
-            .pic {
-                width: 100%;
-                min-height: 0;
-            }
-        }
-    }
-    .media-wrap {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-    .news {
-        flex-direction: column;
-        li {
-            margin-top: 30px;
-            width: 100%;
-        }
-    }
-    .slide,
-    .list {
-        flex-direction: column;
-        .texts,
-        .img-wrap {
-            width: 100%;
-        }
-    }
-    .list {
-        li {
-            width: 100% !important;
-            margin-top: 20px;
-        }
-    }
-    .slides {
-        div {
-            flex: 1;
-        }
-    }
-    .program {
-        .list {
-            li {
-                background-size: cover;
-            }
-        }
-    }
-    #part6 {
-        .slide {
-            .texts {
-                height: 430px;
-            }
-        }
-    }
-}
-@media (max-width: 980px) {
-    /deep/ .el-carousel {
-        height: 600px;
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/location/index.vue b/src/pages/estate/location/index.vue
index 26bc658..6edb21a 100644
--- a/src/pages/estate/location/index.vue
+++ b/src/pages/estate/location/index.vue
@@ -139,22 +139,4 @@ export default {
         -webkit-line-clamp: 8;
     }
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        width: 80%;
-        padding: 1.25rem 0;
-        .item {
-            padding: 0.85rem;
-            flex-direction: column !important;
-            .texts {
-                margin-top: 0.5rem;
-                width: 100%;
-                padding: 0;
-            }
-        }
-        .img-wrap {
-            height: auto;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/orgSetup/index.vue b/src/pages/estate/orgSetup/index.vue
index 4a8d4b1..68ed724 100644
--- a/src/pages/estate/orgSetup/index.vue
+++ b/src/pages/estate/orgSetup/index.vue
@@ -97,21 +97,4 @@ export default {
     margin: 0 auto;
     text-align: center;
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 100%;
-            padding: 15px;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-            img {
-                width: 100%;
-                height: auto;
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/survey/index.vue b/src/pages/estate/survey/index.vue
index 0eceae8..17ba536 100644
--- a/src/pages/estate/survey/index.vue
+++ b/src/pages/estate/survey/index.vue
@@ -95,23 +95,4 @@ export default {
 .lg-bg {
     width: 40%;
 }
-@media (max-width: 1300px) {
-    .tab-content {
-        padding: 20px 0;
-    }
-    .lg-bg {
-        width: 100%;
-    }
-    .survey {
-        width: 95%;
-        padding: 80px 86px 29px 47%;
-        margin-bottom: 2rem;
-    }
-}
-@media (max-width: 768px) {
-    .survey {
-        padding: 30px;
-        background: none;
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/exp/index.vue b/src/pages/exp/index.vue
index a93a95b..65dc469 100644
--- a/src/pages/exp/index.vue
+++ b/src/pages/exp/index.vue
@@ -230,329 +230,4 @@ $banner-height: 21.6rem;
         width: 28%;
     }
 }
-
-@media (min-width: 280px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-            .el-carousel__container {
-                height: 15rem;
-            }
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .station {
-        .pic {
-            height: 20rem;
-        }
-    }
-    .list {
-        li {
-            height: 20rem;
-            h6 {
-                top: 5rem;
-            }
-        }
-    }
-}
-@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;
-        }
-    }
-    .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: 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-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: 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;
-        }
-    }
-    .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: 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;
-        }
-    }
-    .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: 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;
-        }
-    }
-    .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;
-        }
-    }
-    .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 {
-        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;
-        }
-    }
-    .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 {
-        display: flex;
-        width: 100%;
-        li {
-            width: 25%;
-        }
-    }
-    .item3 {
-        width: 50% !important;
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/governance/index.vue b/src/pages/governance/index.vue
index d5b71d6..86dd4f0 100644
--- a/src/pages/governance/index.vue
+++ b/src/pages/governance/index.vue
@@ -215,41 +215,4 @@ export default {
         height: 300px;
     }
 }
-@media (max-width: 1200px) {
-    .history {
-        .texts {
-            flex-direction: column;
-        }
-        .left {
-            width: 90%;
-        }
-        .bg {
-            width: 100%;
-            margin-top: 2rem;
-        }
-    }
-    .cards {
-        ul {
-            width: 98%;
-        }
-        li {
-            width: 100%;
-            margin: 0 0 20px 0;
-        }
-    }
-}
-@media (max-width: 640px) {
-    .committee {
-        .inner {
-            flex-direction: column;
-        }
-        .left {
-            width: 100%;
-        }
-        .pic {
-            width: 100%;
-            margin-top: 2rem;
-        }
-    }
-}
 </style>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index b557b9f..5a67f0b 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -464,500 +464,4 @@ export default {
         }
     }
 }
-
-// @media (min-width: 280px) and (max-width: 1200px) {
-//     .carousel {
-//         height: 21.87rem;
-//         img {
-//             height: 100%;
-//         }
-//         /deep/.el-carousel__container {
-//             height: 21.87rem;
-//         }
-//     }
-//     .about {
-//         .des {
-//             font-size: 1rem;
-//         }
-//     }
-//     .el-carousel__item {
-//         height: 21.87rem;
-//         img {
-//             height: 21.87rem;
-//         }
-//     }
-//     .block {
-//         padding: 3.125rem 0;
-//         .inner {
-//             width: 95%;
-//             margin: 0 auto;
-//             .b-title {
-//                 font-size: 2rem;
-//                 margin-bottom: 1.25rem;
-//             }
-//             .wow {
-//                 font-size: 1.5rem;
-//             }
-//             .intro {
-//                 margin-bottom: 1.25rem;
-//             }
-//             .card {
-//                 flex-direction: column;
-//                 li {
-//                     margin-top: 1.25rem;
-//                     width: 100%;
-//                 }
-//             }
-//             .news {
-//                 flex-direction: column;
-//                 li {
-//                     width: 100%;
-//                     margin-bottom: 15px;
-//                     img {
-//                         width: 10rem;
-//                     }
-//                     .texts {
-//                         width: calc(100% - 10rem);
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     flex-direction: column;
-//                     margin-bottom: 1.25rem;
-//                     .pic {
-//                         width: 100%;
-//                         height: 21.875rem;
-//                     }
-//                     .texts {
-//                         padding-top: 1.25rem;
-//                         width: 100%;
-//                     }
-//                 }
-//             }
-//         }
-//     }
-//     .card .pic {
-//         height: 20rem;
-//     }
-//     .about {
-//         width: 100%;
-//         padding: 1.25rem 0 1.875rem;
-//         .inner {
-//             width: 95%;
-//             margin: 0 auto;
-//             .line {
-//                 margin: 1.25rem 0 1.25rem;
-//             }
-//             .des {
-//                 margin-top: 1.25rem;
-//                 padding: 10px 1.25rem;
-//             }
-//         }
-//     }
-//     .glance {
-//         padding-bottom: 1.25rem;
-//     }
-//     .stat {
-//         flex-direction: column;
-//         li {
-//             width: 100%;
-//             text-align: center;
-//         }
-//     }
-// }
-
-// @media (min-width: 751px) and (max-width: 920px) {
-//     .news {
-//         flex-direction: column;
-//         li {
-//             width: 100%;
-//             margin-bottom: 0.9375rem;
-//             img {
-//                 width: 10rem;
-//             }
-//             .texts {
-//                 width: calc(100% - 10rem);
-//             }
-//         }
-//     }
-// }
-
-// @media (min-width: 320px) and (max-width: 375px) {
-//     .wrap {
-//         /deep/ .el-carousel {
-//             height: 15rem;
-//         }
-//         /deep/ .el-carousel__container {
-//             height: 15rem;
-//         }
-//         /deep/ .el-carousel__item {
-//             height: 15rem;
-//             img {
-//                 height: 15rem;
-//             }
-//         }
-//     }
-//     .block {
-//         padding: 1rem 0;
-//         .inner {
-//             .intro {
-//                 margin-bottom: 1rem;
-//                 font-size: 0.95rem;
-//                 line-height: 1rem;
-//             }
-//             .card {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         margin-top: 1.2rem;
-//                     }
-//                 }
-//             }
-//             .news {
-//                 li {
-//                     padding: 1.2rem;
-//                     img {
-//                         width: 8rem;
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                 }
-//             }
-//         }
-//     }
-//     .about {
-//         .inner {
-//             .des {
-//                 line-height: 1.5rem;
-//             }
-//         }
-//     }
-// }
-// @media (min-width: 375px) and (max-width: 480px) {
-//     .wrap {
-//         /deep/ .el-carousel {
-//             height: 15rem;
-//         }
-//         /deep/ .el-carousel__container {
-//             height: 15rem;
-//         }
-//         /deep/ .el-carousel__item {
-//             height: 15rem;
-//             img {
-//                 height: 15rem;
-//             }
-//         }
-//     }
-//     .block {
-//         padding: 1rem 0;
-//         .inner {
-//             .intro {
-//                 margin-bottom: 1rem;
-//                 font-size: 0.95rem;
-//                 line-height: 1rem;
-//             }
-//             .card {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         margin-top: 1.2rem;
-//                     }
-//                 }
-//             }
-//             .news {
-//                 li {
-//                     padding: 1.2rem;
-//                     img {
-//                         width: 8rem;
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                 }
-//             }
-//         }
-//     }
-//     .about {
-//         .inner {
-//             .des {
-//                 line-height: 1.5rem;
-//             }
-//         }
-//     }
-// }
-// @media (min-width: 480px) and (max-width: 640px) {
-//     .wrap {
-//         /deep/ .el-carousel {
-//             height: 18rem;
-//         }
-//         /deep/ .el-carousel__container {
-//             height: 18rem;
-//         }
-//         /deep/ .el-carousel__item {
-//             height: 18rem;
-//             img {
-//                 height: 18rem;
-//             }
-//         }
-//     }
-//     .block {
-//         padding: 1rem 0;
-//         .inner {
-//             .intro {
-//                 margin-bottom: 1rem;
-//                 font-size: 0.95rem;
-//                 line-height: 1rem;
-//             }
-//             .card {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         margin-top: 1.2rem;
-//                     }
-//                 }
-//             }
-//             .news {
-//                 li {
-//                     padding: 1.2rem;
-//                     img {
-//                         width: 8rem;
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                 }
-//             }
-//             .about {
-//                 .des {
-//                     line-height: 1.5rem;
-//                 }
-//             }
-//         }
-//     }
-// }
-// @media (min-width: 640px) and (max-width: 768px) {
-//     .wrap {
-//         /deep/ .el-carousel {
-//             height: 20rem;
-//         }
-//         /deep/ .el-carousel__container {
-//             height: 20rem;
-//         }
-//         /deep/ .el-carousel__item {
-//             height: 20rem;
-//             img {
-//                 height: 20rem;
-//             }
-//         }
-//     }
-//     .block {
-//         padding: 1rem 0;
-//         .inner {
-//             .intro {
-//                 margin-bottom: 1rem;
-//                 font-size: 0.95rem;
-//                 line-height: 1rem;
-//             }
-//             .card {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         margin-top: 1.2rem;
-//                     }
-//                 }
-//             }
-//             .news {
-//                 li {
-//                     padding: 1.2rem;
-//                     img {
-//                         width: 8rem;
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     .pic {
-//                         height: auto;
-//                     }
-//                 }
-//             }
-//             .about {
-//                 .des {
-//                     line-height: 1.2rem;
-//                 }
-//             }
-//             .stat {
-//                 flex-direction: row;
-//                 li {
-//                     width: 30%;
-//                 }
-//             }
-//         }
-//     }
-// }
-// @media (min-width: 768px) and (max-width: 980px) {
-//     .wrap {
-//         /deep/ .el-carousel {
-//             height: 22rem;
-//         }
-//         /deep/ .el-carousel__container {
-//             height: 22rem;
-//         }
-//         /deep/ .el-carousel__item {
-//             height: 22rem;
-//             img {
-//                 height: 22rem;
-//             }
-//         }
-//     }
-//     .block {
-//         padding: 1rem 0;
-//         .inner {
-//             .intro {
-//                 margin-bottom: 1rem;
-//                 font-size: 0.95rem;
-//                 line-height: 1rem;
-//             }
-//             .card {
-//                 flex-direction: row;
-//                 li {
-//                     width: 47%;
-//                     .pic {
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         margin-top: 1.2rem;
-//                     }
-//                 }
-//             }
-//             .news {
-//                 li {
-//                     padding: 1.2rem;
-//                     img {
-//                         width: 8rem;
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     flex-direction: row;
-//                     &:nth-child(2) {
-//                         flex-direction: row-reverse !important;
-//                     }
-//                     .pic {
-//                         width: 47%;
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         width: 48%;
-//                     }
-//                 }
-//             }
-//             .about {
-//                 .des {
-//                     line-height: 1.2rem;
-//                 }
-//             }
-//             .stat {
-//                 flex-direction: row;
-//                 li {
-//                     width: 30%;
-//                 }
-//             }
-//         }
-//     }
-// }
-// @media (min-width: 980px) and (max-width: 1200px) {
-//     .wrap {
-//         /deep/ .el-carousel {
-//             height: 25rem;
-//         }
-//         /deep/ .el-carousel__container {
-//             height: 25rem;
-//         }
-//         /deep/ .el-carousel__item {
-//             height: 25rem;
-//             img {
-//                 height: 25rem;
-//             }
-//         }
-//     }
-//     .block {
-//         padding: 1rem 0;
-//         .inner {
-//             .intro {
-//                 margin-bottom: 1rem;
-//                 font-size: 0.95rem;
-//                 line-height: 1rem;
-//             }
-//             .card {
-//                 flex-direction: row;
-//                 li {
-//                     width: 47%;
-//                     .pic {
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         margin-top: 1.2rem;
-//                     }
-//                 }
-//             }
-//             .news {
-//                 li {
-//                     padding: 1.2rem;
-//                     img {
-//                         width: 8rem;
-//                     }
-//                 }
-//             }
-//             .people {
-//                 li {
-//                     flex-direction: row;
-//                     &:nth-child(2) {
-//                         flex-direction: row-reverse !important;
-//                     }
-//                     .pic {
-//                         width: 47%;
-//                         height: auto;
-//                     }
-//                     .texts {
-//                         width: 48%;
-//                     }
-//                 }
-//             }
-//             .about {
-//                 .des {
-//                 }
-//             }
-//             .stat {
-//                 flex-direction: row;
-//                 li {
-//                     width: 30%;
-//                 }
-//             }
-//         }
-//     }
-// }
 </style>
\ No newline at end of file
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 7805f07..829a648 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -234,12 +234,11 @@
 
       <div class="block talent-block">
         <div class="inner">
-          <h2 class="b-title wow fadeInUp">{{ modules[11].form.title }}</h2>
-          <p class="intro wow fadeInUp"
+          <h2 class="b-title">{{ modules[11].form.title }}</h2>
+          <p class="intro"
              data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
           <div class="talent">
-            <div class="left wow fadeInLeft"
-                 data-wow-delay="0.5s">
+            <div class="left">
               <h6>{{ modules[12].form.title }}</h6>
               <p class="sub-title">{{ modules[12].form.subTitle }}</p>
               <div class="text"
@@ -252,8 +251,7 @@
             </div>
             <img :src="modules[12].form.pic"
                  alt=""
-                 class="pic wow fadeInRight"
-                 data-wow-delay="0.5s">
+                 class="pic">
           </div>
         </div>
       </div>
@@ -504,6 +502,7 @@ export default {
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
 $bannerHeight: calc(100vw / 2.03);
+$bannerMh: 800px;
 .carousel {
     z-index: 1;
     position: fixed;
@@ -511,11 +510,14 @@ $bannerHeight: calc(100vw / 2.03);
     left: 0;
     width: 100%;
     height: $bannerHeight;
+    min-height: $bannerMh;
     img {
         height: $bannerHeight;
+        min-height: $bannerMh;
     }
     /deep/.el-carousel__container {
         height: $bannerHeight;
+        min-height: $bannerMh;
     }
     .texts {
         position: absolute;
@@ -1086,105 +1088,29 @@ $bannerHeight: calc(100vw / 2.03);
         margin-right: 10px;
     }
 }
-// @media (max-width: 1470px) {
-//     .carousel {
-//         height: 724px;
-//         img {
-//             height: 724px;
-//         }
-//         /deep/.el-carousel__container {
-//             height: 724px;
-//         }
-//     }
-// }
-// @media (max-width: 1470px) {
-//     .inner {
-//         width: 95%;
-//     }
-//     .card {
-//         li {
-//             height: auto;
-//         }
-//     }
-//     .about {
-//         .pic {
-//             width: 700px;
-//             height: auto;
-//         }
-//     }
-// }
-// @media (max-width: 1370px) {
-//     .card {
-//         .texts {
-//             padding: 0 1rem;
-//         }
-//     }
-//     .about {
-//         .inner {
-//             height: auto;
-//         }
-//         .left {
-//             width: 100%;
-//         }
-//         .pic {
-//             position: static;
-//             width: auto;
-//             max-width: 100%;
-//             height: auto;
-//             margin-top: 10px;
-//         }
-//     }
-// }
-// @media (max-width: 1200px) {
-//     .carousel .texts {
-//         left: 5%;
-//         right: 5%;
-//     }
-//     .card {
-//         flex-direction: column;
-//         li {
-//             margin-top: 1.25rem;
-//             width: 100%;
-//         }
-//     }
-//     .news {
-//         flex-direction: column;
-//         li {
-//             width: 100%;
-//         }
-//     }
-//     .news-banner {
-//         flex-direction: column;
-//         .pic-wrap,
-//         .right {
-//             width: 100%;
-//         }
-//     }
-//     .news-carousel,
-//     .people {
-//         flex-direction: column;
-//         li {
-//             width: 100%;
-//             margin-bottom: 10px;
-//         }
-//     }
-//     .talent {
-//         flex-direction: column;
-//         .left,
-//         .pic {
-//             width: 100%;
-//         }
-//         .left {
-//             padding-bottom: 50px;
-//             margin-bottom: 10px;
-//         }
-//     }
-//     .entry {
-//         flex-direction: column;
-//         li {
-//             width: 100% !important;
-//             margin-right: 0;
-//         }
-//     }
-// }
+@media (max-width: 1440px) {
+    .carousel {
+        .texts {
+            top: 30%;
+            bottom: auto;
+        }
+    }
+}
+@media (max-width: 980px) {
+    .carousel {
+        height: 500px;
+        min-height: 0;
+        img {
+            height: 500px;
+            min-height: 0;
+        }
+        /deep/.el-carousel__container {
+            height: 500px;
+            min-height: 0;
+        }
+    }
+    .block-wrap {
+        top: 500px;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/industrial/index.vue b/src/pages/industrial/index.vue
index 98aae7a..c1ba679 100644
--- a/src/pages/industrial/index.vue
+++ b/src/pages/industrial/index.vue
@@ -370,74 +370,4 @@ export default {
         text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
     }
 }
-@media (max-width: 1200px) {
-    .history {
-        .texts {
-            flex-direction: column;
-        }
-        .left {
-            width: 100%;
-        }
-        .bg {
-            width: 100%;
-            height: auto;
-            margin-top: 1rem;
-        }
-    }
-    .land {
-        .inner {
-            flex-direction: column;
-        }
-        .pic,
-        .right {
-            width: 100%;
-        }
-        h6 {
-            margin-left: 0;
-        }
-        .right {
-            margin-top: 1rem;
-        }
-        .text {
-            height: auto;
-        }
-    }
-    .plan {
-        li {
-            flex-direction: column !important;
-            height: auto;
-            .left,
-            .pic {
-                width: 100%;
-            }
-            .pic {
-                margin: 1rem 0 0 !important;
-            }
-        }
-    }
-    .app {
-        li {
-            width: calc((100% - 10px) / 2);
-            height: 267px;
-            &:nth-child(2n) {
-                margin-right: 0;
-            }
-        }
-    }
-    .news {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin: 0 0 20px 0;
-        }
-    }
-}
-@media (max-width: 780px) {
-    .app {
-        li {
-            width: 100%;
-            margin-right: 0;
-        }
-    }
-}
 </style>
diff --git a/src/pages/lightSources/index.vue b/src/pages/lightSources/index.vue
index 846f305..acd30a8 100644
--- a/src/pages/lightSources/index.vue
+++ b/src/pages/lightSources/index.vue
@@ -222,10 +222,4 @@ export default {
     line-height: 1.6;
     color: #8d8d8d;
 }
-@media (max-width: 1200px) {
-    .table-wrap {
-        width: 100%;
-        overflow: auto;
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/mission/index.vue b/src/pages/mission/index.vue
index 9a494e4..e6156fd 100644
--- a/src/pages/mission/index.vue
+++ b/src/pages/mission/index.vue
@@ -188,45 +188,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .inner {
-        width: 98%;
-    }
-    .item {
-        img {
-            margin-left: 30px;
-        }
-        .rightText {
-            right: 12px !important;
-        }
-        .texts {
-            width: 85%;
-            box-sizing: border-box;
-            left: 12px;
-        }
-    }
-}
-@media (max-width: 980px) {
-    .mind {
-        .list {
-            flex-direction: column;
-        }
-        li {
-            width: 100%;
-        }
-    }
-}
-@media (max-width: 480px) {
-    .mind {
-        li {
-            .pic {
-                width: 150px;
-                height: 130px;
-            }
-            .texts {
-                width: calc(100% - 150px);
-            }
-        }
-    }
-}
 </style>
diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue
index 844100c..0db412e 100644
--- a/src/pages/news/index.vue
+++ b/src/pages/news/index.vue
@@ -783,995 +783,4 @@ export default {
         }
     }
 }
-
-@media (max-width: 1200px) {
-    .newsTab {
-        overflow-x: scroll;
-        display: -webkit-box;
-    }
-    .block {
-        padding: 50px 0;
-        .inner {
-            .more {
-                width: 100%;
-                margin: 20px auto 0;
-            }
-            .news-banner {
-                flex-direction: column;
-                img {
-                    width: 100%;
-                }
-                .right {
-                    margin-top: 10px;
-                    width: 100%;
-                    .inds {
-                        left: 50%;
-                        margin-left: -43px;
-                    }
-                }
-            }
-            .card {
-                flex-direction: column;
-                .wow {
-                    width: 95%;
-                    margin: 20px auto;
-                }
-            }
-            .b-title {
-                font-size: 20px;
-            }
-            .intro {
-                font-size: 15px;
-                margin-bottom: 50px;
-            }
-            .shop-shows {
-                flex-direction: column;
-                .left {
-                    width: 95%;
-                    margin: 0 auto;
-                }
-                .right {
-                    width: 93%;
-                    margin: 20px auto;
-                    .show-card {
-                        flex-direction: column;
-                        li {
-                            width: 100%;
-                            .pic {
-                                width: 100%;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .texts {
-                                margin-right: 30px;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media (min-width: 280px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-            .el-carousel__container {
-                height: 15rem;
-            }
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .banner-item .banner-name {
-        font-size: 1.5rem;
-    }
-    .newsTab {
-        li {
-            padding: 15px 10px;
-            font-size: 15px;
-            margin: 0;
-        }
-    }
-    .block {
-        padding: 20px 0;
-        .inner {
-            width: 90%;
-            .news-banner {
-                img {
-                    height: 20rem;
-                }
-            }
-            .b-title {
-                margin-bottom: 20px;
-            }
-            .intro {
-                margin-bottom: 20px;
-            }
-            .shop-shows {
-                .left {
-                    img {
-                        height: 20rem;
-                    }
-                }
-            }
-            .show-card {
-                .text {
-                    font-size: 13px;
-                    line-height: 20px;
-                    white-space: inherit;
-                }
-            }
-            .card-list {
-                padding: 20px 10px;
-                li {
-                    width: 100%;
-                    img {
-                        margin-right: 10px;
-                    }
-                    .texts {
-                        margin-right: 10px;
-                        h6 {
-                            font-size: 15px;
-                            font-weight: bold;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 3;
-                            text-overflow: ellipsis;
-                            overflow: hidden;
-                            margin-bottom: 5px;
-                        }
-                    }
-                    .des {
-                        line-height: 15px;
-                    }
-                    .arrow {
-                        margin-right: 0;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: column;
-                .left {
-                    width: 100%;
-                    .pic {
-                        height: 20rem;
-                    }
-                }
-                .card-list {
-                    width: 100%;
-                    padding: 20px 0;
-                    li {
-                        .pic {
-                            width: 100px;
-                            height: 7.5rem;
-                        }
-                        .texts {
-                            h6 {
-                                font-size: 15px;
-                                font-weight: bold;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 1;
-                                text-overflow: ellipsis;
-                                overflow: hidden;
-                            }
-                            .text {
-                                margin: 2px 0;
-                                font-size: 12px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 1;
-                                text-overflow: ellipsis;
-                                overflow: hidden;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                img {
-                    height: auto;
-                }
-                .right {
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    .show-card {
-                        li {
-                            margin-top: 1.25rem;
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 6rem;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                img {
-                    height: auto;
-                }
-                .right {
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    .show-card {
-                        li {
-                            margin-top: 1.25rem;
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 6rem;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                img {
-                    height: auto;
-                }
-                .right {
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    .show-card {
-                        li {
-                            margin-top: 1.25rem;
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 30%;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            width: 35%;
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                img {
-                    height: auto;
-                }
-                .right {
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    .show-card {
-                        li {
-                            margin-top: 1.25rem;
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 30%;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            width: 35%;
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                flex-direction: row;
-                img {
-                    width: 50%;
-                    height: auto;
-                }
-                .right {
-                    margin-top: 0;
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 30% !important;
-                    margin-right: 0.5rem;
-                    margin: 0 0.5rem 0 0 !important;
-                    .pic {
-                        height: auto;
-                    }
-                    &:last-child() {
-                        margin-right: 0 !important;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    margin-right: 0.5rem;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    margin-top: 0;
-                    .show-card {
-                        li {
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                            &:nth-child(2) {
-                                margin-top: 0.5rem;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 30%;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .card-list {
-                    padding: 0;
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            width: 35%;
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 12rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                flex-direction: row;
-                img {
-                    width: 50%;
-                    height: auto;
-                }
-                .right {
-                    margin-top: 0;
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 30% !important;
-                    margin-right: 0.5rem;
-                    margin: 0 0.5rem 0 0 !important;
-                    .pic {
-                        height: auto;
-                    }
-                    &:last-child() {
-                        margin-right: 0 !important;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    margin-right: 0.5rem;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    margin-top: 0;
-                    .show-card {
-                        li {
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                            &:nth-child(2) {
-                                margin-top: 0.5rem;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 30%;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .card-list {
-                    padding: 0;
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            width: 35%;
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 21.6rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 21.6rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 21.6rem;
-        }
-    }
-    .banner-item {
-        img {
-            height: 21.6rem !important;
-        }
-        .banner-name {
-            font-size: 1.5rem;
-            line-height: 1rem;
-            left: 2rem;
-            bottom: 2rem;
-        }
-    }
-    .newsTab {
-        .scollBox {
-            width: auto;
-            li {
-                padding: 1rem;
-                white-space: nowrap;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .news-banner {
-                flex-direction: row;
-                img {
-                    width: 50%;
-                    height: auto;
-                }
-                .right {
-                    margin-top: 0;
-                    padding: 1.25rem 1.25rem 5rem;
-                }
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 30% !important;
-                    margin-right: 0.5rem;
-                    margin: 0 0.5rem 0 0 !important;
-                    .pic {
-                        height: auto;
-                    }
-                    &:last-child() {
-                        margin-right: 0 !important;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    margin-right: 0.5rem;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .right {
-                    margin-top: 0;
-                    .show-card {
-                        flex-direction: row;
-                        li {
-                            .pic {
-                                height: auto;
-                            }
-                            .text {
-                                font-size: 1rem;
-                            }
-                            &:nth-child(2) {
-                                margin-top: 0;
-                            }
-                        }
-                    }
-                    .card-list {
-                        li {
-                            .pic {
-                                width: 30%;
-                            }
-                        }
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        padding: 1.25rem;
-                    }
-                }
-                .card-list {
-                    padding: 0;
-                }
-            }
-        }
-    }
-    .conference {
-        .inner {
-            .shows {
-                .card-list {
-                    li {
-                        .pic {
-                            width: 35%;
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/newsPress/index.vue b/src/pages/newsPress/index.vue
index ddba4fa..7af0dc5 100644
--- a/src/pages/newsPress/index.vue
+++ b/src/pages/newsPress/index.vue
@@ -1,10 +1,15 @@
 <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'">
+    <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'">
       <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>
@@ -12,16 +17,25 @@
     </el-carousel>
 
     <div class="inner">
-      <Breadcrumb ref="breadcrumb" :data.sync="routes"/>
+      <Breadcrumb ref="breadcrumb"
+                  :data.sync="routes" />
       <ul class="list">
         <template v-for="(item, i) in modules[1].list">
-          <li v-if="item.isEnable" :key="i">
-            <img class="pic wow fadeInLeft" data-wow-delay="0.1s" :src="item.pic" alt="">
-            <div class="texts wow fadeInRight" data-wow-delay="0.1s">
+          <li v-if="item.isEnable"
+              :key="i">
+            <img class="pic wow fadeInLeft"
+                 data-wow-delay="0.1s"
+                 :src="item.pic"
+                 alt="">
+            <div class="texts wow fadeInRight"
+                 data-wow-delay="0.1s">
               <h6>{{ item.title }}</h6>
               <p class="sub">{{ item.subTitle }}</p>
               <div class="des">{{ item.des }}</div>
-              <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(item.link.linkName)}" @click="openLink(item)">
+              <img src="@/assets/images/arrow.png"
+                   alt=""
+                   :class="{'arrow': isLink(item.link.linkName)}"
+                   @click="openLink(item)">
             </div>
           </li>
         </template>
@@ -38,7 +52,7 @@ import Breadcrumb from '@/components/breadcrumb'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       routes: []
     }
@@ -46,13 +60,13 @@ export default {
   components: {
     Breadcrumb
   },
-  mounted() {
+  mounted () {
     new WOW().init()
     this.getColumn()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -63,10 +77,10 @@ export default {
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
     // 获取父级所有栏目名称和id
-    getParent(data, id) {
+    getParent (data, id) {
       for (const e of data) {
         if (e.id == id) {
           this.routes.push({
@@ -88,10 +102,10 @@ export default {
       }
     },
     // 获取上级面包屑
-    getColumn() {
+    getColumn () {
       this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1&siteId=${this.site}`).then(({ data }) => {
         this.getParent(data, this.id)
-      }).catch(err => {})
+      }).catch(err => { })
     },
   }
 };
@@ -99,532 +113,144 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
-.wrap{
-  /deep/ .el-carousel {
-    height: 24rem;
-    .el-carousel__container{
-      height: 24rem;
-    }
-    img{
-      height: 24rem;
-    }
-  }
-}
-.banner-item {
-  .banner-name {
-    font-size: 2.16rem;
-  }
-}
-.block  {
-  padding: 3.85rem 0;
-}
-.inner {
-  /deep/ .el-breadcrumb__item {
-    font-size: 1.5rem;
-  }
-  padding-top: 35px;
-}
-.list {
-  margin: 2rem 0;
-  li {
-    position: relative;
-    &:nth-child(even) {
-      text-align: right;
-      .texts {
-        left: 0;
-        padding: 3rem 6rem 1.5rem 1.5rem;
-        text-align: left;
-      }
-    }
-  }
-  .pic {
-    width: 47%;
-    height: auto;
-  }
-  .texts {
-    position: absolute;
-    top: 6rem;
-    right: -2rem;
-    width: 61%;
-    // height: 440px;
-    padding: 3rem 1.5rem 1.5rem 5rem;
-    background: rgba(247, 247, 247, .72);
-  }
-  h6 {
-    font-size: 2rem;
-    font-family: SFProDisplay-Bold, SFProDisplay;
-    font-weight: bold;
-    color: #3C3C3C;
-  }
-  .sub {
-    margin: 1rem 0;
-    font-size: 1.2rem;
-    font-weight: 600;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    color: #1C1C1C;
-    line-height: 33px;
-  }
-  .des {
-    margin-bottom: 1rem;
-    font-size: 1rem;
-    color: #3C3C3C;
-    line-height: 1.6rem;
-  }
-  img {
-    width: 3.3rem;
-    height: 3.3rem;
-  }
-}
-@media (max-width: 1520px) {
-  .list {
-    li {
-      &:nth-child(even) {
-        .texts {
-          left: 25px;
-        }
-      }
-    }
-    .texts {
-      right: 25px;
-      width: 55%;
-    }
-  }
-}
-@media (min-width: 280px) and (max-width: 1200px) {
-  .wrap{
-  /deep/ .el-carousel {
-    height: 18rem;
-    .el-carousel__container{
-      height: 18rem;
-    }
-    img{
-      height: 18rem;
-    }
-  }
-}
-.banner-item .banner-name[data-v-1525064c] {
-  font-size: 1.5rem;
-}
-  
-  .inner{
-    width: 95%;
-    .list{
-      li {
-        margin-top: 20px;
-        .pic {
-          width: 100%;
-          height: 25rem !important;
-        }
-        .texts {
-          padding: 10px 5px 10px  !important;
-          top: 30px;
-          height: auto;
-          h6{
-            font-size: 1.5rem !important;
-          }
-          p {
-            font-size: 1rem;
-            margin: 5px 0 !important;
-            line-height: 1.5rem;
-          }
-          .sub{
-            margin: 10px 0;
-          }
-          .des{
-            margin-bottom: 10px;
-          }
+@import '../../styles/page/page.scss';
+.wrap {
+    /deep/ .el-carousel {
+        height: 24rem;
+        .el-carousel__container {
+            height: 24rem;
         }
-      }
-    }
-  }
-}
-
-@media (max-width: 1200px) {
-  .inner{
-    width: 95%;
-    .list{
-      li {
-        margin-top: 20px;
-        .pic {
-          width: 100%;
-          height: 500px;
+        img {
+            height: 24rem;
         }
-        .texts {
-          padding: 20px 10px 10px ;
-          top: 30px;
-          h6{
-            font-size: 2rem;
-          }
-          .sub{
-            margin: 10px 0;
-          }
-          .des{
-            margin-bottom: 10px;
-          }
-        }
-      }
     }
-  }
 }
-@media (max-width: 320px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
+.banner-item {
     .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          height: auto !important;
-        }
-        .texts  {
-          top: 1rem;
-          h6 {
-            font-size: 1rem !important;
-          }
-          .sub{
-             font-size: .85rem;
-          }
-          .des {
-            font-size: .85rem;
-            line-height: .85rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
+        font-size: 2.16rem;
     }
-  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          height: auto !important;
-        }
-        .texts  {
-          top: 4rem;
-          h6 {
-            font-size: 1.5rem !important;
-          }
-          .sub{
-             font-size: 1.2rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
+.block {
+    padding: 3.85rem 0;
 }
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
+.inner {
     /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          height: auto !important;
-        }
-        .texts  {
-          top: 4rem;
-          h6 {
-            font-size: 1.5rem !important;
-          }
-          .sub{
-             font-size: 1.2rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
+        font-size: 1.5rem;
     }
-  }
+    padding-top: 35px;
 }
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 2rem;
-          h6 {
-            font-size: 1.5rem !important;
-          }
-          .sub{
-             font-size: 1.2rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
+.list {
+    margin: 2rem 0;
+    li {
+        position: relative;
+        &:nth-child(even) {
+            text-align: right;
+            .texts {
+                left: 0;
+                padding: 3rem 6rem 1.5rem 1.5rem;
+                text-align: left;
+            }
         }
-      }
     }
-  }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
+    .pic {
+        width: 47%;
+        height: auto;
     }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
+    .texts {
+        position: absolute;
+        top: 6rem;
+        right: -2rem;
+        width: 61%;
+        // height: 440px;
+        padding: 3rem 1.5rem 1.5rem 5rem;
+        background: rgba(247, 247, 247, 0.72);
+    }
+    h6 {
+        font-size: 2rem;
+        font-family: SFProDisplay-Bold, SFProDisplay;
+        font-weight: bold;
+        color: #3c3c3c;
+    }
+    .sub {
+        margin: 1rem 0;
+        font-size: 1.2rem;
+        font-weight: 600;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        color: #1c1c1c;
+        line-height: 33px;
+    }
+    .des {
+        margin-bottom: 1rem;
+        font-size: 1rem;
+        color: #3c3c3c;
+        line-height: 1.6rem;
     }
-  }
-  .banner-item{
     img {
-      height: 12rem !important;
+        width: 3.3rem;
+        height: 3.3rem;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 4rem;
-          h6 {
-            font-size: 2rem !important;
-          }
-          .sub{
-             font-size: 1.5rem;
-          }
-          .des {
-            font-size: 1.3rem;
-            line-height: 1.3rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
 }
-@media (min-width: 768px) and (max-width: 980px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
+@media (max-width: 1520px) {
     .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
+        li {
+            &:nth-child(even) {
+                .texts {
+                    left: 25px;
+                }
+            }
         }
-        .texts  {
-          top: 6rem;
-          h6 {
-            font-size: 2rem !important;
-          }
-          .sub{
-             font-size: 1.5rem;
-          }
-          .des {
-            font-size: 1.3rem;
-            line-height: 1.3rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
+        .texts {
+            right: 25px;
+            width: 55%;
         }
-      }
     }
-  }
 }
-@media (min-width: 980px) and (max-width: 1200px)  {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
+@media (min-width: 280px) and (max-width: 1200px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 18rem;
+            .el-carousel__container {
+                height: 18rem;
+            }
+            img {
+                height: 18rem;
+            }
+        }
     }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
+    .banner-item .banner-name[data-v-1525064c] {
+        font-size: 1.5rem;
     }
-  }
-  .inner {
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 8rem;
-          h6 {
-            font-size: 2rem !important;
-          }
-          .sub{
-             font-size: 1.5rem;
-          }
-          .des {
-            font-size: 1.3rem;
-            line-height: 1.3rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
+
+    .inner {
+        width: 95%;
+        .list {
+            li {
+                margin-top: 20px;
+                .pic {
+                    width: 100%;
+                    height: 25rem !important;
+                }
+                .texts {
+                    padding: 10px 5px 10px !important;
+                    top: 30px;
+                    height: auto;
+                    h6 {
+                        font-size: 1.5rem !important;
+                    }
+                    p {
+                        font-size: 1rem;
+                        margin: 5px 0 !important;
+                        line-height: 1.5rem;
+                    }
+                    .sub {
+                        margin: 10px 0;
+                    }
+                    .des {
+                        margin-bottom: 10px;
+                    }
+                }
+            }
         }
-      }
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/newsProcurement/index.vue b/src/pages/newsProcurement/index.vue
index 848cc90..8f17b32 100644
--- a/src/pages/newsProcurement/index.vue
+++ b/src/pages/newsProcurement/index.vue
@@ -1,10 +1,15 @@
 <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'">
+    <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'">
       <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>
@@ -12,16 +17,25 @@
     </el-carousel>
 
     <div class="inner">
-      <Breadcrumb ref="breadcrumb" :data.sync="routes"/>
+      <Breadcrumb ref="breadcrumb"
+                  :data.sync="routes" />
       <ul class="list">
         <template v-for="(item, i) in modules[1].list">
-          <li v-if="item.isEnable" :key="i">
-            <img class="pic wow fadeInLeft" data-wow-delay="0.1s" :src="item.pic" alt="">
-            <div class="texts wow fadeInRight" data-wow-delay="0.1s">
+          <li v-if="item.isEnable"
+              :key="i">
+            <img class="pic wow fadeInLeft"
+                 data-wow-delay="0.1s"
+                 :src="item.pic"
+                 alt="">
+            <div class="texts wow fadeInRight"
+                 data-wow-delay="0.1s">
               <h6>{{ item.title }}</h6>
               <p class="sub">{{ item.subTitle }}</p>
               <div class="des">{{ item.des }}</div>
-              <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(item.link.linkName)}" @click="openLink(item)">
+              <img src="@/assets/images/arrow.png"
+                   alt=""
+                   :class="{'arrow': isLink(item.link.linkName)}"
+                   @click="openLink(item)">
             </div>
           </li>
         </template>
@@ -38,7 +52,7 @@ import Breadcrumb from '@/components/breadcrumb'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       routes: []
     }
@@ -46,13 +60,13 @@ export default {
   components: {
     Breadcrumb
   },
-  mounted() {
+  mounted () {
     new WOW().init()
     this.getColumn()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -63,10 +77,10 @@ export default {
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
     // 获取父级所有栏目名称和id
-    getParent(data, id) {
+    getParent (data, id) {
       for (const e of data) {
         if (e.id == id) {
           this.routes.push({
@@ -88,10 +102,10 @@ export default {
       }
     },
     // 获取上级面包屑
-    getColumn() {
+    getColumn () {
       this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1&siteId=${this.site}`).then(({ data }) => {
         this.getParent(data, this.id)
-      }).catch(err => {})
+      }).catch(err => { })
     },
   }
 };
@@ -99,533 +113,81 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
-.wrap{
-  /deep/ .el-carousel {
-    height: 24rem;
-    .el-carousel__container{
-      height: 24rem;
-    }
-    img{
-      height: 24rem;
-    }
-  }
-}
-.banner-item {
-  .banner-name {
-    font-size: 2.16rem;
-  }
-}
-.block  {
-  padding: 3.85rem 0;
-}
-.inner {
-  padding-top: 35px;
-  /deep/ .el-breadcrumb__item {
-    font-size: 1.5rem;
-  }
-}
-.list {
-  margin: 2rem 0;
-  li {
-    position: relative;
-    &:nth-child(even) {
-      text-align: right;
-      .texts {
-        left: 0;
-        padding: 3rem 6rem 1.5rem 1.5rem;
-        text-align: left;
-      }
-    }
-  }
-  .pic {
-    width: 47%;
-    height: auto;
-  }
-  .texts {
-    position: absolute;
-    top: 6rem;
-    right: -2rem;
-    width: 61%;
-    // height: 440px;
-    padding: 3rem 1.5rem 1.5rem 5rem;
-    background: rgba(247, 247, 247, .72);
-  }
-  h6 {
-    font-size: 2rem;
-    font-family: SFProDisplay-Bold, SFProDisplay;
-    font-weight: bold;
-    color: #3C3C3C;
-  }
-  .sub {
-    margin: 1rem 0;
-    font-size: 1.2rem;
-    font-weight: 600;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    color: #1C1C1C;
-    line-height: 33px;
-  }
-  .des {
-    margin-bottom: 1rem;
-    font-size: 1rem;
-    color: #3C3C3C;
-    line-height: 1.6rem;
-  }
-  img {
-    width: 3.3rem;
-    height: 3.3rem;
-  }
-}
-@media (max-width: 1520px) {
-  .list {
-    li {
-      &:nth-child(even) {
-        .texts {
-          left: 25px;
+@import '../../styles/page/page.scss';
+.wrap {
+    /deep/ .el-carousel {
+        height: 24rem;
+        .el-carousel__container {
+            height: 24rem;
         }
-      }
-    }
-    .texts {
-      right: 25px;
-      width: 55%;
-    }
-  }
-}
-
-@media (min-width: 280px) and (max-width: 1200px) {
-  .wrap{
-  /deep/ .el-carousel {
-    height: 18rem;
-    .el-carousel__container{
-      height: 18rem;
-    }
-    img{
-      height: 18rem;
-    }
-  }
-}
-.banner-item .banner-name[data-v-1525064c] {
-  font-size: 1.5rem;
-}
-  
-  .inner{
-    width: 95%;
-    .list{
-      li {
-        margin-top: 20px;
-        .pic {
-          width: 100%;
-          height: 25rem !important;
-        }
-        .texts {
-          padding: 10px 5px 10px  !important;
-          top: 30px;
-          height: auto;
-          h6{
-            font-size: 1.5rem !important;
-          }
-          p {
-            font-size: 1rem;
-            margin: 5px 0 !important;
-            line-height: 1.5rem;
-          }
-          .sub{
-            margin: 10px 0;
-          }
-          .des{
-            margin-bottom: 10px;
-          }
+        img {
+            height: 24rem;
         }
-      }
     }
-  }
 }
-
-@media (max-width: 1200px) {
-  .inner{
-    width: 95%;
-    .list{
-      li {
-        margin-top: 20px;
-        .pic {
-          width: 100%;
-          height: 500px;
-        }
-        .texts {
-          padding: 20px 10px 10px ;
-          top: 30px;
-          h6{
-            font-size: 2rem;
-          }
-          .sub{
-            margin: 10px 0;
-          }
-          .des{
-            margin-bottom: 10px;
-          }
-        }
-      }
-    }
-  }
-}
-@media (max-width: 320px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          height: auto !important;
-        }
-        .texts  {
-          top: 1rem;
-          h6 {
-            font-size: 1rem !important;
-          }
-          .sub{
-             font-size: .85rem;
-          }
-          .des {
-            font-size: .85rem;
-            line-height: .85rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
+.banner-item {
     .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          height: auto !important;
-        }
-        .texts  {
-          top: 4rem;
-          h6 {
-            font-size: 1.5rem !important;
-          }
-          .sub{
-             font-size: 1.2rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
+        font-size: 2.16rem;
     }
-  }
 }
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
-    }
-    .list {
-      li {
-        .pic {
-          height: auto !important;
-        }
-        .texts  {
-          top: 4rem;
-          h6 {
-            font-size: 1.5rem !important;
-          }
-          .sub{
-             font-size: 1.2rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
+.block {
+    padding: 3.85rem 0;
 }
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
+.inner {
+    padding-top: 35px;
     /deep/ .el-breadcrumb__item {
-      font-size: 1rem;
+        font-size: 1.5rem;
     }
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 2rem;
-          h6 {
-            font-size: 1.5rem !important;
-          }
-          .sub{
-             font-size: 1.2rem;
-          }
-          .des {
-            font-size: 1rem;
-            line-height: 1rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
 }
-@media (min-width: 640px) and (max-width: 768px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 4rem;
-          h6 {
-            font-size: 2rem !important;
-          }
-          .sub{
-             font-size: 1.5rem;
-          }
-          .des {
-            font-size: 1.3rem;
-            line-height: 1.3rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .inner {
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 6rem;
-          h6 {
-            font-size: 2rem !important;
-          }
-          .sub{
-             font-size: 1.5rem;
-          }
-          .des {
-            font-size: 1.3rem;
-            line-height: 1.3rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
+.list {
+    margin: 2rem 0;
+    li {
+        position: relative;
+        &:nth-child(even) {
+            text-align: right;
+            .texts {
+                left: 0;
+                padding: 3rem 6rem 1.5rem 1.5rem;
+                text-align: left;
+            }
         }
-      }
     }
-  }
-}
-@media (min-width: 980px) and (max-width: 1200px)  {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
+    .pic {
+        width: 47%;
+        height: auto;
     }
-    /deep/ .el-carousel__container{
-      height: 12rem !important;
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
+    .texts {
+        position: absolute;
+        top: 6rem;
+        right: -2rem;
+        width: 61%;
+        // height: 440px;
+        padding: 3rem 1.5rem 1.5rem 5rem;
+        background: rgba(247, 247, 247, 0.72);
+    }
+    h6 {
+        font-size: 2rem;
+        font-family: SFProDisplay-Bold, SFProDisplay;
+        font-weight: bold;
+        color: #3c3c3c;
+    }
+    .sub {
+        margin: 1rem 0;
+        font-size: 1.2rem;
+        font-weight: 600;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        color: #1c1c1c;
+        line-height: 33px;
+    }
+    .des {
+        margin-bottom: 1rem;
+        font-size: 1rem;
+        color: #3c3c3c;
+        line-height: 1.6rem;
     }
-  }
-  .banner-item{
     img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
+        width: 3.3rem;
+        height: 3.3rem;
     }
-  }
-  .inner {
-    .list {
-      li {
-        .pic {
-          width: 47%;
-          height: auto !important;
-        }
-        .texts  {
-          top: 8rem;
-          h6 {
-            font-size: 2rem !important;
-          }
-          .sub{
-             font-size: 1.5rem;
-          }
-          .des {
-            font-size: 1.3rem;
-            line-height: 1.3rem;
-          }
-          img {
-            width: 2rem;height: 2rem;
-          }
-        }
-      }
-    }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/org/index.vue b/src/pages/org/index.vue
index 17a1d25..91c5f23 100644
--- a/src/pages/org/index.vue
+++ b/src/pages/org/index.vue
@@ -104,31 +104,4 @@ export default {
     width: 50%;
     margin: 0 auto;
 }
-@media (max-width: 1300px) {
-    .org {
-        width: 100%;
-        padding: 15px;
-        .left {
-            width: 60%;
-        }
-        .pic {
-            width: 30%;
-            height: auto;
-        }
-    }
-    .lg-bg {
-        width: 85%;
-    }
-}
-@media (max-width: 980px) {
-    .org {
-        flex-direction: column;
-        .pic {
-            width: 100%;
-        }
-        .left {
-            width: 100%;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewDevHistory/index.vue b/src/pages/overviewDevHistory/index.vue
index fda6ba5..99df704 100644
--- a/src/pages/overviewDevHistory/index.vue
+++ b/src/pages/overviewDevHistory/index.vue
@@ -212,57 +212,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        width: 90%;
-        span {
-            font-size: 1.35rem;
-        }
-    }
-
-    .block {
-        padding: 1.25rem 0;
-        .inner {
-            width: 90%;
-            h2 {
-                font-size: 1.5rem;
-            }
-            p {
-                font-size: 1rem;
-                margin: 10px 0 1.25rem;
-            }
-            .event {
-                flex-direction: column;
-                .time {
-                    width: 100%;
-                    li {
-                        width: 100%;
-                        justify-content: flex-start;
-                    }
-                }
-                .right {
-                    margin-top: 1.25rem;
-                    width: 100%;
-                    h6 {
-                        font-size: 2rem;
-                    }
-                    .list {
-                        li {
-                            padding: 1.25rem;
-                            flex-direction: column;
-                            align-items: flex-start;
-                            .texts {
-                                width: 100%;
-                            }
-                            .pic {
-                                width: 100%;
-                                height: auto;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewIntro/index.vue b/src/pages/overviewIntro/index.vue
index b994656..931a461 100644
--- a/src/pages/overviewIntro/index.vue
+++ b/src/pages/overviewIntro/index.vue
@@ -187,35 +187,4 @@ export default {
         right: 90%;
     }
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        width: 90%;
-        margin: auto;
-        padding-top: 1.25rem;
-        .intro {
-            flex-direction: column;
-            .pic {
-                width: 100%;
-            }
-        }
-        .intro-bg {
-            padding-top: 3rem;
-            .texts {
-                h6 {
-                    font-size: 1.6rem;
-                }
-            }
-        }
-        .right {
-            width: 100% !important;
-            margin-top: 1.25rem;
-            .text {
-                margin-top: 1.25rem;
-            }
-        }
-        span {
-            font-size: 1.35rem;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewLocation/index.vue b/src/pages/overviewLocation/index.vue
index 6cffa3a..9cbf6ba 100644
--- a/src/pages/overviewLocation/index.vue
+++ b/src/pages/overviewLocation/index.vue
@@ -76,12 +76,4 @@ export default {
     color: #020202;
     line-height: 1.6rem;
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        width: 90%;
-        span {
-            font-size: 1.35rem;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewSetup/index.vue b/src/pages/overviewSetup/index.vue
index ff12b15..331e04a 100644
--- a/src/pages/overviewSetup/index.vue
+++ b/src/pages/overviewSetup/index.vue
@@ -104,21 +104,4 @@ export default {
     width: 50%;
     margin: 0 auto;
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 95%;
-            padding: 15px;
-            flex-direction: column;
-            .pic {
-                width: 100%;
-                height: auto;
-            }
-            .left {
-                width: 100%;
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewTrailer/index.vue b/src/pages/overviewTrailer/index.vue
index 56d6b66..3f17de8 100644
--- a/src/pages/overviewTrailer/index.vue
+++ b/src/pages/overviewTrailer/index.vue
@@ -84,13 +84,4 @@ export default {
     color: #020202;
     line-height: 1.6rem;
 }
-@media (max-width: 1200px) {
-    .tab-content {
-        width: 95%;
-        margin: 0 auto;
-        .video {
-            max-height: 18rem;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/publication/index.vue b/src/pages/publication/index.vue
index 752ea2b..4658fca 100644
--- a/src/pages/publication/index.vue
+++ b/src/pages/publication/index.vue
@@ -157,34 +157,4 @@ export default {
     padding: 20px 0;
     margin: 0 auto;
 }
-@media (max-width: 1200px) {
-    .banner {
-        .texts {
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .tabs {
-        // flex-direction: column;
-        width: 100%;
-        overflow-x: scroll;
-        li {
-            padding: 1.25rem 0;
-            margin: 0 1.25rem;
-        }
-    }
-    .tab-content {
-        width: 90%;
-        margin: 0 auto;
-    }
-}
-@media (max-width: 320px) {
-    .banner {
-        .texts {
-            left: 6rem;
-            top: 6rem;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/publication/single.vue b/src/pages/publication/single.vue
index ecebaab..b71e13d 100644
--- a/src/pages/publication/single.vue
+++ b/src/pages/publication/single.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="wrap">
     <div class="banner">
-      <img width="100%" height="280" src="@/assets/images/publication-bg.png" alt="" />
+      <img width="100%"
+           height="280"
+           src="@/assets/images/publication-bg.png"
+           alt="" />
       <div class="texts">
         <p class="text">{{ info.columnName }}</p>
       </div>
@@ -11,11 +14,14 @@
       <!-- <Breadcrumb style="margin-bottom: 30px" ref="breadcrumb" :data.sync="routes"/> -->
       <!-- 根据栏目的listStyleId判断是哪个列表样式，这个出版物页面只显示下面三个列表样式 -->
       <!-- 论文 -->
-      <Thesis v-if="type === 46" :id.sync="id" />
+      <Thesis v-if="type === 46"
+              :id.sync="id" />
       <!-- 专利 -->
-      <Patent v-if="type === 44" :id.sync="id" />
+      <Patent v-if="type === 44"
+              :id.sync="id" />
       <!-- 专著 -->
-      <Monograph v-if="type === 45" :id.sync="id" />
+      <Monograph v-if="type === 45"
+                 :id.sync="id" />
     </div>
   </div>
 </template>
@@ -28,7 +34,7 @@ import Monograph from './monograph'
 import Breadcrumb from '@/components/breadcrumb'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       routes: [
         {
@@ -49,13 +55,13 @@ export default {
     Patent,
     Monograph
   },
-  mounted() {
+  mounted () {
     this.getColumn()
     this.getInfo()
   },
   methods: {
     // 获取栏目详情
-    getInfo() {
+    getInfo () {
       this.id &&
         this.$post(`${this.api.findColumn}?id=${this.id}`)
           .then(({ data }) => {
@@ -64,7 +70,7 @@ export default {
           .catch((res) => { })
     },
     // 获取所有栏目
-    getColumn() {
+    getColumn () {
       this.$post(this.api.listWithTreeMenuVisible, {
         siteId: this.site,
         columnName: '',
@@ -80,7 +86,7 @@ export default {
         .catch((err) => { });
     },
     // 获取父级
-    getParent(data, parent = {}) {
+    getParent (data, parent = {}) {
       for (const e of data) {
         if (e.id == this.id) {
           this.parent = parent
@@ -95,49 +101,32 @@ export default {
 
 <style lang="scss" scoped>
 .wrap {
-  background-color: #f9f9f9;
+    background-color: #f9f9f9;
 }
 .banner {
-  position: relative;
-  height: 280px;
-  color: #fff;
-  .texts {
-    position: absolute;
-    top: 123px;
-    left: 243px;
-  }
+    position: relative;
+    height: 280px;
+    color: #fff;
+    .texts {
+        position: absolute;
+        top: 123px;
+        left: 243px;
+    }
 
-  .text {
-    font-size: 3.42rem;
-    font-weight: 600;
-    @include ellipsis;
-  }
+    .text {
+        font-size: 3.42rem;
+        font-weight: 600;
+        @include ellipsis;
+    }
 
-  .sub {
-    margin-top: 10px;
-    font-size: 2rem;
-  }
-}
-.tab-content {
-  width: 1000px;
-  padding: 20px 0;
-  margin: 0 auto;
-}
-@media (max-width: 1200px) {
-  .banner {
-    .texts {
-      .text {
-        font-size: 1.5rem;
-      }
+    .sub {
+        margin-top: 10px;
+        font-size: 2rem;
     }
-  }
 }
-@media (max-width: 320px) {
-  .banner {
-    .texts {
-      left: 6rem;
-      top: 6rem;
-    }
-  }
+.tab-content {
+    width: 1000px;
+    padding: 20px 0;
+    margin: 0 auto;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/publish/show.vue b/src/pages/publish/show.vue
index 0e5743b..37807fa 100644
--- a/src/pages/publish/show.vue
+++ b/src/pages/publish/show.vue
@@ -261,19 +261,4 @@ export default {
         }
     }
 }
-@media (max-width: 1084px) {
-    .content {
-        width: 95%;
-    }
-    .article {
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
-        .right {
-            margin: 20px 0 0;
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/research/index.vue b/src/pages/research/index.vue
index e4062b1..6deaebe 100644
--- a/src/pages/research/index.vue
+++ b/src/pages/research/index.vue
@@ -1,10 +1,16 @@
 <template>
-  <div class="wrap" v-if="modules.length>=1">
-    <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'">
+  <div class="wrap"
+       v-if="modules.length>=1">
+    <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'">
       <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>
@@ -13,12 +19,22 @@
 
     <div class="block">
       <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
-      <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+      <p class="intro wow fadeInUp"
+         data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
       <ul class="area">
-        <li v-for="(item, i) in modules[2].list" :key="i" class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{'cursor-pointer': isLink(item.link.linkName)}" @click="openLink(item)">
-          <img :src="item.pic" alt="" class="pic">
+        <li v-for="(item, i) in modules[2].list"
+            :key="i"
+            class="wow fadeInDown"
+            :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+            :class="{'cursor-pointer': isLink(item.link.linkName)}"
+            @click="openLink(item)">
+          <img :src="item.pic"
+               alt=""
+               class="pic">
           <div class="texts">
-            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')" alt="" class="icon">
+            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')"
+                 alt=""
+                 class="icon">
             <h6>{{ item.title }}</h6>
             <p class="des">{{ item.des }}</p>
           </div>
@@ -29,23 +45,37 @@
     <div class="block gray">
       <div class="inner">
         <h2 class="b-title wow fadeInUp">{{ modules[3].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
         <ul class="group">
-          <li v-for="(item, i) in modules[4].list" :key="i" class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{'cursor-pointer': isLink(item.link.linkName)}" @click="openLink(item)">
-            <img :src="item.pic" alt="">
+          <li v-for="(item, i) in modules[4].list"
+              :key="i"
+              class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              :class="{'cursor-pointer': isLink(item.link.linkName)}"
+              @click="openLink(item)">
+            <img :src="item.pic"
+                 alt="">
             <p class="text">{{ item.title }}</p>
           </li>
         </ul>
       </div>
     </div>
-    
+
     <div class="block">
       <div class="inner news-inner">
         <h2 class="b-title wow fadeInUp">{{ modules[5].form.title }}</h2>
-        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[5].form.des }}</p>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[5].form.des }}</p>
         <ul class="news">
-          <li v-for="(item, i) in modules[6].list" :key="i" class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" :class="{'cursor-pointer': isLink(item.link.linkName)}" @click="openLink(item)">
-            <img :src="item.pic" alt="">
+          <li v-for="(item, i) in modules[6].list"
+              :key="i"
+              class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              :class="{'cursor-pointer': isLink(item.link.linkName)}"
+              @click="openLink(item)">
+            <img :src="item.pic"
+                 alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
               <div class="des">{{ item.des }}</div>
@@ -64,17 +94,17 @@ import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
 
     }
   },
-  mounted() {
+  mounted () {
     new WOW().init()
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
         if (data.length) {
@@ -85,7 +115,7 @@ export default {
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
         }
-      }).catch(err => {})
+      }).catch(err => { })
     },
   }
 };
@@ -93,562 +123,169 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
-.wrap{
-  /deep/ .el-carousel {
-    height: 24rem;
-    .el-carousel__container{
-      height: 24rem;
-    }
-    img{
-      height: 24rem;
+@import '../../styles/page/page.scss';
+.wrap {
+    /deep/ .el-carousel {
+        height: 24rem;
+        .el-carousel__container {
+            height: 24rem;
+        }
+        img {
+            height: 24rem;
+        }
     }
-  }
 }
 .banner-item {
-  .banner-name {
-    font-size: 2.16rem;
-  }
-}
-.block  {
-  padding: 3.85rem 0;
-  .intro  {
-    margin-bottom: 4rem;
-  }
-}
-.area {
-  display: flex;
-  li {
-    position: relative;
-    width: 19%;
-    color: #fff;
-    background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
-    transition: .3s;
-    &:hover {
-      transform: translateY(20px);
-      .icon {
-        transform: rotateY(360deg);
-      }
-    }
-    &:nth-child(2) {
-      width: 21%;
-      margin-top: 70px;
-      .texts {
-        background: #2B1B1C;
-      }
-    }
-    &:nth-child(3) {
-      .texts {
-        background: #009C91;
-      }
-    }
-    &:nth-child(4) {
-      margin-top: 70px;
-      .texts {
-        background: #005388;
-      }
-    }
-    &:nth-child(5) {
-      width: 22%;
-      .texts {
-        background: #9A4E10;
-      }
-    }
-  }
-  .pic {
-    width: 100%;
-    height: 32.65rem;
-  }
-  .icon {
-    transition: .3s;
-  }
-  .texts {
-    width: 100%;
-    padding: 1rem 2rem;
-    background: #08577B;
-    overflow: hidden;
-  }
-  h6 {
-    font-size: 1.2rem;
-    white-space: nowrap;
-  }
-  .des {
-    font-size: .96rem;
-    color: rgba(255,255,255,0.55);
-  }
-}
-.group {
-  display: flex;
-  flex-wrap: wrap;
-  li {
-    position: relative;
-    width: calc((100% - 56px) / 3);
-    margin: 0 1.4rem 1.95rem 0;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-      .text {
-        color: #fff;
-        background-color: #465f85;
-      }
-    }
-    &:nth-child(3n) {
-      margin-right: 0;
-    }
-  }
-  img {
-    width: 100%;
-    height: auto;
-  }
-  .text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 7.15rem;
-    padding: 0 1.5rem;
-    font-size: 1.44rem;
-    font-family: SFProDisplay-Bold, SFProDisplay;
-    font-weight: bold;
-    line-height: 2rem;
-    text-align: center;
-    color: #272727;
-    background-color: #fff;
-    transition: .3s;
-  }
-}
-.news {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  li {
-    position: relative;
-    width: calc((100% - 56px) / 3);
-    padding: 11px;
-    margin-right: 1.4rem;
-    color: #333;
-    background-color: #fff;
-    box-shadow: 0px 5px 1rem 0px rgba(98,117,163,0.08);
-    border-radius: 10px;
-    transition: .3s;
-    &:hover {
-      transform: translateY(20px);
-    }
-    &:nth-child(3n) {
-      margin-right: 0;
-    }
-    &:hover {
-      color: #fff;
-      background-color: #0252D9;
+    .banner-name {
+        font-size: 2.16rem;
     }
-  }
-  img {
-    width: 100%;
-    height: auto;
-  }
-  .texts {
-    padding: 0 .9rem 2.5rem;
-  }
-  h6 {
-    margin: 1.75rem 0 .6rem;
-    font-size: 1.04rem;
-    line-height: 1.65rem;
-  }
-  .des {
-    font-size: .88rem;
-    line-height: 1.3rem;
-  }
 }
-
-@media (min-width: 280px) and (max-width: 1200px) {
-  .wrap{
-  /deep/ .el-carousel {
-    height: 18rem;
-    .el-carousel__container{
-      height: 18rem;
-    }
-    img{
-      height: 18rem;
+.block {
+    padding: 3.85rem 0;
+    .intro {
+        margin-bottom: 4rem;
     }
-  }
 }
- .block{ 
-  padding: 50px 0;
-  .intro {
-    margin-bottom: 30px;
-  }
-  .area{
-    flex-direction: column;
-    li{
-      width: 95%;margin: 1.25rem auto;
-    }
-  }
-  .group,.news{
-    flex-direction: column;
+.area {
+    display: flex;
     li {
-      width: 95%;
-      margin: 20px auto;
-    }
-  }
- }
- .area {
-  li {
-    height:  auto;
-    .pic{
-      height: 20rem;
-    }
-    .texts{
-      height: 10rem;
-    }
-  }
- }
- .group img {
-  height: 20rem;
- }
- .news img{
-  height: 20rem;
- }
-}
-@media (max-width: 320px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
-    }
-    .group ,.news{
-      li {
-        img {
-          height: auto;
-        }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
-        }
-      }
-    }
-  }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
-    }
-    .group ,.news{
-      li {
-        img {
-          height: auto;
+        position: relative;
+        width: 19%;
+        color: #fff;
+        background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
+            .icon {
+                transform: rotateY(360deg);
+            }
         }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
+        &:nth-child(2) {
+            width: 21%;
+            margin-top: 70px;
+            .texts {
+                background: #2b1b1c;
+            }
         }
-      }
-    }
-  }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
-    }
-    .group ,.news{
-      li {
-        img {
-          height: auto;
+        &:nth-child(3) {
+            .texts {
+                background: #009c91;
+            }
         }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
+        &:nth-child(4) {
+            margin-top: 70px;
+            .texts {
+                background: #005388;
+            }
         }
-      }
-    }
-    .area {
-      li {
-        .pic {
-          height: 22rem;
+        &:nth-child(5) {
+            width: 22%;
+            .texts {
+                background: #9a4e10;
+            }
         }
-      }
     }
-  }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
+    .pic {
+        width: 100%;
+        height: 32.65rem;
     }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
+    .icon {
+        transition: 0.3s;
     }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
+    .texts {
+        width: 100%;
+        padding: 1rem 2rem;
+        background: #08577b;
+        overflow: hidden;
     }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
+    h6 {
+        font-size: 1.2rem;
+        white-space: nowrap;
     }
-    .group ,.news{
-      li {
-        img {
-          height: auto;
-        }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
-        }
-      }
-    }
-    .area {
-      li {
-        .pic {
-          height: auto;
-        }
-      }
+    .des {
+        font-size: 0.96rem;
+        color: rgba(255, 255, 255, 0.55);
     }
-  }
 }
-@media (min-width: 640px) and (max-width: 768px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
-    img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
-    }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
-    }
-    .group ,.news{
-      li {
-        img {
-          height: auto;
+.group {
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        margin: 0 1.4rem 1.95rem 0;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+            .text {
+                color: #fff;
+                background-color: #465f85;
+            }
         }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
+        &:nth-child(3n) {
+            margin-right: 0;
         }
-      }
-    }
-    .area {
-      flex-direction: row;;
-      li {
-        width: 19%;
-        .pic {
-          height: auto;
-        }
-      }
-    }
-  }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
     }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
-    }
-  }
-  .banner-item{
     img {
-      height: 12rem !important;
-    }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
+        width: 100%;
+        height: auto;
+    }
+    .text {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 7.15rem;
+        padding: 0 1.5rem;
+        font-size: 1.44rem;
+        font-family: SFProDisplay-Bold, SFProDisplay;
+        font-weight: bold;
+        line-height: 2rem;
+        text-align: center;
+        color: #272727;
+        background-color: #fff;
+        transition: 0.3s;
     }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
-    }
-    .group ,.news{
-      flex-direction: row;
-      li {
-        width: calc((100% - 3rem) / 3);
-        margin: 0 .8rem 1.95rem 0;
-        -webkit-transition: .3s;
-        img {
-          height: auto;
+}
+.news {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        padding: 11px;
+        margin-right: 1.4rem;
+        color: #333;
+        background-color: #fff;
+        box-shadow: 0px 5px 1rem 0px rgba(98, 117, 163, 0.08);
+        border-radius: 10px;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
         }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
+        &:nth-child(3n) {
+            margin-right: 0;
         }
-      }
-    }
-    .area {
-      flex-direction: row;;
-      li {
-        width: 19%;
-        .pic {
-          height: auto;
+        &:hover {
+            color: #fff;
+            background-color: #0252d9;
         }
-      }
-    }
-  }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-  .wrap  {
-    /deep/ .el-carousel{
-      height: 12rem !important;
-    }
-    /deep/ .el-carousel__container{
-      height: 12rem !important; 
-    }
-    /deep/  .el-carousel__item {
-      height: 12rem !important;
     }
-  }
-  .banner-item{
     img {
-      height: 12rem !important;
+        width: 100%;
+        height: auto;
     }
-    .banner-name {
-      font-size: 1.5rem;
-      line-height: 1rem;
-      left: 2rem;
-      bottom: 2rem;
+    .texts {
+        padding: 0 0.9rem 2.5rem;
     }
-  }
-  .block {
-    padding: 1.25rem 0 ;
-    .b-title  {
-      font-size: 1.5rem;
-      margin-bottom: 1rem;
-    }
-    .group ,.news{
-      flex-direction: row;
-      li {
-        width: calc((100% - 3rem) / 3);
-        margin: 0 .8rem 1.95rem 0;
-        -webkit-transition: .3s;
-        img {
-          height: auto;
-        }
-        .text {
-          font-size: 1.5rem;
-          line-height: 1.8rem;
-        }
-      }
+    h6 {
+        margin: 1.75rem 0 0.6rem;
+        font-size: 1.04rem;
+        line-height: 1.65rem;
     }
-    .area {
-      flex-direction: row;;
-      li {
-        width: 19%;
-        .pic {
-          height: auto;
-        }
-      }
+    .des {
+        font-size: 0.88rem;
+        line-height: 1.3rem;
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/science/index.vue b/src/pages/science/index.vue
index 6434904..c0d80b6 100644
--- a/src/pages/science/index.vue
+++ b/src/pages/science/index.vue
@@ -1,7 +1,9 @@
 <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>
         <p class="banner-des des">{{ modules[0].form.des }}</p>
@@ -10,37 +12,34 @@
 
     <div class="block">
       <div class="inner">
-        <div
-          class="item wow bounceInLeft"
-          data-wow-delay="0.5s"
-          :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }"
-          @click="openLink(modules[1].form)"
-        >
-          <img src="@/assets/images/science/1.png" alt="" />
+        <div class="item wow bounceInLeft"
+             data-wow-delay="0.5s"
+             :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }"
+             @click="openLink(modules[1].form)">
+          <img src="@/assets/images/science/1.png"
+               alt="" />
           <div class="texts">
             <h6>{{ modules[1].form.title }}</h6>
             <div class="des">{{ modules[1].form.des }}</div>
           </div>
         </div>
-        <div
-          class="item wow bounceInRight"
-          data-wow-delay="0.8s"
-          :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
-          @click="openLink(modules[2].form)"
-        >
-          <img src="@/assets/images/science/2.png" alt="" />
+        <div class="item wow bounceInRight"
+             data-wow-delay="0.8s"
+             :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
+             @click="openLink(modules[2].form)">
+          <img src="@/assets/images/science/2.png"
+               alt="" />
           <div class="texts rightText">
             <h6>{{ modules[2].form.title }}</h6>
             <div class="des">{{ modules[2].form.des }}</div>
           </div>
         </div>
-        <div
-          class="item wow bounceInLeft"
-          data-wow-delay="0.5s"
-          :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }"
-          @click="openLink(modules[3].form)"
-        >
-          <img src="@/assets/images/science/3.png" alt="" />
+        <div class="item wow bounceInLeft"
+             data-wow-delay="0.5s"
+             :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }"
+             @click="openLink(modules[3].form)">
+          <img src="@/assets/images/science/3.png"
+               alt="" />
           <div class="texts">
             <h6>{{ modules[3].form.title }}</h6>
             <div class="des">{{ modules[3].form.des }}</div>
@@ -58,17 +57,17 @@ import Util from "@/libs/util";
 import WOW from "wow.js";
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       routes: [],
     };
   },
-  mounted() {
+  mounted () {
     new WOW().init();
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(
         `${this.api[this.preview ? "getRedisCache" : "findPage"]}?columnId=${this.id}`
@@ -80,14 +79,14 @@ export default {
               this.preview
                 ? data
                 : data[data.length - 1][
-                    data[data.length - 1].state ? "theEditedJson" : "jsonBeforeEditing"
-                  ]
+                data[data.length - 1].state ? "theEditedJson" : "jsonBeforeEditing"
+                ]
             );
             this.modules = json;
             console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json);
           }
         })
-        .catch((err) => {});
+        .catch((err) => { });
     },
   },
 };
@@ -95,333 +94,72 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
+@import '../../styles/page/page.scss';
 .inner {
-  width: 960px;
+    width: 960px;
 }
 .single-banner {
-  .banner-img {
-    height: 21.6rem;
-  }
-  .texts {
-    h6 {
-      font-size: 2.16rem;
-      margin-bottom: .95rem;
-    }
-    .banner-des {
-      font-size: .96rem;
-    }
-  }
-}
-.block  {
-  padding: 3.85rem 0;
-}
-.item {
-  position: relative;
-  margin-bottom: 2.9rem;
-  width: 100%;
-  &:hover {
-    .texts {
-      color: #fff;
-      transform: scale(1.05);
-      background: #32b6e9 !important;
-    }
-  }
-  img {
-    width: 100%;
-    height: 22rem;
-  }
-  &:nth-child(2) .texts {
-    color: #fff;
-    background: #33b3c1;
-  }
-  &:nth-child(3) .texts {
-    color: #fff;
-    background: #e47c22;
-  }
-  &:nth-child(even) .texts {
-    left: auto;
-    right: -1.6rem;
-  }
-  .texts {
-    position: absolute;
-    top: 3.9rem;
-    left: -1.4rem;
-    width: 26.6rem;
-    padding: 3.5rem 1.9rem;
-    color: #333;
-    background: #fff6e9;
-    transition: 0.5s;
-  }
-  h6 {
-    margin-bottom: .875rem;
-    font-size: 1.6rem;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-  }
-  .des {
-    font-size: .88rem;
-  }
-}
-@media (max-width: 1200px) {
-  body {
-    width: 100% !important;
-  }
-  .inner {
-    width: 80%;
-  }
-  .item {
-    img {
-    }
-    .rightText {
-      right: 12px !important;
+    .banner-img {
+        height: 21.6rem;
     }
     .texts {
-      width: 85%;
-      box-sizing: border-box;
-      left: -1rem;
-      &:nth-child(2) {
-        right: -1.5rem !important;
-      }
-      .des{
-        -webkit-line-clamp: inherit
-      }
-    }
-  }
-}
-@media (max-width: 320px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
-        }
-      }
-    }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
         h6 {
-          font-size: 1.2rem;
+            font-size: 2.16rem;
+            margin-bottom: 0.95rem;
         }
-        .des {
-          font-size: .75rem;
+        .banner-des {
+            font-size: 0.96rem;
         }
-      }
     }
-  }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
-        }
-      }
-    }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
-        h6 {
-          font-size: 1.4rem;
-        }
-        .des {
-          font-size: .75rem;
-        }
-      }
-    }
-  }
+.block {
+    padding: 3.85rem 0;
 }
-@media (min-width: 375px) and (max-width: 480px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
+.item {
+    position: relative;
+    margin-bottom: 2.9rem;
+    width: 100%;
+    &:hover {
+        .texts {
+            color: #fff;
+            transform: scale(1.05);
+            background: #32b6e9 !important;
         }
-      }
     }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
-        h6 {
-          font-size: 1.4rem;
-        }
-        .des {
-          font-size: .75rem;
-        }
-      }
+    img {
+        width: 100%;
+        height: 22rem;
     }
-  }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
-        }
-      }
+    &:nth-child(2) .texts {
+        color: #fff;
+        background: #33b3c1;
     }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
-      }
+    &:nth-child(3) .texts {
+        color: #fff;
+        background: #e47c22;
     }
-  }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
-        }
-      }
-    }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
-      }
-    }
-  }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
-        }
-      }
+    &:nth-child(even) .texts {
+        left: auto;
+        right: -1.6rem;
     }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
-      }
+    .texts {
+        position: absolute;
+        top: 3.9rem;
+        left: -1.4rem;
+        width: 26.6rem;
+        padding: 3.5rem 1.9rem;
+        color: #333;
+        background: #fff6e9;
+        transition: 0.5s;
     }
-  }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-  .wrap {
-    .single-banner {
-      .banner-img {
-        height: 12rem;
-      }
-      .texts {
-        top: 5rem;
-        left: 2rem;
-        .banner-title{
-          font-size: 1.5rem;
-          margin-bottom: .5rem;
-        }
-        .banner-des{
-          font-size: .85rem;
-        }
-      }
+    h6 {
+        margin-bottom: 0.875rem;
+        font-size: 1.6rem;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
     }
-  }
-  .block {
-    .inner {
-      img {
-        height: 18rem;
-      }
-      .texts {
-        padding: 1.25rem;
-        top: 1.5rem;
-      }
+    .des {
+        font-size: 0.88rem;
     }
-  }
 }
 </style>
diff --git a/src/pages/scientific/index.vue b/src/pages/scientific/index.vue
index 5dab54e..cbefb72 100644
--- a/src/pages/scientific/index.vue
+++ b/src/pages/scientific/index.vue
@@ -291,43 +291,4 @@ export default {
         line-height: 1.6;
     }
 }
-@media (max-width: 1200px) {
-    .items {
-        li {
-            .texts {
-                left: 0;
-                width: 98%;
-            }
-            &:nth-child(even) {
-                .texts {
-                    right: auto;
-                }
-            }
-        }
-    }
-    .about {
-        height: 30rem;
-    }
-}
-@media (max-width: 780px) {
-    .program {
-        .slide {
-            flex-direction: column;
-        }
-        .texts {
-            width: 100%;
-        }
-        .img-wrap {
-            width: 100%;
-            height: 250px;
-        }
-        .list {
-            flex-direction: column;
-            li {
-                width: 100%;
-                margin-bottom: 1rem;
-            }
-        }
-    }
-}
 </style>
diff --git a/src/pages/sfel/index.vue b/src/pages/sfel/index.vue
index d77f794..4ed2aff 100644
--- a/src/pages/sfel/index.vue
+++ b/src/pages/sfel/index.vue
@@ -1216,1016 +1216,4 @@ export default {
         }
     }
 }
-@media (max-width: 1520px) {
-    .conference .card-list {
-        width: 734px;
-        .texts {
-            width: 460px;
-        }
-    }
-}
-@media (max-width: 1200px) {
-    .tools {
-        display: none;
-    }
-    .sfel-banner {
-        flex-direction: column;
-        .newBox {
-            width: 100% !important;
-        }
-        .right {
-            margin-top: 10px;
-            width: 100%;
-            height: 410px;
-        }
-    }
-    .card {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-    .shop-shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-    .shows {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .card-list {
-            width: 100%;
-            margin-top: 20px;
-            li {
-                flex-direction: column;
-                .pic {
-                    width: 100% !important;
-                    margin-right: 0;
-                }
-                .texts {
-                    margin-top: 20px;
-                    width: 100%;
-                }
-            }
-        }
-    }
-    .media-wrap {
-        flex-direction: column;
-        .left {
-            width: 100%;
-        }
-        .right {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-    .news {
-        flex-direction: column;
-        li {
-            margin-top: 30px;
-            width: 100%;
-        }
-    }
-    .slide,
-    .list {
-        flex-direction: column;
-        .texts,
-        .img-wrap {
-            width: 100%;
-        }
-    }
-    .list {
-        li {
-            width: 100% !important;
-            margin-top: 20px;
-        }
-    }
-    .slides {
-        div {
-            flex: 1;
-        }
-    }
-    #part6 {
-        .slide {
-            .texts {
-                height: auto;
-            }
-        }
-    }
-}
-@media (min-width: 280px) and (max-width: 1200px) {
-    .block {
-        padding: 2rem 0;
-    }
-    .shop-shows {
-        .slide {
-            height: 18rem;
-        }
-    }
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            img {
-                height: 18rem;
-            }
-        }
-        /deep/ .el-carousel__container {
-            height: 18rem !important;
-        }
-    }
-    .sfel-banner {
-        .newBox {
-            height: 20rem !important;
-        }
-        .right {
-            padding: 1.25rem;
-            height: 20rem;
-        }
-    }
-    .conference {
-        .left {
-            height: 20rem;
-        }
-    }
-    .card-list {
-        li {
-            .pic {
-                height: 15rem !important;
-            }
-        }
-    }
-    .slides {
-        .item {
-            height: 10rem !important;
-        }
-    }
-    .img-wrap {
-        height: 20rem !important;
-    }
-    .news {
-        .wow {
-            img {
-                height: 20rem;
-            }
-        }
-    }
-}
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 12rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 12rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 12rem;
-            img {
-                height: 12rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    // height: auto !important;
-                    height: 8rem;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    // height: auto !important;
-                    height: 8rem;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                margin-top: 1.25rem;
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                .left {
-                    height: auto;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                .right {
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                flex-direction: row;
-                .right {
-                    margin-top: 0;
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem !important;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 90%;
-            .title {
-                padding-bottom: 1rem;
-                margin-bottom: 1rem;
-                h5 {
-                    font-size: 1rem;
-                    span {
-                        font-size: 0.75rem;
-                    }
-                }
-                span {
-                    font-size: 0.85rem;
-                }
-            }
-            .sfel-banner {
-                flex-direction: row;
-                .newBox {
-                    height: auto !important;
-                }
-                .right {
-                    margin-top: 0;
-                    h6 {
-                        font-size: 1.072rem;
-                        word-break: break-all;
-                    }
-                    .des {
-                        font-size: 0.9rem;
-                        margin: 1rem 0;
-                    }
-                    .meta {
-                        font-size: 0.8rem;
-                    }
-                }
-            }
-            .card {
-                flex-direction: row;
-                margin-top: 1.25rem;
-                li {
-                    width: calc((100% - 56px) / 3);
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .shop-shows {
-                flex-direction: row;
-                .left {
-                    width: 50%;
-                }
-                .right {
-                    width: 50%;
-                    margin-top: 0;
-                }
-                .slide {
-                    height: auto;
-                    p {
-                        line-height: 1.7rem;
-                    }
-                }
-            }
-            .shows {
-                flex-direction: row;
-                .left {
-                    width: 48%;
-                    .text {
-                        line-height: 2rem;
-                        font-size: 0.95rem;
-                    }
-                }
-                .card-list {
-                    width: 50%;
-                    margin-top: 0;
-                    li {
-                        .pic {
-                            height: auto !important;
-                        }
-                    }
-                }
-            }
-            .media-wrap {
-                flex-direction: row;
-                .right {
-                    margin-top: 0;
-                    .img-wrap {
-                        height: auto !important;
-                    }
-                }
-            }
-            .news {
-                flex-direction: row;
-                li {
-                    img {
-                        height: auto;
-                    }
-                }
-            }
-            .slide {
-                flex-direction: row;
-                .img-wrap {
-                    height: auto !important;
-                }
-            }
-            .list {
-                flex-direction: row;
-            }
-        }
-    }
-    .media-wrap {
-        .left {
-            .slides {
-                .item {
-                    height: auto !important;
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/speech/index.vue b/src/pages/speech/index.vue
index 9e48fc8..62cddf6 100644
--- a/src/pages/speech/index.vue
+++ b/src/pages/speech/index.vue
@@ -115,22 +115,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .inner {
-        width: 95%;
-    }
-}
-@media (max-width: 920px) {
-    .inner {
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        .pic {
-            max-width: 100%;
-        }
-        .texts {
-            margin: 20px 0 0;
-        }
-    }
-}
 </style>
diff --git a/src/pages/talent/index.vue b/src/pages/talent/index.vue
index f9e2a26..413212c 100644
--- a/src/pages/talent/index.vue
+++ b/src/pages/talent/index.vue
@@ -298,359 +298,4 @@ export default {
         line-height: 1.5rem;
     }
 }
-@media (min-width: 280px) and (max-width: 1200px) {
-    .single-banner {
-        .texts {
-            left: 200px;
-            .banner-title {
-                font-size: 2.2rem;
-            }
-        }
-    }
-    .block {
-        padding: 30px 0;
-        .inner {
-            .item {
-                flex-direction: column;
-                padding: 1.5rem;
-            }
-            .texts {
-                width: 100%;
-                padding: 1.5rem;
-            }
-        }
-    }
-    .style {
-        /deep/ .el-carousel__container {
-            height: 27rem !important;
-        }
-        .wow {
-            margin-bottom: 2rem;
-        }
-        .item {
-            height: 25rem;
-        }
-    }
-}
-
-@media (max-width: 320px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                .img-wrap {
-                    width: 100%;
-                    height: auto;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 13rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 13rem !important;
-        }
-        .item {
-            height: 13rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                width: 100%;
-                flex-direction: row;
-                .img-wrap {
-                    width: 60%;
-                    height: auto;
-                }
-                .texts {
-                    width: 80%;
-                    margin-left: 1.5rem;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 18rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 18rem !important;
-        }
-        .item {
-            height: 18rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .single-banner {
-        .banner-img {
-            height: 12rem;
-        }
-        .texts {
-            left: 2rem;
-            top: 3rem;
-            .banner-title {
-                font-size: 1.5rem;
-            }
-            .banner-des {
-                font-size: 1rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            width: 100%;
-            .item {
-                width: 100%;
-                flex-direction: row;
-                .img-wrap {
-                    width: 60%;
-                    height: auto;
-                }
-                .texts {
-                    width: 80%;
-                    margin-left: 1.5rem;
-                }
-            }
-        }
-    }
-    .style {
-        width: 100%;
-        /deep/ .el-carousel {
-            height: 20rem !important;
-        }
-        /deep/ .el-carousel__container {
-            height: 20rem !important;
-        }
-        .item {
-            height: 20rem;
-            .text {
-                line-height: 1.5rem;
-                font-size: 1rem;
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/talentCenter/index.vue b/src/pages/talentCenter/index.vue
index d67d2d6..e73f206 100644
--- a/src/pages/talentCenter/index.vue
+++ b/src/pages/talentCenter/index.vue
@@ -322,310 +322,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .content {
-        width: 98%;
-    }
-    .article {
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
-        .left {
-            margin-bottom: 30px;
-        }
-    }
-}
-
-@media (min-width: 280px) and (max-width: 750px) {
-    .article {
-        .recruit {
-            li {
-                flex-direction: column;
-            }
-            .pic {
-                width: 100%;
-                margin-bottom: 10px;
-            }
-        }
-        .notice {
-            flex-direction: column;
-            li {
-                width: 100%;
-            }
-        }
-    }
-}
-@media (max-width: 1200px) {
-    .content {
-        .article {
-            flex-direction: column;
-            .left {
-                width: 100%;
-                .recruit {
-                    li {
-                        flex-direction: column;
-                        .pic {
-                            width: 100%;
-                        }
-                        .texts {
-                            margin-top: 0.8rem;
-                        }
-                    }
-                }
-                .notice {
-                    flex-direction: column;
-                    li {
-                        width: 100%;
-                    }
-                }
-            }
-            .right {
-                width: 100%;
-                .el-tree {
-                    display: none;
-                }
-            }
-        }
-    }
-}
-@media (max-width: 320px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 7rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 13rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 13rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 15rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 7rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 15rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 15rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 18rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 10rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 18rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 18rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 20rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 12rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 22rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 22rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 22rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 14rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 26rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 26rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 26rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 16rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 30rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 30rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 30rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 18rem;
-            }
-        }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 35rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 35rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/talentCentre/index.vue b/src/pages/talentCentre/index.vue
index 5949e5f..e0d085c 100644
--- a/src/pages/talentCentre/index.vue
+++ b/src/pages/talentCentre/index.vue
@@ -292,49 +292,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .content {
-        width: 90%;
-    }
-    .article {
-        flex-direction: column;
-        .left {
-            width: 100%;
-            .recruit {
-                li {
-                    flex-direction: column;
-                    .pic {
-                        width: 100%;
-                    }
-                    .texts {
-                        margin-top: 0.8rem;
-                    }
-                }
-            }
-            .notice {
-                flex-direction: column;
-                li {
-                    width: 100%;
-                }
-            }
-        }
-        .right {
-            width: 100%;
-        }
-    }
-}
-@media (max-width: 480px) {
-    .article {
-        .left {
-            .people {
-                li {
-                    .texts {
-                        left: 10px;
-                        right: auto;
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/userSharing/index.vue b/src/pages/userSharing/index.vue
index c10f8bf..9f9ec74 100644
--- a/src/pages/userSharing/index.vue
+++ b/src/pages/userSharing/index.vue
@@ -221,343 +221,4 @@ export default {
         line-height: 31px;
     }
 }
-@media (max-width: 1200px) {
-    body {
-        width: 100% !important;
-    }
-    .share {
-        width: 100%;
-        .inner {
-            width: 100%;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-        }
-        .des {
-            display: block;
-            padding: 0 10px;
-        }
-        .pic {
-            width: 100%;
-        }
-        .card {
-            width: 100%;
-        }
-    }
-    .group {
-        width: 100%;
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-top: 20px;
-        }
-    }
-}
-
-@media (max-width: 320px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-    .group {
-        li {
-            height: auto;
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-    .group {
-        li {
-            height: auto;
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-    .group {
-        li {
-            height: auto;
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-    .group {
-        flex-direction: row;
-        li {
-            .des {
-                line-height: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-    .group {
-        flex-direction: row;
-        li {
-            .des {
-                line-height: 1rem;
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 7rem;
-                left: 2rem;
-                .banner-title {
-                    font-size: 1.5rem;
-                    margin-bottom: 0.5rem;
-                }
-                .banner-des {
-                    font-size: 0.85rem;
-                }
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            .pic {
-                height: auto;
-            }
-            .card {
-                padding: 1.875rem 0 1.875rem 18.5%;
-                bottom: 0;
-                .title {
-                    font-size: 1.4rem;
-                }
-                .en-text {
-                    font-size: 0.9rem;
-                }
-            }
-        }
-    }
-    .group {
-        flex-direction: row;
-        li {
-            .des {
-                line-height: 1rem;
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file