From ea46fbc8f02f1a43f67a00d64fa2fd9705dacd62 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 12 Dec 2022 16:44:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8A=A8=E7=94=BB=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/column-bg2.png    | Bin 0 -> 20678 bytes
 src/layouts/header/index.vue        |   2 +
 src/layouts/home/index.vue          |   8 +-
 src/mixins/page/index.js            |   4 +-
 src/pages/about/index.vue           |  90 ++++++++++++-------
 src/pages/application/index.vue     |  56 ++++++++----
 src/pages/article/activity.vue      |   8 +-
 src/pages/article/index.vue         |  10 ++-
 src/pages/careers/index.vue         |  37 +++++---
 src/pages/column/index.vue          |  28 +++---
 src/pages/edu/index.vue             |  32 ++++---
 src/pages/home/index.vue            |  62 ++++++++-----
 src/pages/news/index.vue            | 135 ++++++++++++++++++++--------
 src/pages/newsPress/index.vue       |  13 ++-
 src/pages/newsProcurement/index.vue |   9 +-
 src/pages/research/index.vue        |  48 +++++++---
 src/styles/common.scss              |   7 ++
 src/styles/page/page.scss           |   1 +
 18 files changed, 386 insertions(+), 164 deletions(-)
 create mode 100644 src/assets/images/column-bg2.png

diff --git a/src/assets/images/column-bg2.png b/src/assets/images/column-bg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d62a0e51316f46d3c9aed9cb90404d6731717f3
GIT binary patch
literal 20678
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
Opd-#1o3?8EzW)J{N5$U&

literal 0
HcmV?d00001

diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 3a28a91..38524ae 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -74,6 +74,8 @@ $height: 90px;
   width: 100%;
   min-width: $min-width;
   height: $height;
+  border-bottom: 1px solid #f7f7f7;
+  box-sizing: content-box;
   &:not(.channel) {
     background-color: #fff;
   }
diff --git a/src/layouts/home/index.vue b/src/layouts/home/index.vue
index 74681ef..6514156 100644
--- a/src/layouts/home/index.vue
+++ b/src/layouts/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="['main', { channel: isChannel }]">
+  <div :class="['main', { channel: isChannel, 'site-en': handleClass() }]">
     <v-head></v-head>
     <div class="layout">
       <transition name="move" mode="out-in">
@@ -20,7 +20,8 @@ import { mapMutations } from 'vuex'
 export default {
   data() {
     return {
-      isChannel: this.$route.path === '/home'
+      isChannel: this.$route.path === '/home',
+      enSite: [1, 4, 6] // 英文站点id
     };
   },
   components: {
@@ -39,6 +40,9 @@ export default {
     ...mapMutations('content', [
       'setSite'
     ]),
+    handleClass() {
+      return this.enSite.includes(this.$route.query.siteId || this.$store.state.content.site)
+    },
     // 长时间未操作,自动退出登录
     autoLogout() {
       let lastTime = new Date().getTime();
diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js
index 79d75a1..96a77dd 100644
--- a/src/mixins/page/index.js
+++ b/src/mixins/page/index.js
@@ -54,8 +54,8 @@ export default {
       }
     },
     // 跳转文章页面
-    toArtice(item) {
-      this.$router.push(`/article?articleId=${item.id}&site=${this.$route.query.siteId || this.site}&id=${item.columnId}`)
+    toArtice(item, form) {
+      this.$router.push(`/article?articleId=${item.id}&site=${this.$route.query.siteId || this.site}&id=${this.id}&columnName=${form.columnTitle === 2 ? form.columnTitleCustom : form.columnName}&path=${this.$route.path.replace('/', '')}`)
     }
   }
 };
\ No newline at end of file
diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
index a2da1f3..19bf9d5 100644
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -13,8 +13,8 @@
     
     <div class="block history gray">
       <div :class="['inner', {'cursor-pointer': modules[1].form.link.linkName !== '无'}]" @click="openLink(modules[1].form)">
-        <h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2>
-        <div class="texts">
+        <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>
@@ -27,22 +27,22 @@
 
     <div class="block">
       <div class="inner">
-        <h2 class="b-title">{{ modules[2].form.title }}</h2>
-        <p class="intro">{{ modules[2].form.des }}</p>
+        <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>
         <ul class="card">
-          <li :class="['item1', {'cursor-pointer': modules[3].form.link.linkName !== '无'}]" @click="openLink(modules[3].form)">
+          <li :class="['item1 wow fadeInLeft', {'cursor-pointer': 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>
           </li>
-          <li :class="['item2', {'cursor-pointer': modules[4].form.link.linkName !== '无'}]" @click="openLink(modules[4].form)">
+          <li :class="['item2 wow fadeInRight', {'cursor-pointer': 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>
           </li>
-          <li :class="['item3', {'cursor-pointer': modules[5].form.link.linkName !== '无'}]" @click="openLink(modules[5].form)">
+          <li :class="['item3 wow fadeInLeft', {'cursor-pointer': 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>
           </li>
-          <li :class="['item4', {'cursor-pointer': modules[6].form.link.linkName !== '无'}]" @click="openLink(modules[6].form)">
+          <li :class="['item4 wow fadeInRight', {'cursor-pointer': 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>
           </li>
@@ -52,30 +52,30 @@
 
     <div class="block gray">
       <div class="inner">
-        <h2 class="b-title">{{ modules[7].form.title }}</h2>
-        <p class="intro">{{ modules[7].form.des }}</p>
+        <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>
         <ul class="stat">
-          <li>
+          <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>
+          <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>
+          <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>
+          <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>
+          <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>
+          <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>
@@ -85,8 +85,8 @@
 
     <div class="plan">
       <div :class="['inner', {'cursor-pointer': modules[14].form.link.linkName !== '无'}]" @click="openLink(modules[14].form)">
-        <img class="pic" :src="modules[14].form.pic" alt="">
-        <div class="texts">
+        <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="">
@@ -96,11 +96,11 @@
 
     <div class="block">
       <div class="inner">
-        <h2 class="b-title">{{ modules[15].form.title }}</h2>
-        <p class="intro">{{ modules[15].form.des }}</p>
+        <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>
         <ul class="people">
           <template v-for="(item, i) in modules[16].list">
-            <li v-if="item.isEnable" :key="i">
+            <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>
@@ -116,20 +116,20 @@
 
     <div class="block list-block gray">
       <div class="inner">
-        <h2 class="b-title">{{ modules[17].form.title }}</h2>
-        <p class="intro">{{ modules[17].form.des }}</p>
+        <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>
         <ul class="list">
-          <li :class="{'cursor-pointer': modules[18].form.link.linkName !== '无'}" @click="openLink(modules[18].form)">
+          <li class="wow fadeInDown" data-wow-delay="0.6s" :class="{'cursor-pointer': 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="{'cursor-pointer': modules[19].form.link.linkName !== '无'}" @click="openLink(modules[19].form)">
+          <li class="wow fadeInDown" data-wow-delay="0.8s" :class="{'cursor-pointer': 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="{'cursor-pointer': modules[20].form.link.linkName !== '无'}" @click="openLink(modules[20].form)">
+          <li class="wow fadeInDown" data-wow-delay="1s" :class="{'cursor-pointer': 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>
@@ -140,9 +140,9 @@
 
     <div class="block">
       <div class="inner staff-inner">
-        <h2 class="b-title">{{ modules[21].form.title }}</h2>
-        <p class="intro">{{ modules[21].form.des }}</p>
-        <div :class="['staff', {'cursor-pointer': modules[22].form.link.linkName !== '无'}]" @click="openLink(modules[22].form)">
+        <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': 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>
@@ -158,6 +158,7 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -166,7 +167,7 @@ export default {
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -188,6 +189,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .history {
   h2 {
@@ -201,6 +203,10 @@ export default {
     margin-top: 20px;
     background-color: #fff;
     border-radius: 100px 0px 0px 0px;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
   }
   .left {
     width: 695px;
@@ -231,6 +237,10 @@ export default {
     padding: 70px 67px 20px;
     margin-bottom: 28px;
     color: #fff;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:nth-child(odd) {
       margin-right: 28px;
     }
@@ -268,11 +278,19 @@ export default {
     width: 42%;
     height: 488px;
     margin-bottom: -120px;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
   }
   .texts {
     width: 51%;
     margin-top: 36px;
     color: #fff;
+    transition: .3s;
+    &:hover {
+      transform: translateY(20px);
+    }
   }
   h6 {
     font-size: 36px;
@@ -287,6 +305,10 @@ export default {
     display: flex;
     justify-content: space-between;
     margin-bottom: 126px;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:nth-child(even) {
       flex-direction: row-reverse;
     }
@@ -329,6 +351,10 @@ export default {
     margin-right: 28px;
     text-align: center;
     background-color: #F5F5F5;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:last-child {
       margin-right: 0;
     }
@@ -351,6 +377,10 @@ export default {
   display: flex;
   justify-content: space-between;
   background: #F8F8F8;
+  transition: .3s;
+  &:hover {
+    transform: scale(1.05);
+  }
   .staff-inner {
     width: 1581px;
   }
diff --git a/src/pages/application/index.vue b/src/pages/application/index.vue
index aa85502..49e13fa 100644
--- a/src/pages/application/index.vue
+++ b/src/pages/application/index.vue
@@ -13,8 +13,8 @@
     
     <div class="block history gray">
       <div class="inner">
-        <h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2>
-        <div class="texts">
+        <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>
@@ -28,10 +28,10 @@
     
     <div class="block">
       <div class="inner app-inner">
-        <h2 class="b-title">{{ modules[2].form.title }}</h2>
-        <p class="intro">{{ modules[2].form.des }}</p>
+        <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>
         <ul class="app">
-          <li v-for="(item, i) in modules[3].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
+          <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': 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>
@@ -42,10 +42,10 @@
 
     <div class="block gray">
       <div class="inner">
-        <h2 class="b-title">{{ modules[4].form.title }}</h2>
-        <p class="intro">{{ modules[4].form.des }}</p>
+        <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>
         <ul class="group">
-          <li v-for="(item, i) in modules[5].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
+          <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': item.link.linkName !== '无'}" @click="openLink(item)">
             <img :src="item.pic" alt="">
             <p class="text">{{ item.title }}</p>
           </li>
@@ -55,10 +55,10 @@
 
     <div class="block news-block">
       <div class="inner">
-        <h2 class="b-title">{{ modules[6].form.title }}</h2>
-        <p class="intro">{{ modules[6].form.des }}</p>
+        <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>
         <ul class="news">
-          <li v-for="(item, i) in articles" :key="i" @click="toArtice(item)">
+          <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>
@@ -76,6 +76,7 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -84,7 +85,7 @@ export default {
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -114,6 +115,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .history {
   h2 {
@@ -127,6 +129,10 @@ export default {
     margin-top: 20px;
     background-color: #fff;
     border-radius: 100px 0px 0px 0px;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
   }
   .left {
     width: 695px;
@@ -156,6 +162,13 @@ export default {
     width: 368px;
     height: 252px;
     margin: 0 14px 14px 0;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+      .icon {
+        transform: rotateY(180deg);
+      }
+    }
     &:first-child {
       width: 750px;
     }
@@ -178,6 +191,7 @@ export default {
   }
   .icon {
     position: relative;
+    transition: .3s;
   }
   .text {
     position: relative;
@@ -193,6 +207,10 @@ export default {
     position: relative;
     width: calc((100% - 56px) / 3);
     margin: 0 28px 39px 0;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:nth-child(3n) {
       margin-right: 0;
     }
@@ -202,13 +220,17 @@ export default {
     height: 353px;
   }
   .text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 143px;
     font-size: 30px;
     font-family: SFProDisplay-Bold, SFProDisplay;
     font-weight: bold;
-    line-height: 143px;
-    color: #272727;
+    line-height: 40px;
     text-align: center;
-    background-color: #fff;
+    color: #272727;
+    background-color: #F5F5F5;
   }
 }
 .news-block {
@@ -225,6 +247,10 @@ export default {
     margin-bottom: 28px;
     background-color: #fff;
     cursor: pointer;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:nth-child(odd) {
       margin-right: 28px;
     }
diff --git a/src/pages/article/activity.vue b/src/pages/article/activity.vue
index 7a12259..f9b8f29 100644
--- a/src/pages/article/activity.vue
+++ b/src/pages/article/activity.vue
@@ -78,11 +78,13 @@ export default {
     getInfo() {
       this.$post(`${this.api.findArticle}?id=${this.id}`).then(({ data }) => {
         // 设置面包屑
+        const { columnName, path, id } = this.$route.query
         this.routes = [
           {
-            name: data.columnName,
+            name: columnName || data.columnName,
+            path: '/' + path,
             query: {
-              id: data.columnId
+              id: id || data.columnId
             }
           },
           {
@@ -194,7 +196,7 @@ export default {
     margin-bottom: 25px;
   }
   /deep/.el-tree-node__content {
-    height: 60px;
+    height: 44px;
     background-color: #E5EDF8;
     border-bottom: 2px solid #fff;
   }
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 1e5a211..93463e0 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -88,11 +88,13 @@ export default {
     getInfo() {
       this.$post(`${this.api.findArticle}?id=${this.id}`).then(({ data }) => {
         // 设置面包屑
+        const { columnName, path, id } = this.$route.query
         this.routes = [
           {
-            name: data.columnName,
+            name: columnName || data.columnName,
+            path: '/' + path,
             query: {
-              id: data.columnId
+              id: id || data.columnId
             }
           },
           {
@@ -103,7 +105,7 @@ export default {
           this.$router.back()
         } else {
           if (data.articleTemplate === 25) { // 会议活动
-            this.$router.replace(`/article/activity?articleId=${this.id}&id=${this.$route.query.columnId}`)
+            this.$router.replace(`/article/activity?articleId=${this.id}&id=${id}&columnName=${columnName}&path=${path}`)
           } else {
             this.form = data
             this.columnId = data.columnId
@@ -239,7 +241,7 @@ export default {
     margin-bottom: 25px;
   }
   /deep/.el-tree-node__content {
-    height: 60px;
+    height: 44px;
     background-color: #E5EDF8;
     border-bottom: 2px solid #fff;
   }
diff --git a/src/pages/careers/index.vue b/src/pages/careers/index.vue
index e741933..5ce611b 100644
--- a/src/pages/careers/index.vue
+++ b/src/pages/careers/index.vue
@@ -14,7 +14,7 @@
     <div class="block">
       <div class="inner">
         <ul class="card">
-          <li>
+          <li class="wow fadeInDown" data-wow-delay="0.1s">
             <img class="pic" :src="modules[1].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[1].form.title }}</h6>
@@ -24,7 +24,7 @@
               <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[1].form.link.linkName !== '无'}" @click="openLink(modules[1].form)">
             </div>
           </li>
-          <li>
+          <li class="wow fadeInDown" data-wow-delay="0.3s">
             <img class="pic" :src="modules[2].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[2].form.title }}</h6>
@@ -34,7 +34,7 @@
               <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[2].form.link.linkName !== '无'}" @click="openLink(modules[2].form)">
             </div>
           </li>
-          <li>
+          <li class="wow fadeInDown" data-wow-delay="0.5s">
             <img class="pic" :src="modules[3].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[3].form.title }}</h6>
@@ -44,7 +44,7 @@
               <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[3].form.link.linkName !== '无'}" @click="openLink(modules[3].form)">
             </div>
           </li>
-          <li>
+          <li class="wow fadeInDown" data-wow-delay="0.7s">
             <img class="pic" :src="modules[4].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[4].form.title }}</h6>
@@ -60,11 +60,11 @@
 
     <div class="block gray">
       <div class="inner">
-        <h2 class="b-title">{{ modules[5].form.title }}</h2>
-        <p class="intro">{{ modules[5].form.des }}</p>
+        <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>
         <ul class="people">
           <template v-for="(item, i) in modules[6].list">
-            <li v-if="item.isEnable" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
+            <li v-if="item.isEnable" :key="i" class="wow fadeInDown" data-wow-delay="0.5s" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
               <img class="comma" src="@/assets/images/comma.png" alt="">
               <div class="left">
                 <h6>{{ item.title }}</h6>
@@ -79,12 +79,12 @@
 
     <ul class="shows">
       <template v-for="(item, i) in modules[7].list">
-        <li v-if="item.isEnable" :key="i">
+        <li v-if="item.isEnable" :key="i" class="wow fadeInDown" data-wow-delay="0.3s">
           <div class="left">
             <h6>{{ item.title }}</h6>
             <div class="sub">{{ item.subTitle }}</div>
             <div class="des">{{ item.des }}</div>
-            <img src="@/assets/images/arrow-white.png" alt="" :class="{'arrow': item.link.linkName !== '无'}" @click="openLink(item)">
+            <img src="@/assets/images/arrow-white.png" alt="" class="icon" :class="{'arrow': item.link.linkName !== '无'}" @click="openLink(item)">
           </div>
           <img class="pic" :src="item.pic" alt="">
         </li>
@@ -97,6 +97,7 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -105,7 +106,7 @@ export default {
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -127,6 +128,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .card {
   display: flex;
@@ -185,6 +187,10 @@ export default {
     padding: 100px 70px 30px 57px;
     margin-bottom: 100px;
     background-color: #fff;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:nth-child(even) {
       display: flex;
       justify-content: flex-end;
@@ -233,6 +239,11 @@ export default {
     height: 654px;
     margin-bottom: 40px;
     color: #fff;
+    &:hover .left {
+      h6, .sub, .des, .icon {
+        transform: translateY(20px);
+      }
+    }
     &:nth-child(even) {
       flex-direction: row-reverse;
     }
@@ -264,14 +275,20 @@ export default {
   }
   h6 {
     font-size: 46px;
+    transition: .3s;
   }
   .sub {
     margin: 20px;
     font-size: 36px;
+    transition: .3s;
   }
   .des {
     margin-bottom: 40px;
     font-size: 24px;
+    transition: .3s;
+  }
+  .icon {
+    transition: .3s;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 444c791..b7a7269 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -107,6 +107,7 @@
               <span class="date">{{ item.createTime }}</span>
             </li>
           </ul>
+          <div class="shadow"></div>
         </div>
       </div>
     </div>
@@ -239,14 +240,15 @@ export default {
     getLeftColumn() {
       this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => {
         const fromColumn = this.$route.query.column // 有column标识的，说明是通过点击左侧导航跳转过来的，这种情况只查询该栏目下的文章
-        this.sameStyle = !fromColumn
+        this.sameStyle = 1
         this.allColumnId = []
-        fromColumn || data.length && this.handleColumn(data, data[0].listStyleId)
-        this.getArticle(this.sameStyle ? this.allColumnId : [+this.$route.query.id])
+        data.length && this.handleColumn(data, data[0].listStyleId)
+        this.getArticle(this.sameStyle && !fromColumn ? this.allColumnId : [+this.$route.query.id])
         this.columns = data
         this.$nextTick(() => {
           const el = this.$refs.leftColumn
-          el && el.setCurrentKey(this.sameStyle ? data[0].id : this.id)
+          // el && el.setCurrentKey(this.sameStyle && !fromColumn ? data[0].id : this.id)
+          el && el.setCurrentKey(this.id)
         })
       }).catch(err => {})
     },
@@ -315,7 +317,7 @@ export default {
         this.$router.push(`/${to.path}?id=${to.id}`).catch(err => {})
       } else if (left && (typeId === 1 || (typeId === 4 && !to.children.length))) {
         // 常规栏目跳转到column页
-        this.$router.push(`/column?id=${to.id + (left ? '&column=1' : '')}`).catch(err => {})
+        this.$router.push(`/column?id=${to.id + (left && (to.level !== 1 || !this.sameStyle) ? '&column=1' : '')}`).catch(err => {})
       }
     },
     // 查询文章列表
@@ -378,6 +380,7 @@ export default {
   position: relative;
   height: 280px;
   font-size: 48px;
+  font-weight: 600;
   color: #fff;
   .text {
     position: absolute;
@@ -388,7 +391,9 @@ export default {
 }
 .column-wrap {
   padding: 40px 0;
-  background: #F9FAFA url(../../assets/images/column-bg.png) no-repeat;
+  background: url(../../assets/images/column-bg.png) 0 0/auto no-repeat,
+              url(../../assets/images/column-bg2.png) bottom right/auto auto no-repeat;
+  background-color: #F9FAFA;
 }
 .article {
   display: flex;
@@ -495,7 +500,7 @@ export default {
       font-size: 16px;
       color: #666;
       background-color: #fff;
-      border-bottom: 1px solid #F8F9F9;
+      border-top: 1px solid #F8F9F9;
       cursor: pointer;
       &:before {
         content: '';
@@ -522,6 +527,8 @@ export default {
       right: 10px;
     }
     .is-current > .el-tree-node__content {
+      background-color: #E5EDF8;
+      border-top: 0;
       &:after {
         content: '';
         z-index: 2;
@@ -550,6 +557,7 @@ export default {
     .texts {
       max-width: 620px;
       padding-left: 30px;
+      margin-right: 20px;
     }
     .type {
       margin-bottom: 15px;
@@ -578,8 +586,8 @@ export default {
       @include mul-ellipsis(2);
     }
     .pic {
-      width: 45%;
-      min-width: 380px;
+      width: 430px;
+      // min-width: 380px;
       height: 244px;
     }
   }
@@ -592,7 +600,7 @@ export default {
     width: 100%;
     margin-bottom: 25px;
     /deep/.el-tree-node__content {
-      height: 60px;
+      height: 44px;
       background-color: #E5EDF8;
       border-bottom: 2px solid #fff;
     }
diff --git a/src/pages/edu/index.vue b/src/pages/edu/index.vue
index 6114978..9cbfd46 100644
--- a/src/pages/edu/index.vue
+++ b/src/pages/edu/index.vue
@@ -13,27 +13,27 @@
 
     <div class="block gray">
       <div class="inner">
-        <h2 class="b-title">{{ modules[1].form.title }}</h2>
-        <p class="intro">{{ modules[1].form.des }}</p>
-        <img :class="{'cursor-pointer': modules[1].form.link.linkName !== '无'}" width="100%" height="536" :src="modules[1].form.pic" alt="" @click="openLink(modules[1].form)">
+        <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 wow fadeInLeft" data-wow-delay="0.8s" :class="{'cursor-pointer': 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">{{ modules[2].form.title }}</h2>
-        <p class="intro">{{ modules[2].form.des }}</p>
-        <img :class="{'cursor-pointer': modules[2].form.link.linkName !== '无'}" width="100%" height="536" :src="modules[2].form.pic" alt="" @click="openLink(modules[2].form)">
+        <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': 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">{{ modules[3].form.title }}</h2>
-        <p class="intro">{{ modules[3].form.des }}</p>
+        <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>
         <ul class="list">
           <template v-for="(item, i) in modules[4].list">
-            <li v-if="item.isEnable" :key="i">
+            <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': item.link.linkName !== '无'}" @click="openLink(item)">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
@@ -52,6 +52,7 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -60,7 +61,7 @@ export default {
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -82,7 +83,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.block-pic {
+  transition: .3s;
+  &:hover {
+    transform: scale(1.05);
+  }
+}
 .list {
   li {
     position: relative;
@@ -105,6 +113,10 @@ export default {
     height: 440px;
     padding: 60px 30px 30px 100px;
     background-color: #fff;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
   }
   h6 {
     font-size: 40px;
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 46d313a..2f67bdd 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -10,10 +10,10 @@
     
     <div class="block">
       <div class="inner">
-        <h2 class="b-title">{{ modules[1].form.title }}</h2>
-        <p class="intro">{{ modules[1].form.des }}</p>
+        <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
         <ul class="card">
-          <li>
+          <li class="wow fadeInDown" data-wow-delay="0.2s">
             <img class="pic" :src="modules[2].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[2].form.title }}</h6>
@@ -21,7 +21,7 @@
               <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': modules[2].form.link.linkName !== '无'}" @click="openLink(modules[2].form)">
             </div>
           </li>
-          <li>
+          <li class="wow fadeInDown" data-wow-delay="0.6s">
             <img class="pic" :src="modules[3].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[3].form.title }}</h6>
@@ -35,10 +35,10 @@
     
     <div class="block news-block">
       <div class="inner">
-        <h2 class="b-title">{{ modules[4].form.title }}</h2>
-        <p class="intro">{{ modules[4].form.des }}</p>
+        <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>
         <ul class="news">
-          <li v-for="(item, i) in articles" :key="i" @click="toArtice(item)">
+          <li class="wow fadeInDown" :data-wow-delay="(0.2 * i).toFixed(1) + 's'" v-for="(item, i) in articles" :key="i" @click="toArtice(item, modules[5].form)">
             <img :src="item.titleImg" alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
@@ -52,11 +52,11 @@
     
     <div class="block">
       <div class="inner">
-        <h2 class="b-title">{{ modules[6].form.title }}</h2>
-        <p class="intro">{{ modules[6].form.des }}</p>
+        <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>
         <ul class="people">
           <template v-for="(item, i) in modules[7].list">
-            <li v-if="item.isEnable" :key="i">
+            <li v-if="item.isEnable" :key="i" class="wow fadeInDown" :data-wow-delay="(0.4 * i).toFixed(1) + 's'">
               <img class="pic" :src="item.pic" alt="">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
@@ -71,38 +71,38 @@
 
     <div class="about" :class="{'cursor-pointer': modules[8].form.link.linkName !== '无'}" @click="openLink(modules[8].form)">
       <div class="inner">
-        <img src="@/assets/images/about.png" alt="">
-        <div class="line"></div>
-        <div class="text">{{ modules[8].form.title }}</div>
-        <div class="des" v-html="modules[8].form.des"></div>
+        <img class="wow fadeInUp" src="@/assets/images/about.png" alt="">
+        <div class="line wow fadeInUp" data-wow-delay="0.4s"></div>
+        <div class="text wow fadeInUp" data-wow-delay="0.7s">{{ modules[8].form.title }}</div>
+        <div class="des wow fadeInDown" data-wow-delay="1s" v-html="modules[8].form.des"></div>
       </div>
     </div>
 
     <div class="block" style="padding-bottom: 0">
       <div class="inner">
-        <h2 class="glance">{{ modules[9].form.title }}</h2>
+        <h2 class="glance wow fadeInUp">{{ modules[9].form.title }}</h2>
         <ul class="stat">
-          <li>
+          <li class="wow fadeInRight" data-wow-delay="0.2s">
             <p class="num">{{ modules[10].form.title }}</p>
             <p class="text">{{ modules[10].form.des }}</p>
           </li>
-          <li>
+          <li class="wow fadeInRight" data-wow-delay="0.4s">
             <p class="num">{{ modules[11].form.title }}</p>
             <p class="text">{{ modules[11].form.des }}</p>
           </li>
-          <li>
+          <li class="wow fadeInRight" data-wow-delay="0.6s">
             <p class="num">{{ modules[12].form.title }}</p>
             <p class="text">{{ modules[12].form.des }}</p>
           </li>
-          <li>
+          <li class="wow fadeInRight" data-wow-delay="0.9s">
             <p class="num">{{ modules[13].form.title }}</p>
             <p class="text">{{ modules[13].form.des }}</p>
           </li>
-          <li>
+          <li class="wow fadeInRight" data-wow-delay="1.2s">
             <p class="num">{{ modules[14].form.title }}</p>
             <p class="text">{{ modules[14].form.des }}</p>
           </li>
-          <li>
+          <li class="wow fadeInRight" data-wow-delay="1.5s">
             <p class="num">{{ modules[15].form.title }}</p>
             <p class="text">{{ modules[15].form.des }}</p>
           </li>
@@ -116,6 +116,7 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -124,7 +125,7 @@ export default {
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -154,12 +155,17 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .card {
   display: flex;
   justify-content: space-between;
   li {
     width: 47%;
+    transition: .3s;
+    &:hover{
+      margin-top: -15px;
+    }
   }
   .pic {
     width: 100%;
@@ -196,9 +202,13 @@ export default {
     background-color: #fff;
     cursor: pointer;
     overflow: hidden;
+    transition: .3s;
     &:nth-child(odd) {
       margin-right: 28px;
     }
+    &:hover{
+      transform: scale(1.05);
+    }
   }
   img {
     width: 237px;
@@ -229,9 +239,13 @@ export default {
     display: flex;
     justify-content: space-between;
     margin-bottom: 126px;
+    transition: .3s;
     &:nth-child(even) {
       flex-direction: row-reverse;
     }
+    &:hover {
+      transform: scale(1.05);
+    }
   }
   .pic {
     width: 47%;
@@ -312,6 +326,10 @@ export default {
     background: rgba(111, 69, 36, .56);
     border-radius: 17px;
     overflow: visible;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue
index f525739..8ee6c84 100644
--- a/src/pages/news/index.vue
+++ b/src/pages/news/index.vue
@@ -11,64 +11,67 @@
       </template>
     </el-carousel>
 
-    <ul class="tabs">
+    <ul class="tabs wow fadeInLeft">
       <template v-for="(item, i) in modules[1].list">
         <li v-if="item.columnName" :class="{active: i == curColumn}" :key="i" @click="tabChange(i)">{{ item.columnName }}</li>
       </template>
     </ul>
 
     <div class="block">
-      <div class="inner" v-if="modules[1].list[this.curColumn].articles.length">
-        <el-carousel class="articles" height="410px" arrow="never">
-          <template v-for="(item, i) in modules[1].list[this.curColumn].articles">
-            <el-carousel-item v-if="i < 3" :key="i">
-              <div class="banner" @click="toArtice(item)">
-                <img width="50%" height="480" :src="item.titleImg" alt="">
-                <div class="right">
-                  <h6>{{ item.title }}</h6>
-                  <div class="des" v-html="item.mainBody"></div>
-                  <p class="meta">{{ item.createTime }} {{ item.author && ' | ' + item.author }}</p>
-                </div>
-              </div>
-            </el-carousel-item>
-          </template>
-        </el-carousel>
+      <div class="inner" v-if="modules[1].list[curColumn].articles.length">
+        <div class="banner wow fadeInDown" data-wow-delay="0.5s" @click="toArtice(curArticle, modules[1].list[curColumn])">
+          <el-carousel ref="carousel" class="articles" height="410px" arrow="never" :autoplay="false">
+            <template v-for="(item, i) in modules[1].list[curColumn].articles">
+              <el-carousel-item v-if="i < 3" :key="i">
+                <img width="100%" height="480" :src="item.titleImg" alt="">
+              </el-carousel-item>
+            </template>
+          </el-carousel>
+          <div class="right">
+            <h6>{{ curArticle.title }}</h6>
+            <div class="des" v-html="curArticle.mainBody"></div>
+            <p class="meta">{{ curArticle.createTime }} {{ curArticle.author && ' | ' + curArticle.author }}</p>
+            <ul class="inds">
+              <li v-for="i in 3" :key="i" :class="{active: curInd == i - 1}" @click.stop="switchCarousel(i - 1)"></li>
+            </ul>
+          </div>
+        </div>
         
         <ul class="card">
-          <template v-for="(item, i) in modules[1].list[this.curColumn].articles">
-            <li v-if="i > 2" :key="i" @click="toArtice(item)">
+          <template v-for="(item, i) in modules[1].list[curColumn].articles">
+            <li v-if="i > 2" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'">
               <img class="pic" :src="item.titleImg" alt="">
               <div class="texts">
                 <p class="meta">{{ item.createTime }} {{ item.author && ' | ' + item.author }}</p>
                 <div class="des">{{ item.title }}</div>
-                <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item)">
+                <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item, modules[1].list[curColumn])">
               </div>
             </li>
           </template>
         </ul>
-        <div class="more" @click="toMore">More news ></div>
+        <div class="more wow fadeInDown" data-wow-delay="0.5s" @click="toMore">More news ></div>
       </div>
     </div>
 
     <div class="block gray">
       <div class="inner lg">
-        <h2 class="b-title">{{ modules[2].form.title }}</h2>
-        <p class="intro">{{ modules[2].form.des }}</p>
+        <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>
         <div class="shop-shows" v-if="articles.length">
-          <div class="left">
+          <div class="left wow fadeInLeft" data-wow-delay="0.5s">
             <img width="100%" height="400" :src="articles[0].titleImg" alt="">
             <div class="texts">
               <h6>{{ articles[0].title }}</h6>
               <div class="des" v-html="articles[0].mainBody"></div>
             </div>
           </div>
-          <div class="right">
+          <div class="right wow fadeInRight" data-wow-delay="0.5s">
             <ul class="show-card">
-              <li v-if="articles[1]" @click="toArtice(articles[1])">
+              <li v-if="articles[1]" @click="toArtice(articles[1], modules[3].form)">
                 <img class="pic" :src="articles[1].titleImg" alt="">
                 <div class="des">{{ articles[1].title }}</div>
               </li>
-              <li v-if="articles[2]" @click="toArtice(articles[2])">
+              <li v-if="articles[2]" @click="toArtice(articles[2], modules[3].form)">
                 <img class="pic" :src="articles[2].titleImg" alt="">
                 <div class="des">{{ articles[2].title }}</div>
               </li>
@@ -81,7 +84,7 @@
                     <h6>{{ item.title }}</h6>
                     <div class="des" v-html="item.mainBody"></div>
                   </div>
-                  <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item)">
+                  <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item, modules[3].form)">
                 </li>
               </template>
             </ul>
@@ -92,10 +95,10 @@
 
     <div class="block conference">
       <div class="inner lg">
-        <h2 class="b-title">{{ modules[4].form.title }}</h2>
-        <p class="intro">{{ modules[4].form.des }}</p>
+        <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>
         <div class="shows" v-if="articles1.length">
-          <div class="left">
+          <div class="left wow fadeInLeft" data-wow-delay="0.5s">
             <img width="100%" height="558" :src="articles1[0].titleImg" alt="">
             <div class="texts">
               <div class="meta">
@@ -108,9 +111,9 @@
               </div>
             </div>
           </div>
-          <ul class="card-list">
+          <ul class="card-list wow fadeInRight" data-wow-delay="0.5s">
             <template v-for="(item, i) in articles1">
-              <li v-if="i" :key="i" @click="toArtice(item)">
+              <li v-if="i" :key="i" @click="toArtice(item, modules[5].form)">
                 <img class="pic" :src="item.titleImg" alt="">
                 <div class="texts">
                   <h6>{{ item.title }}</h6>
@@ -140,17 +143,20 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
     return {
       curColumn: 0,
       articles: [],
-      articles1: []
+      articles1: [],
+      curInd: 0,
+      curArticle: {}
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -167,13 +173,15 @@ export default {
           // 获取文章列表
           const { list } = json[1]
           if (list.length) {
-            list.map(e => {
+            list.map((e, i) => {
               if (e.site && e.column.length) {
                 const id = e.column[e.column.length - 1]
                 e.id = id
                 if (e.columnTitle === 2) e.columnName = e.columnTitleCustom
                 this.$post(`${this.api.queryArticlesByColumnType}?columnId=${id}`).then(({ data }) => {
-                  this.$set(e, 'articles', Util.removeTag(data.slice(0, e.articleNum || 6)))
+                  const list = Util.removeTag(data.slice(0, e.articleNum || 6))
+                  this.$set(e, 'articles', list)
+                  if (list.length && !i) this.curArticle = list[0]
                 }).catch(err => {})
               } else {
                 this.$set(e, 'articles', [])
@@ -198,6 +206,14 @@ export default {
         }
       }).catch(err => {})
     },
+    // 手动轮播切换
+    switchCarousel(i) {
+      if (this.curInd !== i) {
+        this.$refs.carousel[this.curInd > i ? 'prev' : 'next']()
+        this.curInd = i
+        this.curArticle = this.modules[1].list[this.curColumn].articles[i]
+      }
+    },
     // tab回调
     tabChange(i) {
       const { column } = this.modules[1].list[i]
@@ -251,6 +267,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .tabs {
   display: flex;
@@ -274,6 +291,7 @@ export default {
   width: 1505px;
 }
 /deep/.articles {
+  width: 50%;
   .el-carousel__indicators--horizontal {
     bottom: 20px;
     left: 804px;
@@ -287,21 +305,49 @@ export default {
     height: 380px;
   }
   .right {
+    position: relative;
     width: 50%;
     padding: 50px 50px 30px;
     background: #1583FF;
     color: #fff;
+    &:hover {
+      h6, .des, .meta {
+        transform: translateY(15px);
+      }
+    }
+  }
+  .inds {
+    position: absolute;
+    bottom: 40px;
+    left: 60px;
+    display: flex;
+    li {
+      width: 10px;
+      height: 10px;
+      margin-right: 12px;
+      background: #FFFFFF;
+      border-radius: 50%;
+      transition: .2s;
+      &.active {
+        width: 30px;
+        background: rgba(255,255,255,0.3);
+        border-radius: 5px;
+      }
+    }
   }
   h6 {
     font-size: 24px;
+    transition: .3s;
   }
   .des {
     margin: 30px 0;
     font-size: 16px;
     line-height: 24px;
+    transition: .3s;
   }
   .meta {
     font-size: 16px;
+    transition: .3s;
   }
 }
 .card {
@@ -313,7 +359,10 @@ export default {
     margin-right: 28px;
     box-shadow: 0px 0px 20px 0px rgba(176,176,176,0.21);
     border-radius: 6px;
-    cursor: pointer;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
     &:last-child {
       margin-right: 0;
     }
@@ -332,6 +381,8 @@ export default {
   .des {
     margin: 10px 0;
     font-size: 20px;
+    font-family: SFProDisplay;
+    font-weight: 500;
     color: #333;
     line-height: 28px;
   }
@@ -378,6 +429,7 @@ export default {
     margin-bottom: 20px;
     li {
       position: relative;
+      cursor: pointer;
       &:first-child {
         margin-right: 22px;
       }
@@ -406,7 +458,10 @@ export default {
       display: inline-flex;
       align-items: center;
       margin-bottom: 38px;
-      cursor: pointer;
+      transition: .3s;
+      &:hover {
+        transform: scale(1.05);
+      }
       &:last-child {
         margin-bottom: 0;
       }
@@ -488,6 +543,10 @@ export default {
       margin-bottom: 13px;
       background-color: #fff;
       cursor: pointer;
+      transition: .3s;
+      &:hover {
+        transform: translateX(20px);
+      }
     }
     .pic {
       width: 188px;
diff --git a/src/pages/newsPress/index.vue b/src/pages/newsPress/index.vue
index 9c6643f..17d8ce8 100644
--- a/src/pages/newsPress/index.vue
+++ b/src/pages/newsPress/index.vue
@@ -16,8 +16,8 @@
       <ul class="list">
         <template v-for="(item, i) in modules[1].list">
           <li v-if="item.isEnable" :key="i">
-            <img class="pic" :src="item.pic" alt="">
-            <div class="texts">
+            <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>
@@ -35,6 +35,7 @@ import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
 import Breadcrumb from '@/components/breadcrumb'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -46,6 +47,7 @@ export default {
     Breadcrumb
   },
   mounted() {
+    new WOW().init()
     this.getColumn()
   },
   methods: {
@@ -96,12 +98,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .inner {
   padding-top: 35px;
 }
 .list {
-  margin-top: 40px;
+  margin: 40px 0;
   li {
     position: relative;
     &:nth-child(even) {
@@ -125,6 +128,10 @@ export default {
     height: 440px;
     padding: 60px 30px 30px 100px;
     background: rgba(247, 247, 247, .72);
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
   }
   h6 {
     font-size: 40px;
diff --git a/src/pages/newsProcurement/index.vue b/src/pages/newsProcurement/index.vue
index 9c6643f..28c7ed6 100644
--- a/src/pages/newsProcurement/index.vue
+++ b/src/pages/newsProcurement/index.vue
@@ -16,8 +16,8 @@
       <ul class="list">
         <template v-for="(item, i) in modules[1].list">
           <li v-if="item.isEnable" :key="i">
-            <img class="pic" :src="item.pic" alt="">
-            <div class="texts">
+            <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>
@@ -35,6 +35,7 @@ import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
 import Breadcrumb from '@/components/breadcrumb'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -46,6 +47,7 @@ export default {
     Breadcrumb
   },
   mounted() {
+    new WOW().init()
     this.getColumn()
   },
   methods: {
@@ -96,12 +98,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .inner {
   padding-top: 35px;
 }
 .list {
-  margin-top: 40px;
+  margin: 40px 0;
   li {
     position: relative;
     &:nth-child(even) {
diff --git a/src/pages/research/index.vue b/src/pages/research/index.vue
index 4d12358..7c19e4f 100644
--- a/src/pages/research/index.vue
+++ b/src/pages/research/index.vue
@@ -12,10 +12,10 @@
     </el-carousel>
 
     <div class="block">
-      <h2 class="b-title">{{ modules[1].form.title }}</h2>
-      <p class="intro">{{ modules[1].form.des }}</p>
+      <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
+      <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
       <ul class="area">
-        <li v-for="(item, i) in modules[2].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
+        <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': 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">
@@ -28,10 +28,10 @@
 
     <div class="block gray">
       <div class="inner">
-        <h2 class="b-title">{{ modules[3].form.title }}</h2>
-        <p class="intro">{{ modules[3].form.des }}</p>
+        <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>
         <ul class="group">
-          <li v-for="(item, i) in modules[4].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
+          <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': item.link.linkName !== '无'}" @click="openLink(item)">
             <img :src="item.pic" alt="">
             <p class="text">{{ item.title }}</p>
           </li>
@@ -41,10 +41,10 @@
     
     <div class="block">
       <div class="inner news-inner">
-        <h2 class="b-title">{{ modules[5].form.title }}</h2>
-        <p class="intro">{{ modules[5].form.des }}</p>
+        <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>
         <ul class="news">
-          <li v-for="(item, i) in modules[6].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
+          <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': item.link.linkName !== '无'}" @click="openLink(item)">
             <img :src="item.pic" alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
@@ -61,6 +61,7 @@
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
 import Util from '@/libs/util'
+import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data() {
@@ -69,7 +70,7 @@ export default {
     }
   },
   mounted() {
-    
+    new WOW().init()
   },
   methods: {
     // 获取文章详情
@@ -91,6 +92,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .area {
   display: flex;
@@ -100,6 +102,13 @@ export default {
     height: 653px;
     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;
@@ -129,6 +138,9 @@ export default {
     width: 100%;
     height: 443px;
   }
+  .icon {
+    transition: .3s;
+  }
   .texts {
     width: 100%;
     height: 210px;
@@ -152,6 +164,10 @@ export default {
     position: relative;
     width: calc((100% - 56px) / 3);
     margin: 0 28px 39px 0;
+    transition: .3s;
+    &:hover {
+      transform: translateY(20px);
+    }
     &:nth-child(3n) {
       margin-right: 0;
     }
@@ -161,12 +177,16 @@ export default {
     height: 353px;
   }
   .text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 143px;
     font-size: 30px;
     font-family: SFProDisplay-Bold, SFProDisplay;
     font-weight: bold;
-    line-height: 143px;
-    color: #272727;
+    line-height: 40px;
     text-align: center;
+    color: #272727;
     background-color: #F5F5F5;
   }
 }
@@ -186,6 +206,10 @@ export default {
     background-color: #fff;
     box-shadow: 0px 5px 20px 0px rgba(98,117,163,0.08);
     border-radius: 10px;
+    transition: .3s;
+    &:hover {
+      transform: translateY(20px);
+    }
     &:nth-child(3n) {
       margin-right: 0;
     }
diff --git a/src/styles/common.scss b/src/styles/common.scss
index b713adc..75e2b36 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -13,6 +13,10 @@
   font-family: SFProDisplay-Bold;
   src: url('font/SF-Pro-Display-Bold.otf');
 }
+@font-face {
+  font-family: SFProDisplay;
+  src: url('font/SF-Pro-Display-Regular.otf');
+}
 @font-face {
   font-family: toppan;
   src: url('font/toppan.otf');
@@ -21,6 +25,9 @@
 [v-cloak] {
   display: none;
 }
+.site-en {
+  font-family: SFProDisplay;
+}
 .flex-between {
   display: flex;
   justify-content: space-between;
diff --git a/src/styles/page/page.scss b/src/styles/page/page.scss
index c80b4f6..7102671 100644
--- a/src/styles/page/page.scss
+++ b/src/styles/page/page.scss
@@ -62,6 +62,7 @@
   background-color: #F2F6F8;
 }
 .arrow {
+  transition: .3s;
   cursor: pointer;
 }
 @media (max-width: 1410px) {