diff --git a/assets/image/icon/contact.png b/assets/image/icon/contact.png
new file mode 100644
index 0000000..26a05a9
Binary files /dev/null and b/assets/image/icon/contact.png differ
diff --git a/assets/image/icon/email1.png b/assets/image/icon/email1.png
new file mode 100644
index 0000000..65d64a7
Binary files /dev/null and b/assets/image/icon/email1.png differ
diff --git a/assets/image/icon/online.png b/assets/image/icon/online.png
new file mode 100644
index 0000000..98a89c0
Binary files /dev/null and b/assets/image/icon/online.png differ
diff --git a/assets/image/icon/top.png b/assets/image/icon/top.png
new file mode 100644
index 0000000..1b5db99
Binary files /dev/null and b/assets/image/icon/top.png differ
diff --git a/assets/image/icon/whats.png b/assets/image/icon/whats.png
new file mode 100644
index 0000000..8933cd2
Binary files /dev/null and b/assets/image/icon/whats.png differ
diff --git a/components/side-nav.vue b/components/side-nav.vue
new file mode 100644
index 0000000..fed53e3
--- /dev/null
+++ b/components/side-nav.vue
@@ -0,0 +1,138 @@
+<template>
+  <div class="side-content">
+    <ul class="side-nav">
+      <li class="side-item" v-for="(item, index) in sideiItem" :key="index">
+        <div class="side-label">
+          <img :src="item.icon" :alt="item.label" />
+          <h4>{{ item.label }}</h4>
+        </div>
+        <div v-if="item.desc" class="side-desc" v-html="item.desc"></div>
+      </li>
+    </ul>
+    <div class="top-btn">
+      <div class="side-label">
+        <img src="~/assets//image/icon/top.png" alt="返回顶部" />
+        <h4>{{ $t('common.TOP') }}</h4>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'SideNav',
+  data() {
+    return {
+      sideiItem: [
+        { 
+          icon: require('../assets/image/icon/contact.png'),
+          label: this.$t('common.Contact'),
+          desc: `<div>
+              <h6>${this.$t('contactUs.contactUs')}</h6>
+              <p>0086 182 5311 2969</p>
+            </div>`
+        },
+        { 
+          icon: require('../assets/image/icon/online.png'),
+          label: this.$t('common.Online'),
+        },
+        { 
+          icon: require('../assets/image/icon/whats.png'),
+          label: this.$t('common.Whats'),
+        },
+        { 
+          icon: require('../assets/image/icon/email1.png'),
+          label: this.$t('common.E-mail'),
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.side-content {
+  position: fixed;
+  top: 40%;
+  right: 1rem;
+  z-index: 999;
+}
+.side-nav {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  @mixin active {
+    .side-desc {
+      width: max-content;
+      padding: .625rem 1.375rem;
+      visibility: visible;
+    }
+  }
+  .side-item {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    &:hover {
+      @include active;
+    }
+    .side-label {
+      width: 4.5rem;
+      height: 4.5rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: #fff;
+      box-shadow: 0px 2px 6px 1px rgba(1,95,232,0.13);
+      img {
+        width: 1.5rem;
+        height: 1.5rem;
+        margin-bottom: .3125rem;
+      }
+      h4 {
+        color: #323436;
+        font-size: .75rem;
+      }
+    }
+    .side-desc {
+      width: 0;
+      height: 4.5rem;
+      visibility: hidden;
+      background-color: #015fe8;
+      color: #fff;
+    }
+  }
+  .side-item-active {
+    @include active;
+  }
+}
+
+.top-btn {
+  margin-top: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  cursor: pointer;
+  .side-label {
+    width: 4.5rem;
+    height: 4.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    box-shadow: 0px 2px 6px 1px rgba(1,95,232,0.13);
+    img {
+      width: 1.5rem;
+      height: 1.5rem;
+      margin-bottom: .3125rem;
+    }
+    h4 {
+      color: #323436;
+      font-size: .75rem;
+    }
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/ecosystem.config.js b/ecosystem.config.js
index 92a4cbe..9098a42 100644
--- a/ecosystem.config.js
+++ b/ecosystem.config.js
@@ -5,6 +5,7 @@ module.exports = {
       exec_mode: 'cluster',
       instances: '1', // Or a number of instances
       script: './node_modules/nuxt/bin/nuxt.js',
+      port: 3007,
       args: 'start'
     }
   ]
diff --git a/env.js b/env.js
index d54aaf2..e4084bb 100644
--- a/env.js
+++ b/env.js
@@ -15,7 +15,7 @@ module.exports = {
   // 生产环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api 非独立部署默认为空
   prod: {
     MODE: 'prod',
-    VUE_APP_API_URL: 'http://122.51.230.86:8099/'
+    VUE_APP_API_URL: 'http://114.132.197.85:8099/'
   }
 };
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 0c74074..c0bf4d9 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -2,6 +2,7 @@
   <div>
     <divHeader></divHeader>
     <nuxt :nuxtChildKey="this.$route.path"/>
+    <sideNav />
     <divFooter></divFooter>
   </div>
 </template>
@@ -9,11 +10,13 @@
 <script>
 import divHeader from '../components/header.vue';
 import divFooter from '../components/footer.vue';
+import sideNav from '../components/side-nav.vue';
 
 export default {
   components: {
     divHeader,
-    divFooter
+    divFooter,
+    sideNav
   },
   data() {
     return {
diff --git a/locales/en.json b/locales/en.json
index 2e1ea24..10dcae4 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -34,7 +34,11 @@
     "fulltextsearch": "Full text search",
     "language": "Language",
     "Categories": "Categories",
-    "empty": "No data available at the moment"
+    "empty": "No data available at the moment",
+    "Contact": "Contact",
+    "Online": "Online",
+    "Whats": "Whats",
+    "TOP": "TOP"
   },
   "menu": {
     "Home": "Home",
diff --git a/locales/zh.json b/locales/zh.json
index 82431fd..62f0a87 100644
--- a/locales/zh.json
+++ b/locales/zh.json
@@ -34,7 +34,11 @@
     "fulltextsearch": "全站搜索",
     "language": "语言",
     "Categories": "分类",
-    "empty": "暂无数据"
+    "empty": "暂无数据",
+    "Contact": "联系我们",
+    "Online": "在线",
+    "Whats": "Whatsapp",
+    "TOP": "顶部"
   },
   "menu": {
     "Home": "首页",