diff --git a/package-lock.json b/package-lock.json
index db087aa..98e65de 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4740,6 +4740,14 @@
       "resolved": "https://registry.npm.taobao.org/dom-walk/download/dom-walk-0.1.2.tgz",
       "integrity": "sha1-DFSL7wSPTR8qlySQAiNgYNqj/YQ="
     },
+    "dom7": {
+      "version": "3.0.0",
+      "resolved": "https://r.cnpmjs.org/dom7/download/dom7-3.0.0.tgz",
+      "integrity": "sha1-uGHOXWemvs16qjrQKUL/FLEkAzE=",
+      "requires": {
+        "ssr-window": "^3.0.0-alpha.1"
+      }
+    },
     "domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz",
@@ -11136,6 +11144,11 @@
         "tweetnacl": "~0.14.0"
       }
     },
+    "ssr-window": {
+      "version": "3.0.0",
+      "resolved": "https://r.cnpmjs.org/ssr-window/download/ssr-window-3.0.0.tgz",
+      "integrity": "sha1-/VuCgBY4lD4MxwTEaRgBQ1r3rDc="
+    },
     "ssri": {
       "version": "6.0.1",
       "resolved": "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz",
@@ -11660,6 +11673,15 @@
         "util.promisify": "~1.0.0"
       }
     },
+    "swiper": {
+      "version": "6.4.10",
+      "resolved": "https://r.cnpmjs.org/swiper/download/swiper-6.4.10.tgz",
+      "integrity": "sha1-0qi85HFxe3cNAF/NXor0KsYwysY=",
+      "requires": {
+        "dom7": "^3.0.0",
+        "ssr-window": "^3.0.0"
+      }
+    },
     "table": {
       "version": "5.4.6",
       "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz?cache=0&sync_timestamp=1599191046284&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftable%2Fdownload%2Ftable-5.4.6.tgz",
diff --git a/package.json b/package.json
index 6ff1098..a0a84df 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "nprogress": "^0.2.0",
     "script-ext-html-webpack-plugin": "^2.1.4",
     "svg-sprite-loader": "^5.0.0",
+    "swiper": "^6.4.10",
     "vue": "^2.6.12",
     "vue-clipboard2": "^0.3.1",
     "vue-pdf": "^4.1.0",
diff --git a/public/index.html b/public/index.html
index 239bee3..545412e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
+    <meta name="google" value="notranslate">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.png">
diff --git a/src/assets/partner/index.js b/src/assets/partner/index.js
index 4f5d680..f93774b 100644
--- a/src/assets/partner/index.js
+++ b/src/assets/partner/index.js
@@ -10,12 +10,12 @@ export default [
     href: ""
   },
   {
-    name: "贵州装备",
+    name: "贵州装备制造职业学院",
     src: require("@/assets/partner/贵州装备.jpg"),
     href: ""
   },
   {
-    name: "南京铁道",
+    name: "南京铁道职业技术学院",
     src: require("@/assets/partner/南京铁道.jpg"),
     href: ""
   },
diff --git a/src/layout/eHeader/eMenuItem.vue b/src/layout/eHeader/eMenuItem.vue
index 1715d8b..f47e424 100644
--- a/src/layout/eHeader/eMenuItem.vue
+++ b/src/layout/eHeader/eMenuItem.vue
@@ -7,6 +7,7 @@
     <template v-if="hasChildren">
       <b-navbar-nav variant="#000">
         <b-nav-item-dropdown
+          ref="dropDown"
           :text="node.meta.name"
           right
           style="font-size:16px;padding:0 1.2em"
@@ -48,6 +49,13 @@ export default {
       return this.node.children && this.node.children.length;
     }
   },
+  mounted() {
+      this.$root.$on('hide:drop-down', e => {
+        if (this.$refs.dropDown) {
+          this.$refs.dropDown.hide();
+        }
+      })
+  },
   methods: {
     onMouseEnter() {
       this.show = true;
diff --git a/src/layout/eHeader/index.vue b/src/layout/eHeader/index.vue
index 6d60e90..733a565 100644
--- a/src/layout/eHeader/index.vue
+++ b/src/layout/eHeader/index.vue
@@ -71,6 +71,7 @@ export default {
       }
 
       this.scrollT = scrollT;
+      this.$root.$emit('hide:drop-down');
     }
   }
 };
diff --git a/src/views/Home/main/eHonor.vue b/src/views/Home/main/eHonor.vue
index ce1171d..064feae 100644
--- a/src/views/Home/main/eHonor.vue
+++ b/src/views/Home/main/eHonor.vue
@@ -14,7 +14,6 @@
           background="#ababab"
           img-width="1024"
           img-height="480"
-          style="text-shadow: 1px 1px 2px #333;"
           @sliding-start="onSlideStart"
           @sliding-end="onSlideEnd"
         >
@@ -23,6 +22,7 @@
             :key="i"
             caption=""
             text=""
+            :class="slide == i ? 'slide-active': slide == (i+1)%imageList.length ? 'slide-left':'slide-right' "
             :img-src="buildUrl(el.src)"
           ></b-carousel-slide>
         </b-carousel>
@@ -104,6 +104,49 @@ export default {
   .carousel {
     overflow: hidden;
     vertical-align: middle;
+    background: #fff !important;
+    margin: 2% 3% !important;
+    /deep/ {
+      .carousel-item {
+        padding: 8% 22% !important;
+        background: transparent !important;
+      }
+
+      .carousel-control-prev-icon {
+        color: blue;
+      }
+      img {
+        border: 1px solid #eee !important;
+        background: #fff !important;
+      }
+
+      li {
+        background-color: #000 !important;
+      }
+
+      .carousel-control-prev-icon,
+      .carousel-control-next-icon {
+        background-color: #000 !important;
+      }
+    }
+  }
+
+  .slide-left {
+    display: block !important;
+    transform: translateX(-50%) scale(0.83) !important;
+    z-index: 0 !important;
+  }
+
+  .slide-active {
+    display: block !important;
+    transform: translateX(0) scale(1) !important;
+    z-index: 1 !important;
+  }
+
+  .slide-right {
+    display: block !important;
+    transform: translateX(+50%) scale(0.83) !important;
+    z-index: 0 !important;
   }
 }
 </style>
diff --git a/src/views/Home/main/eProduct.vue b/src/views/Home/main/eProduct.vue
index a34d02d..12d2ff6 100644
--- a/src/views/Home/main/eProduct.vue
+++ b/src/views/Home/main/eProduct.vue
@@ -5,14 +5,13 @@
     </div>
     <b-card>
       <b-row>
-        <b-col v-for="(el, i) in productList" :key="i" style="min-width:25em">
+        <b-col v-for="(el, i) in productList" :key="i" class="product-box">
           <b-card
             :title="el.name"
             :img-src="el.src"
             img-alt="Image"
             img-top
             tag="article"
-            class="mb-2"
           >
             <div>
               {{ el.describe }}
@@ -120,4 +119,30 @@ a {
     }
   }
 }
+
+  .product-box {
+    min-width:25em;
+    margin-bottom: 2em;
+    /deep/ {
+      .card {
+        position: relative !important;
+        height: 80%;
+        .card-body {
+          display: flex;
+          flex-direction: column;
+          justify-content: flex-end;
+          align-items: center;
+          background: linear-gradient(1deg, #17a2b8, transparent);
+        }
+        img {
+          height: 60% !important;
+        }
+      }
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .product-box {
+    }
+  }
 </style>
diff --git a/src/views/Home/main/eRecommend.vue b/src/views/Home/main/eRecommend.vue
index 0befd79..9e94ddf 100644
--- a/src/views/Home/main/eRecommend.vue
+++ b/src/views/Home/main/eRecommend.vue
@@ -31,9 +31,9 @@
           <h6 style="display:flex">精彩图集</h6>
         </template>
         <b-row>
-          <b-col v-for="(el, i) in imageList" :key="i" style="min-width:25em">
-            <b-link :href="`/preview/image?id=${i}`">
-              <b-card class="text-center" :img-src="el.src" :img-alt="el.name">
+          <b-col v-for="(el, i) in imageList" :key="i" class="image-box">
+            <b-link :href="`/preview/image?id=${i}`" sytle="display:block">
+              <b-card class="text-center" style="align-items: stretch;height: 100%;" :img-src="el.src" :img-alt="el.name" img-bottom>
                 <template>
                   <h6 class="mb-0">{{ el.name }}</h6>
                 </template>
@@ -138,6 +138,17 @@ export default {
   margin: 1em;
 }
 
+.image-box {
+  min-width:25em;
+  margin-bottom: 2em;
+  /deep/ {
+    .card-body {
+      background: linear-gradient(45deg, #dc3545, transparent);
+    }
+  }
+}
+
+
 @media (min-width: 320px) {
   .frame {
     width: 220px;
@@ -166,10 +177,13 @@ export default {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1024px) {
   .frame {
     width: 1100px;
     height: 280px;
   }
+  .image-box {
+    min-width: 400px;
+  }
 }
 </style>
