diff --git a/public/favicon.ico b/public/favicon.ico
index f36c372..b6181c4 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/img/icons/favicon-32x32.png b/public/img/icons/favicon-32x32.png
index 0eb004b..b6181c4 100644
Binary files a/public/img/icons/favicon-32x32.png and b/public/img/icons/favicon-32x32.png differ
diff --git a/src/lang/en.js b/src/lang/en.js
index abbcc8a..b4bc572 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -5,7 +5,7 @@ const en = {
   service: {
     menuName: 'Services',
     subMenu1: 'Centralized Imaging Service',
-    subMenu2: '3D Reconstructions',
+    subMenu2: '3-D Post-Processing Service',
     msg1: 'Extensive Imaging applies image processing and artificial intelligence technologies to imaging medicine, and provides imaging data analysis and diagnostic services closely related to clinical applications for physicians and patients, adhering to internationally recognized 3D imaging clinical diagnostic standards. Additionally, Extensive Imaging offers services such as medical imaging big data transmission, storage, sharing, statistics, and quality control for clients leveraging the advantages of cloud platforms.'
   },
   imagingService: {
@@ -125,12 +125,12 @@ const en = {
     },
   },
   ImageBasedSurgicalPlanning: {
-    tab1: "Liver Mass",
-    tab2: "Femoral Shaft Fracture",
-    tab3: "TAVI",
-    tab4: "Kidney Mass",
-    tab5: "Pancreatic Tumor",
-    tab6: "AAA",
+    tab_LM: "Liver Mass",
+    tab_FSF: "Femoral Shaft Fracture",
+    tab_TAVI: "TAVI",
+    tab_KM: "Kidney Mass",
+    tab_PT: "Pancreatic Tumor",
+    tab_AAA: "AAA",
     title1: 'Series',
     title2: 'Clinical Implications',
     title3: 'Images',
diff --git a/src/static/images/ba.png b/src/static/images/ba.png
new file mode 100644
index 0000000..9f76394
Binary files /dev/null and b/src/static/images/ba.png differ
diff --git a/src/static/images/wechat.png b/src/static/images/wechat.png
new file mode 100644
index 0000000..e47722f
Binary files /dev/null and b/src/static/images/wechat.png differ
diff --git a/src/static/images/weibo.png b/src/static/images/weibo.png
new file mode 100644
index 0000000..480dd59
Binary files /dev/null and b/src/static/images/weibo.png differ
diff --git a/src/static/images/wxqr.jpg b/src/static/images/wxqr.jpg
new file mode 100644
index 0000000..69832c4
Binary files /dev/null and b/src/static/images/wxqr.jpg differ
diff --git a/src/static/images/zzlogo2.png b/src/static/images/zzlogo2.png
new file mode 100644
index 0000000..3cbd82a
Binary files /dev/null and b/src/static/images/zzlogo2.png differ
diff --git a/src/static/images/zzlogo4.png b/src/static/images/zzlogo4.png
new file mode 100644
index 0000000..5f62d7f
Binary files /dev/null and b/src/static/images/zzlogo4.png differ
diff --git a/src/views/front/layout/index.vue b/src/views/front/layout/index.vue
index 00e55f8..7cbb6b1 100644
--- a/src/views/front/layout/index.vue
+++ b/src/views/front/layout/index.vue
@@ -2,47 +2,35 @@
   <div class="layout">
     <div class="header">
       <div class="menu_wrapper">
-          <img
-            @click="$router.push('/home')"
-            src="../../../../src/static/images/zzlogo3.png"
-            alt=""
-          />
-          <el-menu
-            mode="horizontal"
-            background-color="#fff"
-            :default-active="active.toString()"
-            text-color="#333"
-            @select="selectTab"
-            active-text-color="#428bca"
-          >
-            <template>
-              <el-menu-item key="0" index="0">{{$t('home.menuName')}}</el-menu-item>
-              <el-submenu key="1" index="1" @click.native="selectTab('1')">
-                <template slot="title" style="display: flex;align-items: center">
-                  {{$t('service.menuName')}}
-                </template>
-                <el-menu-item key="1-1" index="1-1">{{$t('service.subMenu1')}}</el-menu-item>
-                <el-menu-item key="1-2" index="1-2">{{$t('service.subMenu2')}}</el-menu-item>
-              </el-submenu>
-              <el-menu-item key="2" index="2">{{$t('about.menuName')}}</el-menu-item>
-              <el-menu-item key="3" index="3">{{$t('media.menuName')}}</el-menu-item>
-              <el-menu-item key="4" index="4">{{$t('book.menuName')}}</el-menu-item>
-              <el-menu-item key="5" index="5">{{$t('login.menuName')}}</el-menu-item>
-            </template>
-          </el-menu>
-        </div>
+        <img @click="$router.push('/home')" src="@/static/images/zzlogo2.png" alt="" v-if="$i18n.locale === 'zh'" />
+        <img @click="$router.push('/home')" src="@/static/images/zzlogo4.png" alt="" v-else />
+        <el-menu mode="horizontal" background-color="#fff" :default-active="active.toString()" text-color="#333"
+          @select="selectTab" active-text-color="#428bca">
+          <template>
+            <el-menu-item key="0" index="0">{{ $t('home.menuName') }}</el-menu-item>
+            <el-submenu key="1" index="1" @click.native="selectTab('1')">
+              <template slot="title">
+                {{ $t('service.menuName') }}
+              </template>
+              <el-menu-item key="1-1" index="1-1">{{ $t('service.subMenu1') }}</el-menu-item>
+              <el-menu-item key="1-2" index="1-2">{{ $t('service.subMenu2') }}</el-menu-item>
+            </el-submenu>
+            <el-menu-item key="2" index="2">{{ $t('about.menuName') }}</el-menu-item>
+            <el-menu-item key="3" index="3">{{ $t('media.menuName') }}</el-menu-item>
+            <el-menu-item key="4" index="4">{{ $t('book.menuName') }}</el-menu-item>
+            <el-menu-item key="5" index="5">{{ $t('login.menuName') }}</el-menu-item>
+          </template>
+        </el-menu>
+      </div>
     </div>
     <div class="container">
       <keep-alive v-if="$route.meta.keepAlive">
         <router-view :key="$route.path + new Date().getTime()"></router-view>
       </keep-alive>
-      <router-view
-        :key="$route.path + new Date().getTime()"
-        v-if="!$route.meta.keepAlive"
-      ></router-view>
+      <router-view :key="$route.path + new Date().getTime()" v-if="!$route.meta.keepAlive"></router-view>
     </div>
     <div class="bottom" style="text-align: center">
-      <a
+      <!-- <a
         target="_blank"
         style="
           color: #fff;
@@ -51,14 +39,39 @@
           text-align: center;
         "
         >© {{ new Date().getFullYear() }} Elevate Imaging Inc. info@elevateimaging.ai</a
-      >
+      > -->
+      <div class="copyright cf">
+        <p class="left">
+          <a class="text-color" href="https://beian.miit.gov.cn" target="_blank">Copyright © {{ new Date().getFullYear()
+          }}
+            上海展影医疗科技有限公司 版权所有 |
+            沪ICP备2021037850-2</a>
+          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
+            style="margin-left:20px;">
+            <img src="@/static/images/ba.png" style="vertical-align: middle;">
+            <span style="margin: 0px 0px 0px 3px; vertical-align: middle;">沪公网安备 31011002005859号</span></a>
+        </p><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
+          style="margin-left:20px;">
+        </a>
+        <p></p>
+        <!-- <a href="javascript:;" class="backTop tre"><i class="fa fa-angle-up"></i></a> -->
+        <div class="shares cf">
+          <a href="http://weibo.com/u/5834449233?is_all=1" class="a1" target="_blank"><img
+              src="@/static/images/weibo.png" alt=""></a>
+          <a href="javascript:;" class="a2">
+            <img src="@/static/images/wechat.png" alt="">
+            <img src="@/static/images/wxqr.jpg" style="width:128px;height:128px;" class="qrCode">
+          </a>
+
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       menuList: [
         'Home',
@@ -78,12 +91,12 @@ export default {
     }
   },
   watch: {
-    $route (v) {
+    $route(v) {
       this.changeTab()
     }
   },
   methods: {
-    changeTab () {
+    changeTab() {
       if (this.menuList.findIndex((v) => v === this.$route.name) === -1) {
         if (this.$route.name === 'Center Imaging Services') {
           this.active = '1'
@@ -95,7 +108,7 @@ export default {
         this.active = this.menuList.findIndex((v) => v === this.$route.name)
       }
     },
-    selectTab (v, title) {
+    selectTab(v, title) {
       console.log('selectTab')
       if (v === '5') {
         window.open('https://lili.elevateimaging.ai/')
@@ -119,7 +132,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     if (this.menuList.findIndex((v) => v === this.$route.name) === -1) {
       if (this.$route.name === 'Center Imaging Services') {
         this.active = '1'
@@ -134,13 +147,14 @@ export default {
 }
 </script>
 <style>
-.layout .el-menu--horizontal > .el-submenu .el-submenu__title {
+.layout .el-menu--horizontal>.el-submenu .el-submenu__title {
   height: 90px;
   line-height: 120px;
   background: #fff !important;
   font-size: 18px;
 }
-.layout .el-menu--horizontal > .el-submenu .el-submenu__title i {
+
+.layout .el-menu--horizontal>.el-submenu .el-submenu__title i {
   line-height: 120px;
 }
 </style>
@@ -148,9 +162,11 @@ export default {
 .layout {
   overflow: auto;
   user-select: none;
+
   .header {
     background: #fff;
     position: relative;
+
     p {
       height: 120px;
       display: flex;
@@ -158,12 +174,15 @@ export default {
       justify-content: center;
       text-align: center;
       cursor: pointer;
+
       &:hover {
         letter-spacing: 5px;
+
         b {
           letter-spacing: 10px;
         }
       }
+
       span {
         line-height: 30px;
         position: relative;
@@ -176,6 +195,7 @@ export default {
         padding: 0;
         z-index: 2;
         transition: all 0.5s ease-out;
+
         b {
           letter-spacing: 2px;
           color: #fff;
@@ -185,6 +205,7 @@ export default {
         }
       }
     }
+
     .menu_wrapper {
       height: 120px;
       max-width: 1226px;
@@ -192,16 +213,20 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+
       img {
         width: 180px;
         cursor: pointer
       }
     }
+
     .el-menu {
       height: 100%;
+
       &.el-menu--horizontal {
         border-bottom: none;
       }
+
       .el-menu-item {
         height: 90px;
         line-height: 120px;
@@ -209,11 +234,14 @@ export default {
         font-size: 18px;
       }
     }
+
     .menu {
       background-color: #302f6d;
+
       div {
         max-width: 1226px;
         margin: 0 auto;
+
         .el-menu.el-menu--horizontal {
           border-bottom: none;
         }
@@ -221,21 +249,88 @@ export default {
     }
 
   }
+
   .container {
     text-align: left;
     position: relative;
     box-sizing: border-box;
     min-height: calc(100vh - 160px);
   }
+
   .bottom {
-    background: #302f6d;
+    width: 1125px;
+    height: 74px;
+    background: #d4d4d4;
+    margin: 30px auto 30px auto;
     position: relative;
+    font-size: 12px !important;
+
     p {
-      font-size: 14px;
-      color: #fff;
-      line-height: 40px;
-      text-align: center;
+      padding-left: 30px;
+      color: #3e3e3f;
+      line-height: 74px;
     }
+
+    .left {
+      float: left;
+      font-size: 12px !important;
+
+      a {
+        font-size: 13px !important;
+      }
+
+      span {
+        font-size: 13px !important;
+      }
+    }
+
+    .shares {
+      float: right;
+      line-height: 1;
+
+      // margin-top: 22px;
+      a {
+        display: block;
+        width: 34px;
+        height: 34px;
+        border: 1px solid #898d98;
+        border-radius: 2px;
+        margin-right: 15px;
+        float: left;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+          font-size: 17px;
+          color: #898d98;
+          text-align: center;
+          width: 30px;
+          height: 30px;
+          display: block;
+        }
+      }
+    }
+
+    .a2 {
+      position: relative;
+
+      .qrCode {
+        display: none;
+        position: absolute;
+        right: -15px;
+        bottom: 35px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+      }
+
+      &:hover {
+        .qrCode {
+          display: block;
+        }
+      }
+    }
+
+
   }
 }
 </style>
diff --git a/src/views/front/services/3D-post-processing-services/Image-Based-Surgical-Planning/index.vue b/src/views/front/services/3D-post-processing-services/Image-Based-Surgical-Planning/index.vue
index de7051a..b14006a 100644
--- a/src/views/front/services/3D-post-processing-services/Image-Based-Surgical-Planning/index.vue
+++ b/src/views/front/services/3D-post-processing-services/Image-Based-Surgical-Planning/index.vue
@@ -10,21 +10,21 @@
                 $t(`ImageBasedSurgicalPlanning.title6`) }}</em>
                 <div class="aAs cf">
                   <span :class="{ cur: activeName === 'LM' }" @click.stop="handleClick('LM')">{{
-                    $t(`ImageBasedSurgicalPlanning.tab1`) }}</span>
+                    $t(`ImageBasedSurgicalPlanning.tab_LM`) }}</span>
                   | <span :class="{ cur: activeName === 'FSF' }" @click.stop="handleClick('FSF')">{{
-                    $t(`ImageBasedSurgicalPlanning.tab2`) }}</span> | <span :class="{ cur: activeName === 'TAVI' }"
+                    $t(`ImageBasedSurgicalPlanning.tab_FSF`) }}</span> | <span :class="{ cur: activeName === 'TAVI' }"
                     @click.stop="handleClick('TAVI')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab3`) }}</span> | <span :class="{ cur: activeName === 'KM' }"
+                      $t(`ImageBasedSurgicalPlanning.tab_TAVI`) }}</span> | <span :class="{ cur: activeName === 'KM' }"
                     @click.stop="handleClick('KM')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab4`) }}</span> | <span :class="{ cur: activeName === 'PT' }"
+                      $t(`ImageBasedSurgicalPlanning.tab_KM`) }}</span> | <span :class="{ cur: activeName === 'PT' }"
                     @click.stop="handleClick('PT')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab5`) }}</span> | <span :class="{ cur: activeName === 'AAA' }"
+                      $t(`ImageBasedSurgicalPlanning.tab_PT`) }}</span> | <span :class="{ cur: activeName === 'AAA' }"
                     @click.stop="handleClick('AAA')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab6`) }}</span>
+                      $t(`ImageBasedSurgicalPlanning.tab_AAA`) }}</span>
                 </div>
               </h2>
               <div class="liverList cf">
-                <h3>{{ $t(`ImageBasedSurgicalPlanning.title4`) }}</h3>
+                <h3>{{ $t(`ImageBasedSurgicalPlanning.tab_${activeName}`) }}</h3>
                 <p style="float:right;  font-size:14px; color:#777; margin-bottom:0px; "><i
                     class="fa fa-search-plus"></i>{{ $t(`ImageBasedSurgicalPlanning.msg1`) }}</p>
                 <table class="comTable liverTable cf">
@@ -715,9 +715,14 @@ li {
       padding: 15px 20px 15px 20px;
     }
 
+    .td1 {
+      text-align: left;
+    }
+
     .td2 {
       p {
         padding-bottom: 0;
+        text-align: justify;
       }
     }
 
diff --git a/src/views/front/services/3D-post-processing-services/index.vue b/src/views/front/services/3D-post-processing-services/index.vue
index 4096688..b29273a 100644
--- a/src/views/front/services/3D-post-processing-services/index.vue
+++ b/src/views/front/services/3D-post-processing-services/index.vue
@@ -272,6 +272,7 @@ export default {
       }
       this.$nextTick(() => {
         this.$refs['picture_perview'].$viewer.show()
+        this.$refs['picture_perview'].$viewer.view(num - 1)
       })
     },
     getSrc(id, num, key) {
@@ -307,6 +308,10 @@ export default {
 .Post-Processing-Services {
   background: #fff;
 
+  p {
+    text-align: justify;
+  }
+
   .banner {
     height: 300px;
     background: url(../../../../../src/static/images/bannerSolution3.jpg) no-repeat center center;
@@ -596,7 +601,7 @@ li {
       width: auto;
       padding: 0 20px;
       position: relative;
-      text-align: center;
+      text-align: justify;
       cursor: pointer;
     }
 
@@ -684,7 +689,7 @@ li {
 
         li {
           width: 180px !important;
-          height: 130px;
+          height: 180px !important;
           float: left !important;
           margin-left: 40px;
           margin-bottom: 22px;
@@ -766,7 +771,7 @@ table {
   }
 
   td.td2 {
-    text-align: left;
+    text-align: justify;
   }
 
   .last td {