diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index 433c005..58bcfe8 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -87,7 +87,11 @@
 }
 .scrollable-container {
   height: 70px; 
-  overflow-y: auto; 
+  overflow-y: hidden; 
+
+}
+.scrollable-container:hover {
+    overflow-y: auto; 
 }
 .wrap {
   /* 这将防止单词被拆开换行 */
@@ -116,7 +120,20 @@
     opacity: 1 !important;
     animation: slideUp 0.2s ease-out ;
   }
-  .section {
-   
-    opacity: 0; /* 初始状态不可见 */
-  }
\ No newline at end of file
+
+  /* 滚动条 */
+/* Rounded scrollbar thumb */
+.scrollable-container {
+    scrollbar-width: thin;
+    scrollbar-color: #00afaf #ecf0f1;
+}
+
+/* For Webkit browsers (Chrome, Safari) */
+.scrollable-container::-webkit-scrollbar {
+    width: 6px;
+}
+
+.scrollable-container::-webkit-scrollbar-thumb {
+    background-color: #00afaf;
+    border-radius: 10px;
+}
diff --git a/src/assets/images/home/background.png b/src/assets/images/home/background.png
index d268586..bbd9cfb 100644
Binary files a/src/assets/images/home/background.png and b/src/assets/images/home/background.png differ
diff --git a/src/assets/images/news/newsDetail/1-2.png b/src/assets/images/news/newsDetail/1-2.png
new file mode 100644
index 0000000..fda5114
Binary files /dev/null and b/src/assets/images/news/newsDetail/1-2.png differ
diff --git a/src/assets/images/news/newsDetail/1.png b/src/assets/images/news/newsDetail/1.png
new file mode 100644
index 0000000..dc7cf7a
Binary files /dev/null and b/src/assets/images/news/newsDetail/1.png differ
diff --git a/src/assets/images/news/newsDetail/10 (1).png b/src/assets/images/news/newsDetail/10 (1).png
new file mode 100644
index 0000000..1fd1790
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (1).png differ
diff --git a/src/assets/images/news/newsDetail/10 (1).webp b/src/assets/images/news/newsDetail/10 (1).webp
new file mode 100644
index 0000000..a0e650d
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (1).webp differ
diff --git a/src/assets/images/news/newsDetail/10 (2).png b/src/assets/images/news/newsDetail/10 (2).png
new file mode 100644
index 0000000..3ab11d6
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (2).png differ
diff --git a/src/assets/images/news/newsDetail/10 (2).webp b/src/assets/images/news/newsDetail/10 (2).webp
new file mode 100644
index 0000000..584ad14
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (2).webp differ
diff --git a/src/assets/images/news/newsDetail/10 (3).png b/src/assets/images/news/newsDetail/10 (3).png
new file mode 100644
index 0000000..89ac47e
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (3).png differ
diff --git a/src/assets/images/news/newsDetail/10 (3).webp b/src/assets/images/news/newsDetail/10 (3).webp
new file mode 100644
index 0000000..584ad14
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (3).webp differ
diff --git a/src/assets/images/news/newsDetail/10 (4).webp b/src/assets/images/news/newsDetail/10 (4).webp
new file mode 100644
index 0000000..9090802
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (4).webp differ
diff --git a/src/assets/images/news/newsDetail/10 (5).webp b/src/assets/images/news/newsDetail/10 (5).webp
new file mode 100644
index 0000000..8950b66
Binary files /dev/null and b/src/assets/images/news/newsDetail/10 (5).webp differ
diff --git a/src/assets/images/news/newsDetail/2 (1).jpg b/src/assets/images/news/newsDetail/2 (1).jpg
new file mode 100644
index 0000000..05228a5
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (1).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (1).png b/src/assets/images/news/newsDetail/2 (1).png
new file mode 100644
index 0000000..918b3fb
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (1).png differ
diff --git a/src/assets/images/news/newsDetail/2 (2).jpg b/src/assets/images/news/newsDetail/2 (2).jpg
new file mode 100644
index 0000000..4a56d2d
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (2).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (2).png b/src/assets/images/news/newsDetail/2 (2).png
new file mode 100644
index 0000000..ba70fea
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (2).png differ
diff --git a/src/assets/images/news/newsDetail/2 (3).jpg b/src/assets/images/news/newsDetail/2 (3).jpg
new file mode 100644
index 0000000..9e67da1
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (3).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (3).png b/src/assets/images/news/newsDetail/2 (3).png
new file mode 100644
index 0000000..c6b38cd
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (3).png differ
diff --git a/src/assets/images/news/newsDetail/2 (4).jpg b/src/assets/images/news/newsDetail/2 (4).jpg
new file mode 100644
index 0000000..ac25075
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (4).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (5).jpg b/src/assets/images/news/newsDetail/2 (5).jpg
new file mode 100644
index 0000000..0cb32b6
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (5).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (6).jpg b/src/assets/images/news/newsDetail/2 (6).jpg
new file mode 100644
index 0000000..6e237b8
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (6).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (7).jpg b/src/assets/images/news/newsDetail/2 (7).jpg
new file mode 100644
index 0000000..5a60eae
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (7).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (8).jpg b/src/assets/images/news/newsDetail/2 (8).jpg
new file mode 100644
index 0000000..114e074
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (8).jpg differ
diff --git a/src/assets/images/news/newsDetail/2 (9).jpg b/src/assets/images/news/newsDetail/2 (9).jpg
new file mode 100644
index 0000000..5e2df02
Binary files /dev/null and b/src/assets/images/news/newsDetail/2 (9).jpg differ
diff --git a/src/assets/images/news/newsDetail/3 (1).png b/src/assets/images/news/newsDetail/3 (1).png
new file mode 100644
index 0000000..c525d7c
Binary files /dev/null and b/src/assets/images/news/newsDetail/3 (1).png differ
diff --git a/src/assets/images/news/newsDetail/3 (2).png b/src/assets/images/news/newsDetail/3 (2).png
new file mode 100644
index 0000000..9b907b5
Binary files /dev/null and b/src/assets/images/news/newsDetail/3 (2).png differ
diff --git a/src/assets/images/news/newsDetail/3 (3).png b/src/assets/images/news/newsDetail/3 (3).png
new file mode 100644
index 0000000..ed13ce3
Binary files /dev/null and b/src/assets/images/news/newsDetail/3 (3).png differ
diff --git a/src/assets/images/news/newsDetail/4 (1).jpg b/src/assets/images/news/newsDetail/4 (1).jpg
new file mode 100644
index 0000000..71c77cf
Binary files /dev/null and b/src/assets/images/news/newsDetail/4 (1).jpg differ
diff --git a/src/assets/images/news/newsDetail/4 (1).png b/src/assets/images/news/newsDetail/4 (1).png
new file mode 100644
index 0000000..a7483b4
Binary files /dev/null and b/src/assets/images/news/newsDetail/4 (1).png differ
diff --git a/src/assets/images/news/newsDetail/4 (2).png b/src/assets/images/news/newsDetail/4 (2).png
new file mode 100644
index 0000000..71e44c4
Binary files /dev/null and b/src/assets/images/news/newsDetail/4 (2).png differ
diff --git a/src/assets/images/news/newsDetail/4 (3).png b/src/assets/images/news/newsDetail/4 (3).png
new file mode 100644
index 0000000..079a7b2
Binary files /dev/null and b/src/assets/images/news/newsDetail/4 (3).png differ
diff --git a/src/assets/images/news/newsDetail/5 (1).jpg b/src/assets/images/news/newsDetail/5 (1).jpg
new file mode 100644
index 0000000..c3748c5
Binary files /dev/null and b/src/assets/images/news/newsDetail/5 (1).jpg differ
diff --git a/src/assets/images/news/newsDetail/5 (1).webp b/src/assets/images/news/newsDetail/5 (1).webp
new file mode 100644
index 0000000..2633cd3
Binary files /dev/null and b/src/assets/images/news/newsDetail/5 (1).webp differ
diff --git a/src/assets/images/news/newsDetail/5 (2).jpg b/src/assets/images/news/newsDetail/5 (2).jpg
new file mode 100644
index 0000000..ffb5eda
Binary files /dev/null and b/src/assets/images/news/newsDetail/5 (2).jpg differ
diff --git a/src/assets/images/news/newsDetail/5 (3).jpg b/src/assets/images/news/newsDetail/5 (3).jpg
new file mode 100644
index 0000000..fed14b1
Binary files /dev/null and b/src/assets/images/news/newsDetail/5 (3).jpg differ
diff --git a/src/assets/images/news/newsDetail/5 (4).jpg b/src/assets/images/news/newsDetail/5 (4).jpg
new file mode 100644
index 0000000..b4b9a6d
Binary files /dev/null and b/src/assets/images/news/newsDetail/5 (4).jpg differ
diff --git a/src/assets/images/news/newsDetail/5 (5).jpg b/src/assets/images/news/newsDetail/5 (5).jpg
new file mode 100644
index 0000000..0ae7d40
Binary files /dev/null and b/src/assets/images/news/newsDetail/5 (5).jpg differ
diff --git a/src/assets/images/news/newsDetail/6 (1).jpg b/src/assets/images/news/newsDetail/6 (1).jpg
new file mode 100644
index 0000000..a642d7b
Binary files /dev/null and b/src/assets/images/news/newsDetail/6 (1).jpg differ
diff --git a/src/assets/images/news/newsDetail/6 (1).png b/src/assets/images/news/newsDetail/6 (1).png
new file mode 100644
index 0000000..f10eeec
Binary files /dev/null and b/src/assets/images/news/newsDetail/6 (1).png differ
diff --git a/src/assets/images/news/newsDetail/6 (2).png b/src/assets/images/news/newsDetail/6 (2).png
new file mode 100644
index 0000000..1d527e5
Binary files /dev/null and b/src/assets/images/news/newsDetail/6 (2).png differ
diff --git a/src/assets/images/news/newsDetail/7 (1).webp b/src/assets/images/news/newsDetail/7 (1).webp
new file mode 100644
index 0000000..67c484d
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (1).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (10).webp b/src/assets/images/news/newsDetail/7 (10).webp
new file mode 100644
index 0000000..53211cd
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (10).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (11).webp b/src/assets/images/news/newsDetail/7 (11).webp
new file mode 100644
index 0000000..ec62ab1
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (11).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (12).webp b/src/assets/images/news/newsDetail/7 (12).webp
new file mode 100644
index 0000000..176502d
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (12).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (13).webp b/src/assets/images/news/newsDetail/7 (13).webp
new file mode 100644
index 0000000..58a3246
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (13).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (14).webp b/src/assets/images/news/newsDetail/7 (14).webp
new file mode 100644
index 0000000..7f17309
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (14).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (15).webp b/src/assets/images/news/newsDetail/7 (15).webp
new file mode 100644
index 0000000..03651b3
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (15).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (2).webp b/src/assets/images/news/newsDetail/7 (2).webp
new file mode 100644
index 0000000..4a4fd38
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (2).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (3).webp b/src/assets/images/news/newsDetail/7 (3).webp
new file mode 100644
index 0000000..fa446c6
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (3).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (4).webp b/src/assets/images/news/newsDetail/7 (4).webp
new file mode 100644
index 0000000..fa446c6
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (4).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (5).webp b/src/assets/images/news/newsDetail/7 (5).webp
new file mode 100644
index 0000000..028ec91
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (5).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (6).webp b/src/assets/images/news/newsDetail/7 (6).webp
new file mode 100644
index 0000000..15642d0
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (6).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (7).webp b/src/assets/images/news/newsDetail/7 (7).webp
new file mode 100644
index 0000000..1d2a64b
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (7).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (8).webp b/src/assets/images/news/newsDetail/7 (8).webp
new file mode 100644
index 0000000..cdcd653
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (8).webp differ
diff --git a/src/assets/images/news/newsDetail/7 (9).webp b/src/assets/images/news/newsDetail/7 (9).webp
new file mode 100644
index 0000000..c8d92c4
Binary files /dev/null and b/src/assets/images/news/newsDetail/7 (9).webp differ
diff --git a/src/assets/images/news/newsDetail/8 (1).webp b/src/assets/images/news/newsDetail/8 (1).webp
new file mode 100644
index 0000000..d233420
Binary files /dev/null and b/src/assets/images/news/newsDetail/8 (1).webp differ
diff --git a/src/assets/images/news/newsDetail/8 (2).webp b/src/assets/images/news/newsDetail/8 (2).webp
new file mode 100644
index 0000000..d536768
Binary files /dev/null and b/src/assets/images/news/newsDetail/8 (2).webp differ
diff --git a/src/assets/images/news/newsDetail/8 (3).webp b/src/assets/images/news/newsDetail/8 (3).webp
new file mode 100644
index 0000000..b0cdbe8
Binary files /dev/null and b/src/assets/images/news/newsDetail/8 (3).webp differ
diff --git a/src/assets/images/news/newsDetail/8 (4).webp b/src/assets/images/news/newsDetail/8 (4).webp
new file mode 100644
index 0000000..a3e78a5
Binary files /dev/null and b/src/assets/images/news/newsDetail/8 (4).webp differ
diff --git a/src/assets/images/news/newsDetail/8 (5).webp b/src/assets/images/news/newsDetail/8 (5).webp
new file mode 100644
index 0000000..53a1258
Binary files /dev/null and b/src/assets/images/news/newsDetail/8 (5).webp differ
diff --git a/src/assets/images/news/newsDetail/8 (6).webp b/src/assets/images/news/newsDetail/8 (6).webp
new file mode 100644
index 0000000..bcfe84e
Binary files /dev/null and b/src/assets/images/news/newsDetail/8 (6).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (1).webp b/src/assets/images/news/newsDetail/9 (1).webp
new file mode 100644
index 0000000..6ac416a
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (1).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (2).webp b/src/assets/images/news/newsDetail/9 (2).webp
new file mode 100644
index 0000000..f42258e
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (2).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (3).webp b/src/assets/images/news/newsDetail/9 (3).webp
new file mode 100644
index 0000000..bf396ed
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (3).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (4).webp b/src/assets/images/news/newsDetail/9 (4).webp
new file mode 100644
index 0000000..71476d3
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (4).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (5).webp b/src/assets/images/news/newsDetail/9 (5).webp
new file mode 100644
index 0000000..7dd8541
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (5).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (6).webp b/src/assets/images/news/newsDetail/9 (6).webp
new file mode 100644
index 0000000..ade8da0
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (6).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (7).webp b/src/assets/images/news/newsDetail/9 (7).webp
new file mode 100644
index 0000000..0a20194
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (7).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (8).webp b/src/assets/images/news/newsDetail/9 (8).webp
new file mode 100644
index 0000000..20cce04
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (8).webp differ
diff --git a/src/assets/images/news/newsDetail/9 (9).webp b/src/assets/images/news/newsDetail/9 (9).webp
new file mode 100644
index 0000000..3ab52c1
Binary files /dev/null and b/src/assets/images/news/newsDetail/9 (9).webp differ
diff --git a/src/components/tabbar/footer.vue b/src/components/tabbar/footer.vue
index 3249ba1..e9ad29d 100644
--- a/src/components/tabbar/footer.vue
+++ b/src/components/tabbar/footer.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <!--START FOOTER-->
-    <footer class="footer" v-if="!show">
+    <!-- <footer class="footer" v-if="!show">
       <div class="container">
         <div class="flx-align">
           <div class="">
@@ -29,9 +29,9 @@
         
         </div>
       </div>
-    </footer>
+    </footer> -->
    
-     <footer class="footer" v-else>
+     <footer class="footer" >
       <div class="container">
         <div class="flx-justify-around" style="margin-top: 72px;padding: 0 140px;">
           <div>
diff --git a/src/components/tabbar/navbar.vue b/src/components/tabbar/navbar.vue
index 8f3a209..a689b21 100644
--- a/src/components/tabbar/navbar.vue
+++ b/src/components/tabbar/navbar.vue
@@ -1,11 +1,10 @@
 <template>
     <div>
       <div v-if="color==='white'"  class="navbarHeight">
-        <video autoplay  muted playsinline>
-             <!-- 视频源，指向你的 mp4 文件 -->
+        <!-- <video autoplay  muted playsinline>
              <source src="@/assets/video/headBack.mp4" type="video/mp4">
              Your browser does not support the video tag.
-           </video>
+           </video> -->
         <!-- START NAVBAR fixed-top -->
         <nav  class=" navbar navbar-white navbar-expand-lg  navbar-custom sticky sticky-dark" id="navbar">
           <div class="flx-align" style="width: 100%;">
@@ -50,7 +49,7 @@
                 </ul>
               </div> -->
             </div>
-            <div class="nav-people">
+            <div class="nav-people" @click="goClient">
               <img src="../../assets/images/home/people.png" alt="logo" class="logo-light" />
             </div>
           </div>
@@ -108,7 +107,7 @@
                   </ul>
                 </div> -->
               </div>
-              <div class="nav-people">
+              <div class="nav-people" @click="goClient">
                 <img src="../../assets/images/home/people_black.png" alt="logo" class="logo-light" />
               </div>
             </div>
@@ -147,7 +146,9 @@
           this.color = 'white';
         }
     },
-  
+    goClient(){
+      window.location.href=  `http://47.119.163.201/#/home/index`
+        }
     },
     watch: {
       '$route'(to, from) {
diff --git a/src/view/about/components/aboutMT.vue b/src/view/about/components/aboutMT.vue
index 1cffb01..33a0730 100644
--- a/src/view/about/components/aboutMT.vue
+++ b/src/view/about/components/aboutMT.vue
@@ -95,7 +95,7 @@
     </div>
  
     </div>
-    <div class="timeline">
+    <div class="timeline" v-if="yearsActive === 1">
       <div class="timeline-year">
         <div>2023</div>
         <div class="events ">
@@ -133,6 +133,43 @@
         </div>
       </div>
     </div>
+    <div class="timeline" v-else-if="yearsActive === 2">
+      <div class="timeline-year">
+        <div>2019</div>
+        <div class="events ">
+          <div class="event flx-justify-between"><span>9月</span><span>成立龙华分部</span></div>
+          <div class="event flx-justify-between"><span>7月</span><span>成立上海美通</span></div>
+        </div>
+      </div>
+      <div class="timeline-year">
+        <div>2018</div>
+        <div class="events ">
+          <div class="event flx-justify-between"><span>11月</span><span>成立中山美通</span></div>
+        </div>
+      </div>
+      <div class="timeline-year">
+        <div>2016</div>
+        <div class="events ">
+          <div class="event flx-justify-between"><span>3月</span><span>成立机场分部</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="timeline" v-else-if="yearsActive === 3">
+      <div class="timeline-year">
+        <div>2015</div>
+        <div class="events ">
+          <div class="event flx-justify-between"><span>12月</span><span>更名为美通</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="timeline" v-else-if="yearsActive === 5">
+      <div class="timeline-year">
+        <div>2008</div>
+        <div class="events ">
+          <div class="event flx-justify-between"><span></span><span>深圳创立AAF</span></div>
+        </div>
+      </div>
+    </div>
     <!-- <div class="container" style="margin-top: 140px;margin-bottom: 70px;"> -->
         <!-- <div class="main-title">美通媒体平台</div> -->
         <!-- <div class="flx-justify-around" style="margin-top: 72px;">
diff --git a/src/view/about/components/connection.vue b/src/view/about/components/connection.vue
index 14ccf3b..3f9a9f2 100644
--- a/src/view/about/components/connection.vue
+++ b/src/view/about/components/connection.vue
@@ -1,6 +1,11 @@
 
 <template>
-    <div class="footerBottom" style="padding-top: 900px;">
+     <div>
+        <div class="flx-center">
+            <div class="businessBackground"></div>
+        </div>
+    <div class="footerBottom" style="">
+      
       <div class="container" style="margin-top: 140px;">
       <div class="flx-justify-between">
        <div>
@@ -33,6 +38,7 @@
       </div>
      
     </div>
+     </div>
   </template>
   <script>
   
diff --git a/src/view/about/components/corporateCulture.vue b/src/view/about/components/corporateCulture.vue
index 3ba356e..590be36 100644
--- a/src/view/about/components/corporateCulture.vue
+++ b/src/view/about/components/corporateCulture.vue
@@ -1,6 +1,10 @@
 
 <template>
-  <div class="footerBottom" style="padding-top: 900px;">
+     <div>
+      <div class="flx-center">
+            <div class="businessBackground"></div>
+        </div>
+  <div class="footerBottom" style="">
     <div class="container">
     <div class="flx corporateBox" style="margin-top: 140px;">
       <img class="serviceBoxImg" src="@/assets/images/business/aaf_Icon.png" alt="">
@@ -66,6 +70,7 @@
      </div>
 
   </div>
+     </div>
 </template>
 <script>
 import Carrousel from "./Carrousel.vue"; 
diff --git a/src/view/about/components/inviteJob.vue b/src/view/about/components/inviteJob.vue
index c1f7eab..03d9858 100644
--- a/src/view/about/components/inviteJob.vue
+++ b/src/view/about/components/inviteJob.vue
@@ -1,6 +1,10 @@
 
 <template>
-  <div class="" style="background-color: #f8f8f8;padding-bottom: 248px;padding-top: 900px;">
+  <div>
+    <div class="flx-center">
+            <div class="businessBackground"></div>
+        </div>
+  <div class="" style="background-color: #f8f8f8;padding-bottom: 248px;">
      <div class="container" style="padding-top: 140px;">
       <el-row>
         <el-col :span="12" v-for="(item,index) in inviteList" :key="index" >
@@ -16,6 +20,7 @@
       </el-row>
      </div>
   </div>
+  </div>
 </template>
 <script>
 
@@ -28,26 +33,25 @@ export default {
   components: {
   },
   created(){
-    const data =JSON.parse( localStorage.getItem("inviteIndex"))
-    this.inviteIndex = +data.index
+ 
   },
   data(){
     return {
       inviteIndex:0,
       inviteList: [
         { id:'1',img:require('@/assets/icons/about/invite/icon1.png'), title: '仓储类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon2.png'), title: '海运操作类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon3.png'), title: '空运操作类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon4.png'), title: '海运产品类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon5.png'), title: '财务类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon6.png'), title: '研发类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon7.png'), title: '人力资源类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon8.png'), title: '海外仓类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon9.png'), title: '销售类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon10.png'), title: '客服类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon11.png'), title: '采购/理赔类'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon12.png'), title: '总经办'},
-        { id:'1',img:require('@/assets/icons/about/invite/icon13.png'), title: '市场品牌类'},
+        { id:'2',img:require('@/assets/icons/about/invite/icon2.png'), title: '海运操作类'},
+        { id:'3',img:require('@/assets/icons/about/invite/icon3.png'), title: '空运操作类'},
+        { id:'4',img:require('@/assets/icons/about/invite/icon4.png'), title: '海运产品类'},
+        { id:'5',img:require('@/assets/icons/about/invite/icon5.png'), title: '财务类'},
+        { id:'6',img:require('@/assets/icons/about/invite/icon6.png'), title: '研发类'},
+        { id:'7',img:require('@/assets/icons/about/invite/icon7.png'), title: '人力资源类'},
+        { id:'8',img:require('@/assets/icons/about/invite/icon8.png'), title: '海外仓类'},
+        { id:'9',img:require('@/assets/icons/about/invite/icon9.png'), title: '销售类'},
+        { id:'10',img:require('@/assets/icons/about/invite/icon10.png'), title: '客服类'},
+        { id:'11',img:require('@/assets/icons/about/invite/icon11.png'), title: '采购/理赔类'},
+        { id:'12',img:require('@/assets/icons/about/invite/icon12.png'), title: '总经办'},
+        { id:'13',img:require('@/assets/icons/about/invite/icon13.png'), title: '市场品牌类'},
       ],
     
     }
diff --git a/src/view/about/components/inviteList.vue b/src/view/about/components/inviteList.vue
index 168d351..eead39a 100644
--- a/src/view/about/components/inviteList.vue
+++ b/src/view/about/components/inviteList.vue
@@ -2,7 +2,7 @@
 <template>
         <div style="background-color: #f8f8f8;padding-bottom: 248px;">
             <div class="container ">
-                <el-button type="text" link @click="$router.go(-1);" class="btnReturn ">
+                <el-button type="text" link @click="goBack()" class="btnReturn ">
                  <div class="flx-center">
                     <img style="width: 18px;height: 18px;margin-right: 5px;" src="@/assets/icons/returnOrder.png" alt=""/>
                     <span  style="color: black;font-size: 18px;line-height: 18px;">返回</span>
@@ -11,18 +11,20 @@
               <el-row >
                     <el-col :span="12" v-for="(item,index) in inviteList" :key="index" >
                       <div 
-                     class="flx-wrap"
-                      :class="['inviteListBox', { 'invite-active': inviteIndex === index }]"
-                      @click="setInviteActive(item,index)"
-                      >
-                      <div class="flx-justify-between">
-                        <span>{{ item.title }}</span>
-                        <span ><img style="padding-bottom: 5px;" src="@/assets/icons/about/invite/address.png" alt=""> {{ item.address }}</span>
-                      </div>
-                      <div>{{ item.content }}</div>
+                          class="flx-wrap"
+                          v-if="item.id === $route.query.id"
+                          :class="['inviteListBox', { 'invite-active': inviteIndex === index }]"
+                          @click="setInviteActive(item,index)"
+                        >
+                         <div class="flx-justify-between">
+                           <span class="show-ellipsis">{{ item.title }}</span>
+                           <span class="show-ellipsis" style="width: 115px;"><img style="padding-bottom: 5px;" src="@/assets/icons/about/invite/address.png" alt=""> {{ item.address }}</span>
+                         </div>
+                         <div class="show-ellipsis">{{ item.content }}</div>
                       </div>
                     </el-col>
                   </el-row>
+                  <div  v-show="showData_None">暂无招聘岗位</div>
             </div> 
           </div>
   </template>
@@ -35,42 +37,55 @@
     },
     created() {
     console.log(this.$route.query.id)
-    this.inviteData =JSON.parse( localStorage.getItem("inviteIndex") );
-    if(this.inviteData) {
-        this.inviteIndex = +this.inviteData.listIndex;
-    }
 
+    },
+    mounted(){
+      this.showHidden();
     },
     data() {
       return {
+        showData_None:false,
         inviteData:{},
-       id:this.$route.query.id,
-       inviteIndex:0,
+        id:this.$route.query.id,
+        inviteIndex:0,
         inviteList: [
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
-          { id:'1',address:'深圳',content:'大专 |  经验不限',title: '跨境物流销售'},
+          { id:'9',childrenId:'1', address:'深圳、东莞、广州、青岛、合肥、佛山、郑州、中山、上海、厦门、义乌',content:'大专 | 经验不限',title: '跨境物流销售'},
+          { id:'9',childrenId:'2',address:'深圳',content:'大专以上学历，英语四级以上水平；| 具有FBA物流行业操作客服经验，半年以上；',title: '业务助理'},
+          { id:'10',childrenId:'1',address:'深圳、长沙',content:'大专及以上学历，国际贸易，物流类相关专业优先；| 有半年/1年以上的FBA、FOB物流经验者优先；',title: '港前客服'},
+          { id:'10',childrenId:'2',address:'长沙',content:'本科及以上学历，国际贸易，物流类相关专业优先；| 经验不限',title: '客服助理'},
+          { id:'5',childrenId:'1',address:'长沙',content:'大专及以上学历 |  一年以上成本结算岗位的工作经验，熟练使用表格（表格使用为硬性要求）',title: '成本结算会计'},
+          { id:'5',childrenId:'2',address:'长沙',content:'大专以上学历，财会相关专业毕业 |  一年以上相关岗位工作经验',title: '应收会计'},
+          { id:'4',childrenId:'1',address:'深圳',content:'本科学历，英语4级以上,有国际快递或者跨境进出口行业经验，有电商经验优先考虑 | 5-10年同行业工作经验，熟悉国内市场及本行业海运市场行情，有一定船东和同行、客户资源',title: '产品经理（总监）'},
+          { id:'4',childrenId:'1',address:'深圳、广州、上海、义乌',content:' 有传统货代商务/市场相关岗位2年以上工作经验或国际物流销售岗位2年以上经验；',title: '海运项目经理'},
+          { id:'2',childrenId:'2',address:'深圳',content:'本科及以上学历，3年及以上欧线全程操作经验，跨境物流行业优先； ',title: '海运操作经理'},
+          { id:'2',childrenId:'2',address:'深圳',content:'大专及以上学历，2年以上货代操作文件工作经验； |  英语CET4级以上，有做海外操作文件经验；',title: '海运操作'},
+          { id:'3',childrenId:'1',address:'深圳',content:'本科及以上学历，进出口贸易、物流等相关专业优先，应届毕生亦可； ',title: '空运操作'},
+          { id:'3',childrenId:'2',address:'深圳、长沙',content:'本科及以上学历，国际贸易，物流管理相关专业优先；',title: '2022-2024届本科生（储备干部方向）'},
+          { id:'8',childrenId:'1',address:'深圳',content:'本科以上学历，物流/贸易相关专业更佳； |  3年以上客服工作经验，2年以上客服团队管理经验，超过5人以上的客服团队的管理经验优先；',title: '海外仓客服经理'},
+          { id:'8',childrenId:'2',address:'深圳',content:'熟悉信息化系统，熟悉海外仓储系统，对流程开发及优化有成熟的经验（工作内容无需写代码，只需要与公司对接系统的需求即可），有相关海外仓系统经验者优先；',title: '系统运维专员'},
+          { id:'8',childrenId:'3',address:'深圳',content:'本科以上学历，3年以上仓储/流行业经验 |  熟悉仓储运作流程（ToB ToC电商仓）、物流质量标准、流程优化；',title: '海外仓质控'},
         ],
       };
     },
     methods: {
+        goBack() {
+          this.$router.go(-1);
+          localStorage.setItem('inviteIndex',JSON.stringify({index:0,activeName:'four'}));
+        },
+        showHidden(){
+          this.showData_None = this.inviteList.every(item => {
+            const isDifferent = item.id !== this.id;
+            return isDifferent;
+        });
+        },
         setInviteActive(item,index) {
-        this.inviteIndex = index
-        localStorage.setItem('inviteIndex',JSON.stringify({...this.inviteData,listIndex:index}));
+          this.inviteIndex = index
+          localStorage.setItem('inviteIndex',JSON.stringify({...this.inviteData,listIndex:index}));
          this.$router.push({
            name: 'inviteListDetail',
            query:{
-             id:item.id
+             id:item.id,
+             childrenId:item.childrenId
            }
          });
     },
diff --git a/src/view/about/components/inviteListDetail.vue b/src/view/about/components/inviteListDetail.vue
index c3c72c7..d06d732 100644
--- a/src/view/about/components/inviteListDetail.vue
+++ b/src/view/about/components/inviteListDetail.vue
@@ -9,13 +9,15 @@
                  </div>
               </el-button>
               <div v-for="(item,index) in inviteList" :key="index" >
-                <div class="invite-main-title">{{ item.main_title }}</div>
-                <div class="invite-main-content" v-for="(itemData,indexData) in item.main_content" :key="indexData">
-                    <div class="invite-main-content-title">{{ itemData.title }}</div>
-                    <div   v-for="(itemDetail,indexDetail) in itemData.content" :key="indexDetail">{{ itemDetail }}</div>
+                <div v-if="item.id===id&&item.childrenId===childrenId">
+                    <div class="invite-main-title">{{ item.main_title }}</div>
+                    <div class="invite-main-content" v-for="(itemData,indexData) in item.main_content" :key="indexData">
+                        <div class="invite-main-content-title">{{ itemData.title }}</div>
+                        <div   v-for="(itemDetail,indexDetail) in itemData.content" :key="indexDetail">{{ itemDetail }}</div>
+                    </div>
+                    <!--简历投递邮箱：  -->
+                    <div  class="invite-main-email">简历投递邮箱：<i v-html="item.main_email"></i></div>
                 </div>
-                <!--简历投递邮箱：  -->
-                <div  class="invite-main-email">简历投递邮箱：<i>{{item.main_email}}</i></div>
               </div>
 
               
@@ -41,8 +43,9 @@
       return {
         inviteData:{},
         id:this.$route.query.id,
+        childrenId:this.$route.query.childrenId,
         inviteList: [
-          { main_title:"跨境物流销售",main_email:'xxxxxx@gmail.com',main_content:[
+          { id:'9',childrenId:'1',main_title:"跨境物流销售",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
             {
               title:'岗位职责：',
               content:[
@@ -63,6 +66,325 @@
               ]
             },
           ]},
+          { id:'9',childrenId:'2',main_title:"业务助理",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责系统下单，跟进运单交期，物流跟踪情况及时向业务反馈情况。',
+                '2、协助业务收集航班报表，发货进度表，及日常工作汇报情况日报、周报、月报。',
+                '3、整理归类客户资料文件及合同文本存档流程，并做好保密工作。',
+                '4、查看每天的出货情况，如货量有异常要及时找客户了解情况并反馈给领导。',
+                '5、协助销售人员日常工作，衔接项目部、操作部、客服部处理客户的相关需求形成闭环。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、大专以上学历，英语四级以上水平；',
+                '2、具有FBA物流行业操作客服经验，半年以上；',
+                '3、能够熟练使用excel等办公软件，对数据较为敏感；',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'10',childrenId:'1',main_title:"港前客服",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、主要负责FBA空派，海派，铁路、卡航、快递等订单的跟进与处理；',
+                '2、接收订单/指引下单/订单审核/提货/数据确认/船期确认/物流节点跟踪与反馈/问题件跟进与处理等事宜；',
+                '3、了解公司产品与服务，及时为客户提供服务咨询及报价服务，解答客户疑问；',
+                '4、与销售同事良好协作，配合销售同事需求，共同服务好客户；',
+                '5、与相关部门进行工作协调，及时解决问题；',
+                '6、维护好客户关系，增加黏性，提高货量；',
+                '7、完成上级领导交代的其他工作。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、熟练使用办公软件操作；保证日常线上交流沟通；',
+                '2、有半年/1年以上的FBA、FOB物流经验者优先；',
+                '3、大专及以上学历，国际贸易，物流类相关专业优先；',
+                '4、灵活，工作认真，细致，责任心强，具有较强的学习能力和服务意识；',
+                '5、能承受一定的工作压力。',
+                '办公地点：深圳、长沙',
+              ]
+            },
+          ]},
+          { id:'10',childrenId:'2',main_title:"客服助理",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、主要负责FBA空派，海派，铁路、卡航、快递等订单的跟进与处理；',
+                '2、了解公司产品与服务，及时为客户提供服务咨询以及下单，解答客户疑问；',
+                '3、物流单证(报关单，提单，签收单等)的跟进与处理；',
+                '4、与相关部门进行工作协调，及时解决问题；',
+                '5、完成上级领导交代的其他工作。'
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、熟练使用办公软件操作；保证日常线上交流沟通；',
+                '2、本科及以上学历，国际贸易，物流类相关专业优先；',
+                '3、工作认真，细致，责任心强，具有较强的学习能力和服务意识；',
+                '4、能承受一定的工作压力。',
+                '办公地点：长沙',
+              ]
+            },
+          ]},
+          { id:'5',childrenId:'1',main_title:"成本结算会计",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责收集、保管代理档案资料；',
+                '2、负责与代理核对账单、申请付款、核销系统等工作；',
+                '3、负责成本分摊与录入系统的工作；',
+                '4、负责检查成本未出具的原因，跟进代理账单的提供；',
+                '5、负责检查运单亏损的原因，提醒应收费用但未收的情况；',
+                '6、负责部分异常费用录入应收的工作；',
+                '7、配合应收、核算等岗位完成成本相关的工作；',
+                '8、负责建立、健全代理应付台账明细；',
+                '9、完成上级交待的其他工作。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、一年以上成本结算岗位的工作经验，熟练使用表格（表格使用为硬性要求）',
+                '2、大专及以上学历',
+                '3、具备强烈的责任心和认真细致的工作作风',
+                '4、诚实、稳重、细心，有主动管理意识，沟通能力强、团队协作意识好',
+                '5、有物流行业工作经验优先',
+                '办公地点：长沙',
+              ]
+            },
+          ]},
+          { id:'5',childrenId:'2',main_title:"应收会计",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责应收账数据录入、检查、核对、统计工作；',
+                '2、出具客户账单，并协助业务进行应收款项的催收；',
+                '3、做好应收回款登记工作，并及时与各个客户进行应收款项的核对工作；',
+                '4、做好应收账款分析工作，对异常情况、异常数据及时追踪处理，并及时上报。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、大专以上学历，财会相关专业毕业',
+                '2、能够熟练使用Word、Excel等办公软件',
+                '3、良好的口头及书面表达能力，较强的服务意识',
+                '4、诚实敬业、细致严谨、责任心强、原则性强',
+                '5、一年以上相关岗位工作经验',
+                '办公地点：长沙',
+              ]
+            },
+          ]},
+          { id:'4',childrenId:'1',main_title:"产品经理（总监）",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、熟悉海运询价、订舱、操作、放货等全流程操作细节；',
+                '2、熟悉澳大利亚航线的运价构成，了解船司和同行的报价规则，有较强的议价谈判能力；',
+                '3、负责海运航线产品开发与优化，以及对供应商的管理（包括引进，考核与合同续签）；',
+                '4、负责航线的价格收集与报价更新,提供特殊货物的询盘/舱位确认等；',
+                '5、与海运船公司进行价格和舱位的谈判，签署合作协议；',
+                '6、熟悉海运出口操作流程及相关海关条例，对海运出口业内市场行情熟悉；',
+                '7、有船公司任职经验或者货代公司海运渠道/市场负责人经验，有带团队经验优先；',
+                '8、推动产品落地，推进用户使用，根据产品反馈，定期进行产品回顾与优化。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、本科学历，英语4级以上,有国际快递或者跨境进出口行业经验，有电商经验优先考虑；',
+                '2、5-10年同行业工作经验，熟悉国内市场及本行业海运市场行情，有一定船东和同行、客户资源；',
+                '3、对市场价格敏感、市场洞察力强，沟通协作能力良好；',
+                '4、跨境物流产品市场调研以及需求分析，跨境物流产品全链路设计与产品落地。',
+                '5、制定产品方案，价格方案； 海外段供应商资源对接与协调；',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'4',childrenId:'2',main_title:"海运项目经理",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责美国海运航线产品开发与优化',
+                '2、负责航线的价格收集与报价更新，为销售提供物流方案支持',
+                '3、完成公司或上级领导交待的其它配合事宜',
+                '4、协调各方资源处理突发问题',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、有传统货代商务/市场相关岗位2年以上工作经验或国际物流销售岗位2年以上经验；',
+                '2、熟悉海运询价操作全流程细节，熟悉海运DDU/DDP全流程经验者优先；',
+                '3、熟悉美线的运价构成，了解船司和同行的报价规则，有较强的议价谈判能力；',
+                '4、对工作认真负责，有服务意识和团队精神；',
+                '5、有较强抗压能力，良好的沟通能力。',
+                '办公地点：深圳、广州、上海、义乌',
+              ]
+            },
+          ]},
+          { id:'2',childrenId:'1',main_title:"海运操作经理",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责熟悉海运清关-提柜-拆柜-派送等全链条港后工作的统筹、安排和分工；',
+                '2、负责操作流程优化，成本控制，及供应商管理，结合各环节提高服务质量；',
+                '3、把控业务流程中的关务风险，处理口岸清关、海关稽查等异常情况；',
+                '4、定期汇总分析业务上出现的各类问题，并提出解决方案及建议；',
+                '5、维护进出口通关的时间节点及合作方提供关键文件的时节点及相关异常处理（比如查验）；',
+                '6、完成上级领导交办的其他工作；',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、本科及以上学历，3年及以上欧线全程操作经验，跨境物流行业优先；',
+                '2、英语四级以上，熟悉欧美海运、物流及出口贸易基本知识；',
+                '3、具备一定管理能力，能够妥善及时有效处理渠道各方面问题；',
+                '4、具备良好的协调能力及沟通能力和良好的服务意识；',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'2',childrenId:'2',main_title:"海运操作",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责国际海运货物的操作、接收订单以及安排装柜、订舱、运输、货物跟踪、等事宜；',
+                '2、协助海运操作人员完成包括审单、运单制作，信息录入；',
+                '3、负责海运提单,提供海外代理补料文件及放货事宜；',
+                '4、以及报关、清关文件的处理。',
+                '5、跟进货物转运情况及与代理对接。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、大专及以上学历，2年以上货代操作文件工作经验；',
+                '2、了解船司欧美线操作要求和流程；在海运货代庄家工作的经验；',
+                '3、英语CET4级以上，有做海外操作文件经验；',
+                '4、英语、德语、法语、西班牙语等会其中一种小语种优先。',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'3',childrenId:'1',main_title:"空运操作",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责国际空运货物的操作、接收订单以及安排订舱、运输、货物跟踪等事宜；',
+                '2、制作空运订舱单，安排货件报关过港，与航空公司或代理订舱；',
+                '3、以及报关、清关文件的处理；',
+                '4、跟进货物转运情况及与代理对接。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、本科及以上学历，进出口贸易、物流等相关专业优先，应届毕生亦可；',
+                '2、通过学习，熟悉空运操作流程，掌握了解空运市场价格以及航线知识；',
+                '3、工作细心、责任心强，具有较强的服务意识和团队精神。',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'3',childrenId:'2',main_title:"2022-2024届本科生（储备干部方向）",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责跨境电商物流客服、报关、海/空运操作、销售、行政人事、财务等工作；',
+                '2、与相关部门进行工作协调，及时解决问题；',
+                '3、完成上级领导交代的其他工作。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、本科及以上学历，国际贸易，物流管理相关专业优先；',
+                '2、在校期间学习认真、班级排名前15名，担任班级干部优先考虑；',
+                '3、培养方向：客服、销售、项目、行政人事、财务等发展方向；',
+                '4、熟练使用办公软件操作，保证日常线上交流沟通；',
+                '办公地点：深圳、长沙',
+              ]
+            },
+          ]},
+          { id:'8',childrenId:'1',main_title:"海外仓客服经理",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、业务跟进：负责跟进海外仓相关业务，如收货、库存管理、退货换标、一件代发以及FBA中转等操作。需要确保业务流程顺畅，并及时更新与客户共享信息。',
+                '2、客户沟通：与货代公司、仓库操作人员以及客户保持良好的沟通，确保服务的及时性和准确性。对于客户的咨询和问题要能够快速且准确地回应和处理。',
+                '3、数据管理：负责收集和整理各种单证，完成送货单、订单、提单核对等工作，并进行基础数据录入和归档。同时要跟踪货物的送货情况，统计和核对相关数据。',
+                '4、销售推广：熟悉掌握公司海外仓储业务的优势特点，面向跨境电商平台卖家进行推广及销售，通过多种渠道开发新的潜在客户，并维护好现有客户关系。',
+                '5、异常处理：在货物运送到海外仓后，负责相关的安排及协调工作，如贴标、换标工作、运费确认等。同时要及时处理海外仓的异常反馈。',
+                '6、财务管理：负责录入海外仓账单，并及时向客户收款，确保财务流程的正确性和及时性。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、本科以上学历，物流/贸易相关专业更佳；',
+                '2、3年以上客服工作经验，2年以上客服团队管理经验，超过5人以上的客服团队的管理经验优先；',
+                '3、有电商物流、国际物流或海外仓储及大型公司客服管理相关业务操作工作经验优先；',
+                '4、有以客户为中心的意识，富有责任心，工作积极主动，具有信息整合能力，学习能力佳；',
+                '5、细心、周到、思维敏捷，沟通灵活，有良好的执行力和团队合作精神；',
+                '6、具较强的抗压能力和协调及解决问题的能力。',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'8',childrenId:'2',main_title:"系统运维专员",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责公司内部数据库、网站的管理及维护，主要是WMS/TMS海外仓储系统；',
+                '2、负责网络及办公环境的维护、管理、故障排除等日常工作；',
+                '3、维护数据中心，对系统数据进行备份。',
+                '4、负责在微信工作群回复客户关于系统操作的问题，故障排除 ；',
+                '5、上级交办的其他事宜。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、熟悉信息化系统，熟悉海外仓储系统，对流程开发及优化有成熟的经验（工作内容无需写代码，只需要与公司对接系统的需求即可），有相关海外仓系统经验者优先；',
+                '2、熟悉和掌握各种计算机软硬件，可进行安装、调试及故障排除；',
+                '3、具有较强的数据和信息的敏感性，具备较强的逻辑思维能力、数据分析能力和创新意识，能够独立解决问题；',
+                '4、具有较强的组织沟通能力。',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
+          { id:'8',childrenId:'3',main_title:"海外仓质控",main_email:'深圳叶小姐：13018411767。邮箱：2420125231@qq.com；  长沙曾小姐：18274875843。邮箱：changshahr@szaaf.com',main_content:[
+            {
+              title:'岗位职责：',
+              content:[
+                '1、负责对海外仓库中的货物进行质量监控，确保存储的商品符合质量标准。这包括对商品的质量进行检查，以及对可能出现的质量问题进行及时的异常处理；',
+                '2、负责对订单发货过程进行质量控制检查，确保发货的准确性和及时性，同时追踪客户反馈，以保证客户满意度；',
+                '3、协助部门主管制定和完善相关的品质管理制度与措施，并督促这些制度的实施，以提高整个海外仓的质量管理效率；',
+                '4、跟进仓储、运输、配送等环节的关键性能指标，并对异常数据进行处理和分析，以优化运营流程；',
+                '5、负责汇总运营质量监控数据，并制作相关报表反馈给管理层，以便及时了解运营状况并作出决策；',
+                '6、接收并统计内外部客户对运营环节的投诉，按月进行汇总分析，以改进服务质量。',
+              ]
+            },
+            {
+              title:'任职要求',
+              content:[
+                '1、本科以上学历，3年以上仓储/流行业经验；',
+                '2、熟悉仓储运作流程（ToB ToC电商仓）、物流质量标准、流程优化；',
+                '4、具有较强的组织沟通能力。',
+                '办公地点：深圳',
+              ]
+            },
+          ]},
       ]
       }
     },
diff --git a/src/view/about/index.css b/src/view/about/index.css
index c1090fc..29e4bee 100644
--- a/src/view/about/index.css
+++ b/src/view/about/index.css
@@ -459,6 +459,9 @@
   background: #fff;
   margin-bottom: 32px;
 }
+.inviteListBox:hover {
+  box-shadow: 8px 20px 41.6px 0px rgba(0, 0, 0, 0.08);
+}
 .inviteListBox div:first-child span:first-child {
   color: #151E2C;
   font-size: 26px;
@@ -480,7 +483,7 @@
   font-weight: 400;
   line-height: 20px; /* 111.111% */
 }
-.inviteBox.invite-active span,.inviteListBox.invite-active  div:first-child span:first-child{
+.inviteBox:hover span,.inviteListBox:hover div:first-child span:first-child{
   color: #00AFAF;
 }
 .invite-main-title {
diff --git a/src/view/about/index.vue b/src/view/about/index.vue
index e49b162..9c98185 100644
--- a/src/view/about/index.vue
+++ b/src/view/about/index.vue
@@ -39,16 +39,15 @@ export default {
   },
   created(){
     let data =JSON.parse( localStorage.getItem("inviteIndex") );
-
     if(data){
-      console.log(data)
-    this.activeName = data.activeName || 'first'
+      this.activeName = data.activeName || 'first'
+      localStorage.setItem('inviteIndex',JSON.stringify({index:0,activeName:''}));
+
     }
- 
   },
   data(){
     return {
-      activeName: 'second',
+      activeName: 'first',
       activeIndex: 0, // 默认选中第一个按钮
       buttons: [
         { label: '关于美通',transportMode:'OCEAN' },
diff --git a/src/view/business/tab/air.vue b/src/view/business/tab/air.vue
index f00ee5b..79245ac 100644
--- a/src/view/business/tab/air.vue
+++ b/src/view/business/tab/air.vue
@@ -1,6 +1,6 @@
 
 <template>
-  <div  class="footerBottom">
+  <div  class="">
     <div class="flx-center">
         <div class="businessBackground"></div>
       </div>
@@ -58,21 +58,16 @@
                 <el-col :span="12">
                   <div class="referenceRoad flx-align-start" style="margin-top:70px;">
                     <div class="referenceRoadContry">美国</div>
-                    <div class="referenceRoadContent">16-18天</div>
+                    <div class="referenceRoadContent">普货快线5-8天 经济线7-9天</div>
                   </div>
                 </el-col>
                 <el-col :span="12">
                   <div class="referenceRoad flx-align-start" style="margin-top:70px;">
-                    <div class="referenceRoadContry">美国</div>
-                    <div class="referenceRoadContent">16-18天</div>
-                  </div>
-                </el-col>
-                <el-col :span="12">
-                  <div class="referenceRoad flx-align-start" style="margin-top:70px;">
-                    <div class="referenceRoadContry">美国</div>
-                    <div class="referenceRoadContent">16-18天</div>
+                    <div class="referenceRoadContry">欧盟</div>
+                    <div class="referenceRoadContent">快线5-8天 经济线7-9天</div>
                   </div>
                 </el-col>
+   
              </el-row>
         
           </div>
@@ -89,25 +84,24 @@
               <el-col :span="12" v-for="(item,index) in serviceList" :key="index">
                 <div class="ServiceLineBox commonUI">
                       <div class="ServiceLineTitle">
-                        <img style="width: 32px;margin-right: 16px;" :src="item.icon" alt="icon" />{{item.title}}
+                        <img style="width: 32px;margin-right: 16px;" v-if="item.icon" :src="item.icon" alt="icon" />{{item.title}}
                       </div>
                       <el-tabs v-model="item.activeName"  @tab-click="handleClick(item,index)">
-                          <el-tab-pane label="产品渠道" name="first">
+                          <el-tab-pane label="产品渠道" name="first" v-if= "item.channelData">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                {{item.channelData}}
+                             <div class="scrollable-container" v-html="item.channelData">
                             </div> 
                           </el-tab-pane>
                           <el-tab-pane label="产品优势" name="second">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                用户管理background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background:background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3; #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;
+                             <div class="scrollable-container" v-html="item.goodData">
+                              
                             </div> 
                           </el-tab-pane>
-                          <el-tab-pane label="产品服务" name="third">
+                          <el-tab-pane label="产品服务" name="third" v-if= "item.serviceData">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                用户管理background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background:background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3; #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;
+                             <div class="scrollable-container" v-html="item.serviceData">
+                               
                             </div> 
                           </el-tab-pane>
                         </el-tabs>
@@ -233,42 +227,55 @@ export default {
         { contry: '日本',capital:'大阪府'},
       ],
       serviceList:[
-        {
-          title:'美国快线',
+          {
+          title:'美国空运专线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/US.png'),
-          channelData:'美森特快极致时效12自然日签收，快递时效稳定在13自然日提取；普船优选OA联盟优势航线，美西20-35自然日签收，；六大热门仓OA优选整柜直送，时效20-30个自然日签收，无丢货，无额外费'
-        },
-        {
-          title:'欧盟快线',
+          channelData:'普货渠道快线5-8天提取，经济线7-9天提取；',
+          goodData:'1.自有包机固定舱位，航班密度高，每天都有舱位无需排舱；<br>2.承运货物范围广，操作灵活，空运资源丰富，根据客户需求，可提供最优航空运输渠道。<br> 3.自己仓库拆航空整板，清点货物，到件扫描，减少问题件；自有卡车和固定卡车代理结合卡派，洛杉矶附近仓自约自送，做到快捷，安全，稳定的服务；<br> 4.国内外人员时刻保持沟通，信息及时交换，问题及时解决，国外仓库操作灵活 <br> 5.UPS/FedEx自有账号，根据情况选择最优派送方式；',
+          serviceData:null
+
+          },
+          {
+          title:'欧盟空运专线',
           activeName:'second',
           icon:require('@/assets/images/business/overSea/OM.jpg'),
-          channelData:'开船到提取，28-35个自然日；'
-        },
-        {
-          title:'英国快线',
+          channelData:'快线5-8天提取，经济线7-9天提取；',
+          goodData:'1.多航线签板，固定仓位；<br>2.航班密度大，快的足够快、慢线足够性价比；<br> 3.和各航司、包机公司直接合作，紧跟市场趋势；',
+          serviceData:'1.多航线签板，固定仓位；<br>2.拒接双清包税；<br>清关点：LGG、CDG，海外自建监管仓、清关团队。<br>尾程派送：快递派：UPS/DPD/DHL派送，自有账号；卡派：整车专送，零担拼车，自有车队。'
+          },
+          {
+          title:'英国空运专线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/GB.png'),
-          channelData:'开船到提取，28-35个自然日；'
-        },
-        {
-          title:'加拿大快线',
+          channelData:'快线5-8天提取，经济线7-9天提取；',
+          goodData:'1.自有签板包机，每天都有仓位；<br>2.与航司、包机公司一手合作，航班密度大 <br> 3.经济线性价比高，快线时效快且稳定',
+          serviceData:'清关模式：<br>1.单票清关，100%客户自主vat，递延清关（清关不交vat）；<br>2.拒接双清包税；<br>清关点：LGG、CDG，海外自建监管仓、清关团队。<br>尾程派送：快递派：UPS/DPD/DHL派送，自有账号；卡派：整车专送，零担拼车，自有车队。'
+          },
+          {
+          title:'加拿大空运专线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/CA.png'),
-          channelData:'海派普船45~55自然日，美森快船23~30自然日；'
-        },
-        {
-          title:'墨西哥快线',
-          activeName:'first',
-          icon:require('@/assets/images/business/overSea/MX.png'),
-          channelData:'海运专线35~45自然日，海运快线21~25自然日；'
-        },
-        {
-          title:'日本快线',
+          channelData:'普货渠道5-8天提取，非普货渠道10-12天签收；',
+          goodData:'国内大陆/香港/韩国等包机固定舱位，航班密度高，每天都有舱位无需排舱；',
+          serviceData:'1.直航主要到曼萨尼约、拉萨罗港口清关；<br>2.自己仓库拆航空整板，清点货物，到件扫描，减少问题件；<br> 3.自有卡车团队，亚马逊仓库自约自送；<br> 4.国内外人员24小时保持沟通，信息及时交换，问题及时解决，国外仓库操作灵活；<br> 5.UPS自有账号，旺季无忧提取'
+          },
+          {
+          title:'日本空运专线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/JP.png'),
-          channelData:'快船截单后12-13自然日签收；        海派开船后15-18自然日签收；海卡开船后23-25日签收；'
-        },
+          channelData:'快线5-8天提取，经济线6-9天签收；',
+          goodData:'每天出仓，香港直飞，国内直飞 ：深圳，西安，武汉，南通；',
+          serviceData:'清关模式：<br>海派单票清关 / 整柜清关 相结合；<br>清关点：大阪 /东京。<br>尾程派送：快递派：佐川、西浓，黑猫。 卡派：物流整车专送（GREEN BOX ,福田运通）自有卡车。'
+          },
+          {
+          title:'特殊产品及DG货物',
+          activeName:'second',
+          icon:null,
+          channelData:null,
+          goodData:'1.国内内地带电飞价格比韩国、香港更低，且时效更快，郑州、武汉、上海、广州、深圳、成都等机场均可飞；<br>2.DG国内可飞，直飞航班时效快，内地飞价格常年低于香港、韩国，整板运输，全程打托盘；自有清关团队及卡车团队，清关高效，卡派便利；',
+          serviceData:null
+          },
       ]
     }
   },
diff --git a/src/view/business/tab/road.vue b/src/view/business/tab/road.vue
index 619da46..a24276b 100644
--- a/src/view/business/tab/road.vue
+++ b/src/view/business/tab/road.vue
@@ -1,6 +1,6 @@
 
 <template>
-  <div  class="footerBottom">
+  <div  class="">
     <div class="flx-center">
         <div class="businessBackground"></div>
       </div>
@@ -57,20 +57,20 @@
              <el-row>
                 <el-col :span="12">
                   <div class="referenceRoad flx-align-start" style="margin-top:70px;">
-                    <div class="referenceRoadContry">美国</div>
+                    <div class="referenceRoadContry">欧盟</div>
                     <div class="referenceRoadContent">16-18天</div>
                   </div>
                 </el-col>
                 <el-col :span="12">
                   <div class="referenceRoad flx-align-start" style="margin-top:70px;">
-                    <div class="referenceRoadContry">美国</div>
-                    <div class="referenceRoadContent">16-18天</div>
+                    <div class="referenceRoadContry">英国</div>
+                    <div class="referenceRoadContent">14-18天</div>
                   </div>
                 </el-col>
                 <el-col :span="12">
                   <div class="referenceRoad flx-align-start" style="margin-top:70px;">
-                    <div class="referenceRoadContry">美国</div>
-                    <div class="referenceRoadContent">16-18天</div>
+                    <div class="referenceRoadContry">中亚、俄罗斯</div>
+                    <div class="referenceRoadContent">16-19天</div>
                   </div>
                 </el-col>
              </el-row>
@@ -89,25 +89,24 @@
               <el-col :span="12" v-for="(item,index) in serviceList" :key="index">
                 <div class="ServiceLineBox commonUI">
                       <div class="ServiceLineTitle">
-                        <img style="width: 32px;margin-right: 16px;" :src="item.icon" alt="icon" />{{item.title}}
+                        <img style="width: 32px;margin-right: 16px;" v-if="item.icon" :src="item.icon" alt="icon" />{{item.title}}
                       </div>
                       <el-tabs v-model="item.activeName"  @tab-click="handleClick(item,index)">
-                          <el-tab-pane label="产品渠道" name="first">
+                          <el-tab-pane label="产品渠道" name="first" v-if= "item.channelData">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                {{item.channelData}}
+                             <div class="scrollable-container" v-html="item.channelData">
                             </div> 
                           </el-tab-pane>
                           <el-tab-pane label="产品优势" name="second">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                用户管理background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background:background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3; #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;
+                             <div class="scrollable-container" v-html="item.goodData">
+                              
                             </div> 
                           </el-tab-pane>
-                          <el-tab-pane label="产品服务" name="third">
+                          <el-tab-pane label="产品服务" name="third" v-if= "item.serviceData">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                用户管理background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background:background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3; #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;
+                             <div class="scrollable-container" v-html="item.serviceData">
+                               
                             </div> 
                           </el-tab-pane>
                         </el-tabs>
@@ -233,42 +232,38 @@ export default {
         { contry: '日本',capital:'大阪府'},
       ],
       serviceList:[
-        {
-          title:'美国快线',
-          activeName:'first',
-          icon:require('@/assets/images/business/overSea/US.png'),
-          channelData:'美森特快极致时效12自然日签收，快递时效稳定在13自然日提取；普船优选OA联盟优势航线，美西20-35自然日签收，；六大热门仓OA优选整柜直送，时效20-30个自然日签收，无丢货，无额外费'
-        },
-        {
-          title:'欧盟快线',
-          activeName:'second',
-          icon:require('@/assets/images/business/overSea/OM.jpg'),
-          channelData:'开船到提取，28-35个自然日；'
-        },
-        {
-          title:'英国快线',
-          activeName:'first',
-          icon:require('@/assets/images/business/overSea/GB.png'),
-          channelData:'开船到提取，28-35个自然日；'
-        },
-        {
-          title:'加拿大快线',
-          activeName:'first',
-          icon:require('@/assets/images/business/overSea/CA.png'),
-          channelData:'海派普船45~55自然日，美森快船23~30自然日；'
-        },
-        {
-          title:'墨西哥快线',
-          activeName:'first',
-          icon:require('@/assets/images/business/overSea/MX.png'),
-          channelData:'海运专线35~45自然日，海运快线21~25自然日；'
-        },
-        {
-          title:'日本快线',
-          activeName:'first',
-          icon:require('@/assets/images/business/overSea/JP.png'),
-          channelData:'快船截单后12-13自然日签收；        海派开船后15-18自然日签收；海卡开船后23-25日签收；'
-        },
+          {
+            title:'欧盟卡航',
+            activeName:'second',
+            icon:require('@/assets/images/business/overSea/OM.jpg'),
+            channelData:'深圳发车到列日LGG，16-18个自然日；',
+            goodData:'自营监管仓、境外车队签约，每天发车；',
+            serviceData:'清关模式：<br>1.单票清关，100%客户自主vat，递延清关（清关不交vat）；<br>2.拒接双清包税；<br>清关点：LGG、CDG，海外自建监管仓、清关团队。<br>尾程派送：快递派：UPS/DPD/DHL派送，自有账号；卡派：整车专送，零担拼车，自有车队。'
+          },
+          {
+            title:'英国卡航',
+            activeName:'first',
+            icon:require('@/assets/images/business/overSea/GB.png'),
+            channelData:'深圳发车到伦敦，14-18个自然日；',
+            goodData:'自营监管仓、境外车队签约，每天发车；',
+            serviceData:'清关模式：<br>1.单票清关，100%客户自主vat，递延清关（清关不交vat）；<br>2.拒接双清包税；<br>清关点：LGG、CDG，海外自建监管仓、清关团队。<br>尾程派送：快递派：UPS/DPD/DHL派送，自有账号；卡派：整车专送，零担拼车，自有车队。'
+          },
+          {
+            title:'中亚、俄罗斯卡航',
+            activeName:'first',
+            icon:null,
+            channelData:'16-19个自然日可提取',
+            goodData:'1.通达中亚五国、俄罗斯、白俄罗斯，每日发车；<br>2.自建公司，时效稳定；',
+            serviceData:null
+          },
+          {
+            title:'DG卡航运输',
+            activeName:'second',
+            icon:null,
+            channelData:null,
+            goodData:'1.发车频率高，每周3-5班，全程门到门运输时效15-18天<br>2.根据带电、不带电，含MSDS等不同需求，个性化定制解决方案',
+            serviceData:null
+          },
       ]
     }
   },
diff --git a/src/view/business/tab/sea.vue b/src/view/business/tab/sea.vue
index b68e421..7eb9919 100644
--- a/src/view/business/tab/sea.vue
+++ b/src/view/business/tab/sea.vue
@@ -1,6 +1,6 @@
 
 <template>
-    <div  class="footerBottom">
+    <div  class="">
       <div class="flx-center">
         <div class="businessBackground"></div>
       </div>
@@ -98,20 +98,19 @@
                       <el-tabs v-model="item.activeName"  @tab-click="handleClick(item,index)">
                           <el-tab-pane label="产品渠道" name="first">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                {{item.channelData}}
+                             <div class="scrollable-container" v-html="item.channelData">
                             </div> 
                           </el-tab-pane>
                           <el-tab-pane label="产品优势" name="second">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                用户管理background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background:background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3; #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;
+                             <div class="scrollable-container" v-html="item.goodData">
+                              
                             </div> 
                           </el-tab-pane>
-                          <el-tab-pane label="产品服务" name="third">
+                          <el-tab-pane label="产品服务" name="third" v-if= "item.serviceData">
                             <div style="width: 520px;height: 1px;background: #E3E3E3;margin:20px 0 32px 0;"></div>
-                             <div class="scrollable-container">
-                                用户管理background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background:background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3; #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;background: #E3E3E3;
+                             <div class="scrollable-container" v-html="item.serviceData">
+                               
                             </div> 
                           </el-tab-pane>
                         </el-tabs>
@@ -237,42 +236,55 @@
           { contry: '日本',capital:'大阪府'},
         ],
         serviceList:[
-        {
+          {
           title:'美国快线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/US.png'),
-          channelData:'美森特快极致时效12自然日签收，快递时效稳定在13自然日提取；普船优选OA联盟优势航线，美西20-35自然日签收，；六大热门仓OA优选整柜直送，时效20-30个自然日签收，无丢货，无额外费'
-        },
-        {
+          channelData:'1.美森特快极致时效12自然日签收，快递时效稳定在13自然日提取；<br>2.普船优选OA联盟优势航线，美西20-35自然日签收；<br> 3.六大热门仓OA优选整柜直送，时效20-30个自然日签收，无丢货，无额外费用；',
+          goodData:'1.精选OA联盟/美森优势航线；COSCO/OOCL/EMC/ZIM/MASTON<br>2.自有船司合约，自建美国海外仓，16年海运操作团队经验；<br> 3.强大的美国海外资源，可实现美国全境整柜直送；',
+          serviceData:null
+
+          },
+          {
           title:'欧盟快线',
           activeName:'second',
           icon:require('@/assets/images/business/overSea/OM.jpg'),
-          channelData:'开船到提取，28-35个自然日；'
-        },
-        {
+          channelData:'开船到提取，28-35个自然日；',
+          goodData:'CES明星航线，船东直接签约，卸船后3个工作日内可提柜；',
+          serviceData:'清关模式：<br>1.单票清关，100%客户自主vat，递延清关（清关不交vat）；<br>2.拒接双清包税；<br>清关点：LGG、CDG，海外自建监管仓、清关团队。<br>尾程派送：快递派：UPS/DPD/DHL派送，自有账号；卡派：整车专送，零担拼车，自有车队。'
+          },
+          {
           title:'英国快线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/GB.png'),
-          channelData:'开船到提取，28-35个自然日；'
-        },
-        {
+          channelData:'开船到提取，28-35个自然日；',
+          goodData:'船东直接签约，OA明星航线；',
+          serviceData:'清关模式：<br>1.单票清关，100%客户自主vat，递延清关（清关不交vat）；<br>2.拒接双清包税；<br>清关点：LGG、CDG，海外自建监管仓、清关团队。<br>尾程派送：快递派：UPS/DPD/DHL派送，自有账号；卡派：整车专送，零担拼车，自有车队。'
+          },
+          {
           title:'加拿大快线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/CA.png'),
-          channelData:'海派普船45~55自然日，美森快船23~30自然日；'
-        },
-        {
+          channelData:'海派普船45~55自然日，美森快船23~30自然日；',
+          goodData:'美森正班快线，自建团队转运、陆运卡车过境、查验率低；',
+          serviceData:null
+          },
+          {
           title:'墨西哥快线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/MX.png'),
-          channelData:'海运专线35~45自然日，海运快线21~25自然日；'
-        },
-        {
+          channelData:'海运专线35~45自然日，海运快线21~25自然日；',
+          goodData:'1.直航主要到曼萨尼约、拉萨罗港口清关；<br>2.头程COSCO深度绑定合作，保舱保柜；<br>3.自有海外仓和卡车派送团队；',
+          serviceData:null
+          },
+          {
           title:'日本快线',
           activeName:'first',
           icon:require('@/assets/images/business/overSea/JP.png'),
-          channelData:'快船截单后12-13自然日签收；        海派开船后15-18自然日签收；海卡开船后23-25日签收；'
-        },
+          channelData:'1.快船截单后12-13自然日签收；<br>2.海派开船后15-18自然日签收；<br>3.海卡开船后23-25日签收；<br>',
+          goodData:'深圳首选德翔，上海快船固定用锦江；',
+          serviceData:'清关模式：<br>海派单票清关 / 整柜清关 相结合；<br>清关点：大阪 /东京。<br>尾程派送：快递派：佐川、西浓，黑猫。 卡派：物流整车专送（GREEN BOX ,福田运通）自有卡车。'
+          },
       ]
       }
     },
diff --git a/src/view/globalNetwork/chinaMap.vue b/src/view/globalNetwork/chinaMap.vue
index fa10f3e..02a17cc 100644
--- a/src/view/globalNetwork/chinaMap.vue
+++ b/src/view/globalNetwork/chinaMap.vue
@@ -88,7 +88,7 @@ export default {
         toolTipData : [
             {
                 name: '湖南省',
-                value: `<br><h5>tsefgsdf</h5><br>213`,
+                value: `<br><h5>测试文字</h5><br>测试文字`,
                 areas: ["长沙", "株洲", "益阳"],
             },
             {
diff --git a/src/view/home/homeComponents/Amazon.vue b/src/view/home/homeComponents/Amazon.vue
index cc0fc65..6db9cbe 100644
--- a/src/view/home/homeComponents/Amazon.vue
+++ b/src/view/home/homeComponents/Amazon.vue
@@ -1,171 +1,55 @@
-<script>
-export default {
-  name: 'Services'
-}
-</script>
+
 
 <template>
-  <div>
-    <!--START SERVICES-->
-    <section class="section bg-light" id="services">
-      <div class="container">
-        <div class="row">
-          <div class="col-lg-8 offset-lg-2">
-            <h1 class="section-title text-center">Our Services</h1>
-            <div class="section-title-border margin-t-20"></div>
-            <p
-              class="section-subtitle text-muted text-center padding-t-30 font-secondary"
-            >We craft digital, graphic and dimensional thinking, to create category leading brand experiences that have meaning and add a value for our clients.</p>
-          </div>
-        </div>
-        <div class="row margin-t-30">
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-diamond text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Digital Design</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >Some quick example text to build on the card title and make up the bulk of the card's content. Moltin gives you the platform.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-display2 text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Unlimited Colors</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >Credibly brand standards compliant users without extensible services. Anibh euismod tincidunt ut laoreet Ipsum passage.</p>
-                </div>
-              </div>
+  <div class="container" style="margin-top: 42px;">
+    <el-row class="faq-container" style="padding:0 110px 48px 0;">
+      <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
+        <div class="faq-item" >
+          <h3 class="show-ellipsis">{{ faq.question }}</h3>
+            <div class="faq-answer show-ellipsis">
+               <i>答</i> A: {{ faq.answer }}
             </div>
-          </div>
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-piggy text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Strategy Solutions</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean necessary regelialia.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="row">
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-science text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Awesome Support</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >It is a paradisematic country, in which roasted parts of sentences fly into your mouth leave for the far World.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-news-paper text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Truly Multipurpose</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-plane text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Easy to customize</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia.</p>
-                </div>
-              </div>
-            </div>
-          </div>
         </div>
+      </el-col>
+    </el-row>
+  </div>
 
-        <div class="row">
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-arc text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Pixel Perfect Design</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-tools text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Perfect Toolbox</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="col-lg-4 margin-t-20">
-            <div class="services-box">
-              <div class="media">
-                <i class="pe-7s-timer text-custom"></i>
-                <div class="media-body ml-4">
-                  <h4>Awesome Design</h4>
-                  <p
-                    class="pt-2 text-muted"
-                  >All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary.</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    <!--START SERVICES-->
+</template>
+<script>
 
-    <!--START WEBSITE-DESCRIPTION-->
-    <!-- <section
-      class="section bg-web-desc"
-      :style="{'background-image': 'url(' + require('@/assets/images/img-1.jpg') + ')', 'background-size': 'cover','background-position': 'center'}"
-    >
-      <div class="container">
-        <div class="row">
-          <div class="col-lg-12 text-center">
-            <h2 class="text-white">Build your dream website today</h2>
-            <p
-              class="padding-t-15 home-desc mx-auto"
-            >But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her.</p>
-            <a
-              href="#"
-              class="btn btn-bg-white margin-t-30"
-            >View Plan & Pricing</a>
-          </div>
-        </div>
-      </div>
-    </section> -->
-    <!--END WEBSITE-DESCRIPTION-->
-  </div>
-</template>
\ No newline at end of file
+export default {
+components: {
+
+},
+created() {
+ 
+},
+data() {
+  return {
+    faqs: [
+    {
+      question: '【计费】亚马逊FBA仓费用怎么计算？',
+      answer: '自 2018 年 2 月 22 日起，亚马逊官方将开始按照商品体积（长 x 宽 x 高，以英寸为单位）除以 139（而不是之前的 166）这种方式来计算体积重量。体积重量仅适用于重量超过 1 磅的大号标准尺寸商品以及所有小号、中号和大号大件商品。请注意，体积重量还用于计算多渠道配送费用和库存配置服务费用。'
+    },
+    {
+      question: '【账号注册】亚马逊全球开店需要具备什么条件？',
+      answer: '首先是个人账号所需资料,北美站： 1、电子邮箱地址；2、个人名称、地址、联系方式；3、可以支付美元的双币信用卡（Visa 等）；4、在注册期间可以联系到您的电话号码。个人卖家的月租金是39.99 美元/月。日本站：1、电子邮箱地址； 2、个人名称、地址、联系方式； 3、 国际信用卡（Visa, MasterCard 等）；4、 银行帐号信息 ；5在注册期间可以联系到你的电话号码；个人卖家的月租金是4900 日元/月。欧洲站：1、电子邮箱地址； 2、个人名称、地址、联系方式； 3、 国际信用卡（Visa, MasterCard 等）；4、 银行帐号信息 ；5在注册期间可以联系到你的电话号码；个人卖家的月租金是25 英镑/月。公司账号所需资料:北美站：1、营业执照、2、VISA双币信用 卡、3、 收款账号、4、身份证。欧洲站：1、营业执照和身份证、2、法人或者 受益人承债信用卡、3、收款账户。日本站：1、营业执照和身份证、2、VISA或者JCB 双币信用卡、3、 收款账户。'
+    },
+    {
+      question: '【亚马逊开店】在亚马逊欧洲开店，需要哪些基本费用？',
+      answer: '分个人销售及专业销售计划，“个人销售计划”会被收取按件收费的费用，而“专业销售计划”账户则需要支付月度的订阅费。个人销售计划：免月租费、 按件收费（0.75 英镑/件 ）、销售佣金（根据不同品类亚马逊收取不同比例的佣金，一般为 8%-15%）专业销售计划：25 英镑/月、按件收费（免费 ）、（根据不同品类亚马逊收取不同比例的佣金，一般为 8%-15%）销售佣金：卖家为每件所售商品支付销售佣金。月租金：即亚马逊网站使用费，按月收取。'
+    },
+    // 其他的FAQ对象...
+  ]
+  };
+},
+methods: {
+ 
+}
+
+};
+</script>
+<style src="../index.css" scoped>
+
+
+</style>
\ No newline at end of file
diff --git a/src/view/home/homeComponents/LocalAdded.vue b/src/view/home/homeComponents/LocalAdded.vue
index da7729f..cca5051 100644
--- a/src/view/home/homeComponents/LocalAdded.vue
+++ b/src/view/home/homeComponents/LocalAdded.vue
@@ -1,93 +1,52 @@
+
+
+<template>
+  <div class="container" style="margin-top: 42px;">
+    <el-row class="faq-container" style="padding:0 110px 48px 0;">
+      <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
+        <div class="faq-item" >
+          <h3 class="show-ellipsis">{{ faq.question }}</h3>
+            <div class="faq-answer show-ellipsis">
+               <i>答</i> A: {{ faq.answer }}
+            </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+
+</template>
 <script>
+
 export default {
-  name: 'LocalAdded'
+components: {
+
+},
+created() {
+ 
+},
+data() {
+  return {
+    faqs: [
+    {
+      question: '【退货换标】为什么仓库收到的数量和亚马逊后台退货的数量不同？',
+      answer: '客观来说，亚马逊系统和人工也有可能出错，我们之前服务过两个客户，货物分别从亚马逊退到我们美国仓和英国仓，其中英国仓收到的箱子是有附带装箱清单的，但是仓库收到后马上开箱核对就发现少了一个。美国仓收到的没有清单，但是也同样比亚马逊后台纪录少了一个。因此仓库只能以实际收到的数量为准。'
+    },
+    {
+      question: '【退货换标】亚马逊后台申请移除订单，货物可能分几次退出，能不能先在仓库集齐货物再操作派送？',
+      answer: '可以，我们仓库可以根据客户的要求，先接收货物，集齐所有货物再安排操作派送，帮卖家们节省成本。'
+    },
+   
+    // 其他的FAQ对象...
+  ]
+  };
+},
+methods: {
+ 
 }
+
+};
 </script>
-<template>
-  <!--START TESTIMONIAL-->
-  <section class="section" id="testi">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-8 offset-lg-2">
-          <h1 class="section-title text-center">What they've said</h1>
-          <div class="section-title-border margin-t-20"></div>
-          <p
-            class="section-subtitle text-muted text-center font-secondary padding-t-30"
-          >The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli.</p>
-        </div>
-      </div>
-      <div class="row margin-t-50">
-        <div class="col-lg-4">
-          <div class="testimonial-box margin-t-30">
-            <div class="testimonial-decs p-4">
-              <div class="testi-icon">
-                <i class="mdi mdi-format-quote-open display-2"></i>
-              </div>
-              <img
-                src="@/assets/images/testimonials/user-1.jpg"
-                alt
-                class="img-fluid mx-auto d-block img-thumbnail rounded-circle mb-4"
-              />
-              <div class="p-1">
-                <h5 class="text-center text-uppercase mb-3">
-                  Dennis Williams -
-                  <span class="text-muted text-capitalize">Charleston</span>
-                </h5>
-                <p
-                  class="text-muted text-center mb-0"
-                >“I feel confident imposing change on myself. It's a lot more fun progressing than looking back. That's why I need to throw curve balls.”</p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-lg-4">
-          <div class="testimonial-box margin-t-30">
-            <div class="testimonial-decs p-4">
-              <div class="testi-icon">
-                <i class="mdi mdi-format-quote-open display-2"></i>
-              </div>
-              <img
-                src="@/assets/images/testimonials/user-2.jpg"
-                alt
-                class="img-fluid mx-auto d-block img-thumbnail rounded-circle mb-4"
-              />
-              <div class="p-1">
-                <h5 class="text-center text-uppercase mb-3">
-                  Laurie Bell -
-                  <span class="text-muted text-capitalize">Worcester</span>
-                </h5>
-                <p
-                  class="text-muted text-center mb-0"
-                >“Our task must be to free ourselves by widening our circle of compassion to embrace all living creatures and the whole of nature and its beauty.”</p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-lg-4">
-          <div class="testimonial-box margin-t-30">
-            <div class="testimonial-decs p-4">
-              <div class="testi-icon">
-                <i class="mdi mdi-format-quote-open display-2"></i>
-              </div>
-              <img
-                src="@/assets/images/testimonials/user-3.jpg"
-                alt
-                class="img-fluid mx-auto d-block img-thumbnail rounded-circle mb-4"
-              />
-              <div class="p-1">
-                <h5 class="text-center text-uppercase mb-3">
-                  Howard Kelley -
-                  <span class="text-muted text-capitalize">Lynchburg</span>
-                </h5>
-                <p
-                  class="text-muted text-center mb-0"
-                >“I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.”</p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!--END TESTIMONIAL-->
-</template>
\ No newline at end of file
+<style src="../index.css" scoped>
+
+
+</style>
\ No newline at end of file
diff --git a/src/view/home/homeComponents/beforeDelivery.vue b/src/view/home/homeComponents/beforeDelivery.vue
index 7308c87..9a16a9f 100644
--- a/src/view/home/homeComponents/beforeDelivery.vue
+++ b/src/view/home/homeComponents/beforeDelivery.vue
@@ -5,7 +5,7 @@
       <el-row class="faq-container" style="padding:0 110px 48px 0;">
         <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
           <div class="faq-item" >
-            <h3>{{ faq.question }}</h3>
+            <h3 class="show-ellipsis">{{ faq.question }}</h3>
               <div class="faq-answer show-ellipsis">
                  <i>答</i> A: {{ faq.answer }}
               </div>
@@ -28,28 +28,28 @@ export default {
     return {
       faqs: [
       {
-        question: '[人员] 为什么您物不能正常入仓？',
-        answer: '可能是以下问题之一，1号到FBA的物流，但外箱标签FBA贴错...'
+        question: '【入仓】为什么货物不能正常入仓？',
+        answer: '可能是以下问题之一：1、是到FBA的货物，但外箱没有FBA标签；2、外箱没有九方的运单标签；3、纸箱已经散架；4、下单信息和交货信息有出入；5、货物到仓了却还未下单。'
       },
       {
-        question: '[人员] 为什么您物不能正常入仓？',
-        answer: '可能是以下问题之一，1号到FBA的物流，但外箱标签FBA贴错...'
+        question: '【签约】什么样的物流合同才算是公平公正的合同？',
+        answer: '1、把报价表中没有但却很重要的内容都放进去的合同；2、双方把出现最坏情况的权责利都事先约定好的合同。'
       },
       {
-        question: '[人员] 为什么您物不能正常入仓？',
-        answer: '可能是以下问题之一，1号到FBA的物流，但外箱标签FBA贴错...'
+        question: '【签约】物流合同对走包税渠道的重要性？',
+        answer: '绝大部分包税货物的提单收货人都不是货主，也就是从交货给物流公司那一刻起货权就已经完全转移到了物流公司。比如货值100万，就相当于你把100万现金给了物流公司，而且连收据都不要一张。'
       },
       {
-        question: '[人员] 为什么您物不能正常入仓？',
-        answer: '可能是以下问题之一，1号到FBA的物流，但外箱标签FBA贴错...'
+        question: '【报价】如何避免隐形收费？',
+        answer: '不要追求绝对意义上的“一口价”，跨境物流始终存在一些产生额外费用的概率，只是这些额外费用是可以被事先约定清楚的。'
       },
       {
-        question: '[人员] 为什么您物不能正常入仓？',
-        answer: '可能是以下问题之一，1号到FBA的物流，但外箱标签FBA贴错...'
+        question: '【报价】报价表内容那么多，如何避免掉坑？',
+        answer: '除了运费单价，一定要注意看备注信息，重点包括价格有效期，适应的产品品类、计费方式、附加费清单、可能产生的额外费用等。'
       },
       {
-        question: '[人员] 为什么您物不能正常入仓？',
-        answer: '可能是以下问题之一，1号到FBA的物流，但外箱标签FBA贴错...'
+        question: '【报价】如何才能一次性报出准确优惠的价格？',
+        answer: '尽量一次性给出完整的货物信息，包括：整票货物的品名、体积、重量、件数、最终派送地址等。货物信息越详尽，报价越快越准。'
       },
       // 其他的FAQ对象...
     ]
diff --git a/src/view/home/homeComponents/domesticCustomsDeclaration.vue b/src/view/home/homeComponents/domesticCustomsDeclaration.vue
index 848941b..c30a7bf 100644
--- a/src/view/home/homeComponents/domesticCustomsDeclaration.vue
+++ b/src/view/home/homeComponents/domesticCustomsDeclaration.vue
@@ -1,89 +1,67 @@
-<script>
-/**
- * Blog component
- */
-export default {
-  name: 'DomesticCustomsDeclaration'
-}
-</script>
-
-<template>
 
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-8 offset-lg-2">
-          <h1 class="section-title text-center">Latest News</h1>
-          <div class="section-title-border margin-t-20"></div>
-          <p
-            class="section-subtitle text-muted text-center font-secondary padding-t-30"
-          >Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean class at a euismod mus luctus quam.</p>
-        </div>
-      </div>
 
-      <!-- <div class="row margin-t-30">
-        <div class="col-lg-4">
-          <div class="blog-box margin-t-30">
-            <img src="@/assets/images/blog/img-1.jpg" class="img-fluid rounded" alt />
-            <div>
-              <h5 class="mt-4 text-muted">UI & UX Design</h5>
-              <h4 class="mt-3">
-                <a href class="blog-title">Doing a cross country road trip</a>
-              </h4>
-              <p
-                class="text-muted"
-              >She packed her seven versalia, put her initial into the belt and made herself on the way..</p>
-              <div class="mt-3">
-                <a href class="read-btn">
-                  Read More
-                  <i class="mdi mdi-arrow-right"></i>
-                </a>
-              </div>
+<template>
+  <div class="container" style="margin-top: 42px;">
+    <el-row class="faq-container" style="padding:0 110px 48px 0;">
+      <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
+        <div class="faq-item" >
+          <h3 class="show-ellipsis">{{ faq.question }}</h3>
+            <div class="faq-answer show-ellipsis">
+               <i>答</i> A: {{ faq.answer }}
             </div>
-          </div>
         </div>
+      </el-col>
+    </el-row>
+  </div>
 
-        <div class="col-lg-4">
-          <div class="blog-box margin-t-30">
-            <img src="@/assets/images/blog/img-2.jpg" class="img-fluid rounded" alt />
-            <div>
-              <h5 class="mt-4 text-muted">Digital Marketing</h5>
-              <h4 class="mt-3">
-                <a href class="blog-title">New exhibition at our Museum</a>
-              </h4>
-              <p
-                class="text-muted"
-              >Pityful a rethoric question ran over her cheek, then she continued her way.</p>
-              <div class="mt-3">
-                <a href class="read-btn">
-                  Read More
-                  <i class="mdi mdi-arrow-right"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
+</template>
+<script>
+
+export default {
+components: {
+
+},
+created() {
+ 
+},
+data() {
+  return {
+    faqs: [
+    {
+      question: '【国内报关】品牌申报，我们发的不是什么知名品牌，为什么也要申报？',
+      answer: '品牌申报是海关对于货物申报的一项基本要求，跟这个品牌是否知名没有关系。如该品牌在海关有过备案（一般会带R和TM标识），报关时还需提供品牌授权书；如无海关备案，不需提供品牌授权书，如实申报品牌即可。'
+    },
+    {
+      question: '【清关】什么叫一般贸易出口报关,我公司没有进出口权我的货物是怎么出去的？',
+      answer: '我国的出口贸易方式有很多种，常见的包括：一般贸易/来料加工/旅游购物/保税仓储/租赁贸易/跨境电商（B2C项下）等等。对于FBA头程物流的出口，基本归属于一般贸易报关方式（代号0110）的范畴，也叫正式报关出口。申报单位需向海关提交：出口货物报关单；报关委托书；销售合同；装箱单；发票等整套单证。大部分中小卖家不具备进出口权，也不具备出口退税的条件，为了方便快捷，通常做法是购买别的进出口企业的核销单以别的进出口企业的名义出口，业内称之为“买单出口”。'
+    },
+    {
+      question: '【VAT申报】英国VAT申报中，C79和C88有什么区别？',
+      answer: 'C79是每个月进口报税的汇总，海关会在次月寄信件到注册VAT时提供的通信地址；C88是每一次进口清关的税单，由清关的报关行可以拿到；季度申报时，税局要求提供C79进行申报。'
+    },
+    {
+      question: '【关税】如何查询亚马逊各站点所在国的产品进口关税税率？',
+      answer: '欧洲产品进口关税查询：http://ec.europa.eu,美国产品进口关税查询：https://hts.usitc.gov,加拿大产品进口关税查询：http://www.cbsa-asfc.gc.ca,日本产品进口关税查询：http://www.customs.go.jp,澳洲产品进口关税查询：https://ftaportal.dfat.gov.au'
+    },
+    {
+      question: '【海关】如何理解产品的海关编码（HS Code），编码归类的主要依据是什么？',
+      answer: '海关编码其实是依据《商品名称及编码协调制度的国际公约》（简称HS），用科学系统的方法将商品分类。HS采用六位数编码，把全部国际贸易商品分为22类，98章。章以下再分为目和子目。商品编码第一、二位数码代表“章”，第三、四位数码代表“目”（Heading），第五、六位数码代表“子目”（Subheading）。前6位数是HS国际标准编码，后2-4位数是各个国家海关按照实际情况再进行延伸，所以大家才会常说前6位海关编码是国际通用的。'
+    },
+    {
+      question: '【头程物流】DDP与DDU分别是什么意思？',
+      answer: 'DDP即完税后交货，通俗的理解为出口商在起运港预付了税金（包含关税和VAT等）；DDU即未完税交货，可理解为由进口商在目的港缴税。FBA头程运输中，如果卖家在国外没有自己的公司或银行账户来及时缴税，则需要通过物流公司来做DDP条款的完税交货（注意：亚马逊不能作为进口商，不会为卖家缴税）。'
+    },
+    // 其他的FAQ对象...
+  ]
+  };
+},
+methods: {
+ 
+}
+
+};
+</script>
+<style src="../index.css" scoped>
 
-        <div class="col-lg-4">
-          <div class="blog-box margin-t-30">
-            <img src="@/assets/images/blog/img-3.jpg" class="img-fluid rounded" alt />
-            <div>
-              <h5 class="mt-4 text-muted">Travelling</h5>
-              <h4 class="mt-3">
-                <a href class="blog-title">Why are so many people..</a>
-              </h4>
-              <p
-                class="text-muted"
-              >Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
-              <div class="mt-3">
-                <a href class="read-btn">
-                  Read More
-                  <i class="mdi mdi-arrow-right"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div> -->
-    </div>
 
-</template>
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/src/view/home/homeComponents/dulyReceived.vue b/src/view/home/homeComponents/dulyReceived.vue
index d990c13..31611c6 100644
--- a/src/view/home/homeComponents/dulyReceived.vue
+++ b/src/view/home/homeComponents/dulyReceived.vue
@@ -1,112 +1,67 @@
+
+
+<template>
+  <div class="container" style="margin-top: 42px;">
+    <el-row class="faq-container" style="padding:0 110px 48px 0;">
+      <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
+        <div class="faq-item" >
+          <h3 class="show-ellipsis">{{ faq.question }}</h3>
+            <div class="faq-answer show-ellipsis">
+               <i>答</i> A: {{ faq.answer }}
+            </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+
+</template>
 <script>
+
 export default {
-  name: 'DulyReceived'
+components: {
+
+},
+created() {
+ 
+},
+data() {
+  return {
+    faqs: [
+    {
+      question: '【转运】我们是亚马逊的VE供货商，仓库能不能接受亚马逊到仓提货呢？',
+      answer: '可以，目前美国两个仓库都可以接受VE自提。'
+    },
+    {
+      question: '【转运】亚马逊分配FBA地址大多在美国中东部地区，从美西的仓库发过去距离太远，运费太高，有没有解决方案？',
+      answer: '我司一直都在跟进市场的走向和亚马逊的分仓情况，这个问题我们也留意到了，所以今年我们新增了美东的中转仓服务，美西美东两个中转仓同时运转，方便各卖家根据自身货物分仓情况自主选择，更贴心的服务，真正做到帮卖家节省物流成本。'
+    },
+    {
+      question: '【转运】整柜运输的时候，能不能不打托盘？',
+      answer: '可以，但是不打托盘卸货比较麻烦，仓库需要耗费一定的人工。仓库需要耗费更多人工成本，相对的卸货费会增加。'
+    },
+    {
+      question: '【美国专线】网站显示签收后，但是一直没上架？',
+      answer: '我司专线派送是按UPS官网显示签收为准，如果派送后长时间没有上架信息，我司会提供POD给客户，以此找亚马逊开CASE查询。'
+    },
+    {
+      question: '【国际快递】货物在签收后发现破损了怎么办？',
+      answer: '如签收后有异常的，需在签收后7天内向当地服务商提出异常反馈并拿到当地受理备案号码，提交调查所需的资料，以便调查。破损件：提交当地受理备案号并提交:产品内包装，外包装图片，产品破损细节图，破损数量，重量，申报价值等调查所需资料，等候调查结果。'
+    },
+    {
+      question: '【报价】如何才能一次性报出准确优惠的价格？',
+      answer: '尽量一次性给出完整的货物信息，包括：整票货物的品名、体积、重量、件数、最终派送地址等。货物信息越详尽，报价越快越准。'
+    },
+    // 其他的FAQ对象...
+  ]
+  };
+},
+methods: {
+ 
 }
+
+};
 </script>
+<style src="../index.css" scoped>
 
-<template>
-  <!--START PRICING-->
-  <section class="section bg-light" id="pricing">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-8 offset-lg-2">
-          <h1 class="section-title text-center">Our Pricing</h1>
-          <div class="section-title-border margin-t-20"></div>
-          <p
-            class="section-subtitle font-secondary text-muted text-center padding-t-30"
-          >Call to action pricing table is really crucial to your for your business website. Make your bids stand-out with amazing options.</p>
-        </div>
-      </div>
-      <div class="row margin-t-50">
-        <div class="col-lg-4">
-          <div class="text-center pricing-box">
-            <h4 class="text-uppercase">Economy</h4>
-            <h1>$9.90</h1>
-            <h6 class="text-uppercase text-muted">Billing Per Month</h6>
-            <div class="plan-features margin-t-50">
-              <p>
-                Bandwidth:
-                <b class="text-custom">1GB</b>
-              </p>
-              <p>
-                Onlinespace:
-                <b class="text-custom">50MB</b>
-              </p>
-              <p>
-                Support:
-                <b class="text-custom">No</b>
-              </p>
-              <p>
-                <b class="text-custom">1</b> Domain
-              </p>
-              <p>
-                <b class="text-custom">No</b> Hidden Fees
-              </p>
-            </div>
-            <a href="#" class="btn btn-custom margin-t-30">Join Now</a>
-          </div>
-        </div>
-        <div class="col-lg-4">
-          <div class="text-center pricing-box bg-white price-active">
-            <div class="ribbon-box">
-              <span>Popular</span>
-            </div>
-            <h4 class="text-uppercase">Deluxe</h4>
-            <h1>$19.90</h1>
-            <h6 class="text-uppercase text-muted">Billing Per Month</h6>
-            <div class="plan-features margin-t-50">
-              <p>
-                Bandwidth:
-                <b class="text-custom">10GB</b>
-              </p>
-              <p>
-                Onlinespace:
-                <b class="text-custom">500MB</b>
-              </p>
-              <p>
-                Support:
-                <b class="text-custom">Yes</b>
-              </p>
-              <p>
-                <b class="text-custom">10</b> Domain
-              </p>
-              <p>
-                <b class="text-custom">No</b> Hidden Fees
-              </p>
-            </div>
-            <a href="#" class="btn btn-custom margin-t-30">Join Now</a>
-          </div>
-        </div>
-        <div class="col-lg-4">
-          <div class="text-center pricing-box">
-            <h4 class="text-uppercase">Ultimate</h4>
-            <h1>$29.90</h1>
-            <h6 class="text-uppercase text-muted">Billing Per Month</h6>
-            <div class="plan-features margin-t-50">
-              <p>
-                Bandwidth:
-                <b class="text-custom">100GB</b>
-              </p>
-              <p>
-                Onlinespace:
-                <b class="text-custom">2 GB</b>
-              </p>
-              <p>
-                Support:
-                <b class="text-custom">Yes</b>
-              </p>
-              <p>
-                <b class="text-custom">Unlimited</b> Domain
-              </p>
-              <p>
-                <b class="text-custom">No</b> Hidden Fees
-              </p>
-            </div>
-            <a href="#" class="btn btn-custom margin-t-30">Join Now</a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!--ENd PRICING-->
-</template>
\ No newline at end of file
+
+</style>
\ No newline at end of file
diff --git a/src/view/home/homeComponents/foreignTransport.vue b/src/view/home/homeComponents/foreignTransport.vue
index 9ec2646..87b3b7d 100644
--- a/src/view/home/homeComponents/foreignTransport.vue
+++ b/src/view/home/homeComponents/foreignTransport.vue
@@ -1,28 +1,67 @@
+
+
+<template>
+  <div class="container" style="margin-top: 42px;">
+    <el-row class="faq-container" style="padding:0 110px 48px 0;">
+      <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
+        <div class="faq-item" >
+          <h3 class="show-ellipsis">{{ faq.question }}</h3>
+            <div class="faq-answer show-ellipsis">
+               <i>答</i> A: {{ faq.answer }}
+            </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+
+</template>
 <script>
+
 export default {
-  name: 'Started-blog'
+components: {
+
+},
+created() {
+ 
+},
+data() {
+  return {
+    faqs: [
+    {
+      question: '【海运】货到港后清关方面有什么需要注意？清关时效怎样？',
+      answer: '接到客户订单以后，我们专业客服同事会根据目的港代理提供的参考范围替客户审核发票金额，避免到港后目的港海关对发票金额提出异议重新审核而耽误清关时间。我司在以上八个目的港国家均有专业资质、经验丰富的报关行及时代理清关，保证及时有效的清关时效。'
+    },
+    {
+      question: '【签约】什么样的物流合同才算是公平公正的合同？',
+      answer: '1、把报价表中没有但却很重要的内容都放进去的合同；2、双方把出现最坏情况的权责利都事先约定好的合同；'
+    },
+    {
+      question: '【国际快递】非亚马逊的货物，是否还需要做DDP出货？',
+      answer: '收件方是直接收件人的，没有要求必须做预付还是到付，可以自由选择。'
+    },
+    {
+      question: '【欧洲专线】自由税号怎么清关？税单出来要多长时间？',
+      answer: '客户自有税号我们单票清关，单票出税单，税单显示客户的税号，单票小于1000KG的我们选择快递派送，单票大约1000KG的我们选择卡车派送。税单出来的时间为1-2个月。'
+    },
+    {
+      question: '【清关】清关会需要收件人协助吗？',
+      answer: '一般不需要，我司会统一安排清关。'
+    },
+    {
+      question: '【清关】欧洲哪些类别的产品清关会有特殊要求？',
+      answer: '根据我司多年欧洲的清关经验，手机、自行车及其配件、纺织品、鞋子、蓝牙产品、电器类大件产品、部分LED产品清关会有特殊要求（关税较高或有反倾销税或需要提供认证证书），具体发货前请咨询我司客服人员。'
+    },
+    // 其他的FAQ对象...
+  ]
+  };
+},
+methods: {
+ 
 }
+
+};
 </script>
+<style src="../index.css" scoped>
 
-<template>
-  <!--START GET STARTED-->
-  <section class="section section-lg bg-get-start" :style="{'background': 'url(' + require('@/assets/images/img-2.jpg') + ')'}">
-    <!-- <div class="bg-overlay"></div> -->
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-8 offset-lg-2 text-center">
-          <h1 class="get-started-title text-white">Let's Get Started</h1>
-          <div class="section-title-border margin-t-20 bg-white"></div>
-          <p
-            class="section-subtitle font-secondary text-white text-center padding-t-30"
-          >Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
-          <a href="#" class="btn btn-bg-white margin-t-20">
-            Get Started
-            <i class="mdi mdi-arrow-right"></i>
-          </a>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!--END GET STARTED-->
-</template>
\ No newline at end of file
+
+</style>
\ No newline at end of file
diff --git a/src/view/home/homeComponents/trunkTransport.vue b/src/view/home/homeComponents/trunkTransport.vue
index c3d8d2d..0a2c27d 100644
--- a/src/view/home/homeComponents/trunkTransport.vue
+++ b/src/view/home/homeComponents/trunkTransport.vue
@@ -1,118 +1,59 @@
+
+
+<template>
+  <div class="container" style="margin-top: 42px;">
+    <el-row class="faq-container" style="padding:0 110px 48px 0;">
+      <el-col v-for="(faq, index) in faqs" :key="index" :span="12">
+        <div class="faq-item" >
+          <h3 class="show-ellipsis">{{ faq.question }}</h3>
+            <div class="faq-answer show-ellipsis">
+               <i>答</i> A: {{ faq.answer }}
+            </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+
+</template>
 <script>
-/**
- * Contact component
- */
+
 export default {
-  name: 'TrunkTransport'
+components: {
+
+},
+created() {
+ 
+},
+data() {
+  return {
+    faqs: [
+    {
+      question: '【海运】海运整箱运输时效性如何？',
+      answer: '我司在美国、加拿大、日本、英国、德国、法国、意大利、西班牙八个国家航线均有长期合作的船公司，全部提供港到港时效最快的直航船，有多个船公司的多条航线随时根据客户的货期安排不同的船期。'
+    },
+    {
+      question: '【空运】美国空运安排什么时候航班？',
+      answer: '交货后的航班安排，我司已经有固定的航班安排，固定每周三/六的航班，起飞后，第二天到港。'
+    },
+    {
+      question: '【国际快递】货物交由DHL,UPS,FED,TNT转运途中，能否直接申请更改地址或者退运？',
+      answer: '不能；只能转运到目的国清关后，尝试申请更改或退运，会有相关费用产生。'
+    },
+    {
+      question: '【空运】FEDEX追踪单号什么时候生成?',
+      answer: 'FEDEX追踪单号在货物交至我司后即可生成，美国清关放行后即可上网查询转运轨迹'
+    }
+    // 其他的FAQ对象...
+  ]
+  };
+},
+methods: {
+ 
 }
+
+};
 </script>
+<style src="../index.css" scoped>
 
-<template>
-  <!-- CONTACT FORM START-->
-  <section class="section" id="contact">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-8 offset-lg-2">
-          <h1 class="section-title text-center">Get In Touch</h1>
-          <div class="section-title-border margin-t-20"></div>
-          <p
-            class="section-subtitle text-muted text-center font-secondary padding-t-30"
-          >We thrive when coming up with innovative ideas but also understand that a smart concept should be supported with measurable results.</p>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-lg-4">
-          <div class="mt-4 pt-4">
-            <p class="mt-4">
-              <span class="h5">Office Address 1:</span>
-              <br />
-              <span class="text-muted d-block mt-2">4461 Cedar Street Moro, AR 72368</span>
-            </p>
-            <p class="mt-4">
-              <span class="h5">Office Address 2:</span>
-              <br />
-              <span class="text-muted d-block mt-2">
-                2467 Swick Hill Street
-                <br />New Orleans, LA 70171
-              </span>
-            </p>
-            <p class="mt-4">
-              <span class="h5">Working Hours:</span>
-              <br />
-              <span class="text-muted d-block mt-2">9:00AM To 6:00PM</span>
-            </p>
-          </div>
-        </div>
-        <div class="col-lg-8">
-          <div class="custom-form mt-4 pt-4">
-            <div id="message"></div>
-            <form method="post" action="php/contact.php" name="contact-form" id="contact-form">
-              <div class="row">
-                <div class="col-lg-6">
-                  <div class="form-group mt-2">
-                    <input
-                      name="name"
-                      id="name"
-                      type="text"
-                      class="form-control"
-                      placeholder="Your name*"
-                    />
-                  </div>
-                </div>
-                <div class="col-lg-6">
-                  <div class="form-group mt-2">
-                    <input
-                      name="email"
-                      id="email"
-                      type="email"
-                      class="form-control"
-                      placeholder="Your email*"
-                    />
-                  </div>
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-lg-12">
-                  <div class="form-group mt-2">
-                    <input
-                      type="text"
-                      class="form-control"
-                      id="subject"
-                      placeholder="Your Subject.."
-                    />
-                  </div>
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-lg-12">
-                  <div class="form-group mt-2">
-                    <textarea
-                      name="comments"
-                      id="comments"
-                      rows="4"
-                      class="form-control"
-                      placeholder="Your message..."
-                    ></textarea>
-                  </div>
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-lg-12 text-right">
-                  <input
-                    type="submit"
-                    id="submit"
-                    name="send"
-                    class="submitBnt btn btn-custom"
-                    value="Send Message"
-                  />
-                  <div id="simple-msg"></div>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- CONTACT FORM END-->
-</template>
\ No newline at end of file
+
+</style>
\ No newline at end of file
diff --git a/src/view/home/index.css b/src/view/home/index.css
index a21a9fe..863a5fd 100644
--- a/src/view/home/index.css
+++ b/src/view/home/index.css
@@ -387,7 +387,7 @@
     border-radius: 24px;
     background: #46c9d8;
     overflow: hidden;
-
+    cursor: pointer;
   }
   .home .NewsTrends .NewsTrendsTitle {
     color: #FFF;
diff --git a/src/view/home/index.vue b/src/view/home/index.vue
index b40ae8b..c22267e 100644
--- a/src/view/home/index.vue
+++ b/src/view/home/index.vue
@@ -201,7 +201,7 @@
          
         </div>
         <div class="container flx-align ">
-              <div class="NewsTrends flx-only-justify-between " style="margin-top: 69px;padding: 45px 30px 58px 35px;">
+              <div @click="$router.push({name:'news'})" class="NewsTrends flx-only-justify-between " style="margin-top: 69px;padding: 45px 30px 58px 35px;">
                 <div class="flx-column-justify-around ">
                   <div class="NewsTrendsTitle">新闻动态</div>
                   <!-- <div class="NewsTrendsTag">Tag</div> -->
@@ -211,7 +211,7 @@
                     <img style="width: 269px;" src="@/assets/images/home/NewsTrends1.png" alt="">
                 </div>
             </div>
-            <div class="NewsTrends " style="margin-top: 69px;padding: 45px 42px 58px 35px;background-color:#307ef3 ;">
+            <div @click="$router.push({name:'news'})" class="NewsTrends " style="margin-top: 69px;padding: 45px 42px 58px 35px;background-color:#307ef3 ;">
                 <div class="NewsTrendsImage">
                     <img  style="width: 289px;" src="@/assets/images/home/NewsTrends2.png" alt="">
                 </div>
@@ -360,10 +360,11 @@ export default {
       ],
       newIndex:0,
       news: [
-        { id:'1', title: '重磅！美通正式成为亚马逊TSPN服务商',content:"美通正式上线亚马逊ShipTrack承运商，"},
-        { id:'2',title: '新动向：美通成为亚马逊ShipTrack...',content:"美通正式上线亚马逊ShipTrack承运商，"},
-        { id:'3',title: '重磅！美通正式成为亚马逊TSPN服务商',content:"美通正式上线亚马逊ShipTrack承运商，"},
-        { id:'4',title: '重磅！美通正式成为亚马逊TSPN服务商',content:"美通正式上线亚马逊ShipTrack承运商，"},
+        { id:'1', title: '一波接一波，海运涨价潮为何停不下来？',content:"近期，多家船司发布运费上涨公告，欧美40HQ的海运费从3月初的3000美元左右暴涨到现在的5000美元上下。而这波涨价潮一波接一波来袭，主要原因是中东地缘冲突。此外，国际政策、市场货量变化、船司签约季等因素也对海运费上涨产生了一定影响。"},
+        { id:'2',title: '喜讯丨美通连续斩获4项荣誉奖项！',content:"近日， 美通先后荣获“FBA物流十强企业”、“拉美出海2023年度优质服务企业”、“2023年度坂田街道经济发展卓越贡献奖”、“网商领军会员企业”等4项大奖，标志着美通在跨境电商物流服务领域的卓越表现得到高度认可，也是对美通始终坚持高效运营、优化业务流程以及提升客户满意度等方面的肯定。"},
+        { id:'3',title: '亚马逊合规化丨如何填好IEN编号？变体违规了怎么办？',content:"亚马逊近年来针对平台的合规化运营出台了一系列规则。近期，新的欧洲贸易合规要求——仓储服务运营商尽职调查方案（FHDDS），要求亚马逊英国站卖家及时完成合规，6月30日起IEN未合规将可能受限。而同时一批卖家收到变体不合规导致账户停用的通知，并下架了相关listing。"},
+        { id:'4',title: '重磅！美通正式成为亚马逊TSPN服务商',content:"2024年3月，美通正式成为亚马逊TSPN(Transparency Service Provider Network)服务商！"},
+
       ],
       sections: [
         '1',
diff --git a/src/view/home/news/detail.vue b/src/view/home/news/detail.vue
index 5ff9522..789ff2d 100644
--- a/src/view/home/news/detail.vue
+++ b/src/view/home/news/detail.vue
@@ -9,16 +9,249 @@
                     <span  style="color: black;font-size: 18px;line-height: 18px;">返回</span>
                  </div>
               </el-button>
-                <div class="newsDetailTop">
+              <div v-if="id === 1">
+                <div >
+                  <div class="newsDetailTop">
                     <div class="newsDetailTitle">
-                    喜报！热烈祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级奖”通荣获亚
+                    {{newsContent[0].title}}
                    </div>
-                   <div class="newsListTime">2023-10-13  16:10  ·  美通供应链</div>
+                   <div class="newsListTime">{{newsContent[0].time}} </div>
                 </div>
-                <div class="newsContent">
-                    9月28日，亚马逊全球开店华南区域服务商秋兴晚宴在深圳希尔顿酒店举办，本次活动由亚马逊主办。
-                    美通受邀参加并成功以专业的全链路物流体系、优质的专业服务、安全稳定靠谱的口碑赢得众多客户的信赖与好评，荣获“2023金牌辅助”和“SPN一年级”奖。在此，非常感谢所有客户的信任与支持！
+                <img class="newsDetailImg"   :src='newsContent[0].imgsList[0]' alt=''>
+               
+                <div class="newsContent" v-html="newsContent[0].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[0].imgsList[1]' alt=''>
+                <div class="newsContent" v-html="newsContent[0].contentSecond"/>
+                <img class="newsDetailImg"    :src='newsContent[0].imgsList[2]' alt=''>
+                <div class="newsContent" v-html="newsContent[0].contentThird"/>
+
+                </div>
+              </div>
+              <div v-else-if="id === 2">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[1].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[1].time}} </div>
+                </div>
+                <img class="newsDetailImg"   :src='newsContent[1].imgsList[0]' alt=''>
+               
+                <div class="newsContent" v-html="newsContent[1].contentFirst"/>
+                <div >
+                  <img class="newsDetailImg"    :src='newsContent[1].imgsList[1]' alt=''>
+                  <img class="newsDetailImg" style="width:100px"  :src='newsContent[1].imgsList[2]' alt=''>
+                </div>
+                <div class="newsContent" v-html="newsContent[1].contentSecond"/>
+                <div >
+                  <img class="newsDetailImg"    :src='newsContent[1].imgsList[3]' alt=''>
+                  <img class="newsDetailImg"   :src='newsContent[1].imgsList[4]' alt=''>
+                </div>
+                <div class="newsContent" v-html="newsContent[1].contentThird"/>
+                <div >
+                  <img class="newsDetailImg"    :src='newsContent[1].imgsList[5]' alt=''>
+                  <img class="newsDetailImg"   :src='newsContent[1].imgsList[6]' alt=''>
+                </div>
+                <div class="newsContent" v-html="newsContent[1].contentForth"/>
+                <div >
+                  <img class="newsDetailImg"    :src='newsContent[1].imgsList[7]' alt=''>
+                  <img class="newsDetailImg" style="width:400px"   :src='newsContent[1].imgsList[8]' alt=''>
+                </div>
+                <div class="newsContent" v-html="newsContent[1].contentFive"/>
+                <div >
+                  <img class="newsDetailImg"    :src='newsContent[1].imgsList[9]' alt=''>
+                  <img class="newsDetailImg" style="width:200px"   :src='newsContent[1].imgsList[10]' alt=''>
+                </div>
+                <div class="newsContent" v-html="newsContent[1].contentSix"/>
+                <div >
+                  <img class="newsDetailImg"    :src='newsContent[1].imgsList[11]' alt=''>
+                </div>
+        
+                </div>
+              </div>
+              <div v-else-if="id === 3">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[2].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[2].time}} </div>
+                </div>
+                <img class="newsDetailImg"   :src='newsContent[2].imgsList[0]' alt=''>
+               
+                <div class="newsContent" v-html="newsContent[2].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[2].imgsList[1]' alt=''>
+                <div class="newsContent" v-html="newsContent[2].contentSecond"/>
+                <img class="newsDetailImg"    :src='newsContent[2].imgsList[2]' alt=''>
+                <div class="newsContent" v-html="newsContent[2].contentThird"/>
+
+                </div>
+              </div>
+              <div v-else-if="id === 4">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[3].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[3].time}} </div>
+                </div>
+                <img class="newsDetailImg"   :src='newsContent[3].imgsList[0]' alt=''>
+               
+                <div class="newsContent" v-html="newsContent[3].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[3].imgsList[1]' alt=''>
+                <div class="newsContent" v-html="newsContent[3].contentSecond"/>
+                <img class="newsDetailImg"    :src='newsContent[3].imgsList[2]' alt=''>
+                <div class="newsContent" v-html="newsContent[3].contentThird"/>
+
+                </div>
+              </div>
+              <div v-else-if="id === 5">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[4].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[4].time}} </div>
+                </div>
+                <img class="newsDetailImg"   :src='newsContent[4].imgsList[0]' alt=''>
+               
+                <div class="newsContent" v-html="newsContent[4].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[4].imgsList[1]' alt=''>
+                <img class="newsDetailImg"   :src='newsContent[4].imgsList[2]' alt=''>
+                <div class="newsContent" v-html="newsContent[4].contentSecond"/>
+                <img class="newsDetailImg"    :src='newsContent[4].imgsList[3]' alt=''>
+                <div class="newsContent" v-html="newsContent[4].contentThird"/>
+                <img class="newsDetailImg"    :src='newsContent[4].imgsList[4]' alt=''>
+                <img class="newsDetailImg" style="width: 320px"    :src='newsContent[4].imgsList[5]' alt=''>
+
+
+                </div>
+              </div>
+              <div v-else-if="id === 6">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[5].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[5].time}} </div>
+                </div>
+                <img class="newsDetailImg"   :src='newsContent[5].imgsList[0]' alt=''>
+               
+                <div class="newsContent" v-html="newsContent[5].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[5].imgsList[1]' alt=''>
+                <div class="newsContent" v-html="newsContent[5].contentSecond"/>
+                <img class="newsDetailImg"    :src='newsContent[5].imgsList[2]' alt=''>
+                <div class="newsContent" v-html="newsContent[5].contentThird"/>
+
+
                 </div>
+              </div>
+              <div v-else-if="id === 7">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[6].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[6].time}} </div>
+                </div>
+                <div><img class="newsDetailImg"   :src='newsContent[6].imgsList[0]' alt=''></div>
+                <div><img class="newsDetailImg"   :src='newsContent[6].imgsList[1]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[2]' alt=''></div>
+               
+                <div class="newsContent" v-html="newsContent[6].contentFirst"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[3]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[6].contentSecond"/>
+
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[4]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[5]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[6]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[7]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[8]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[6].contentThird"/>
+
+                <img class="newsDetailImg"    :src='newsContent[6].imgsList[9]' alt=''>
+                <img class="newsDetailImg" style="width: 250px"    :src='newsContent[6].imgsList[10]' alt=''>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[11]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[6].contentForth"/>
+
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[12]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[6].imgsList[13]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[6].contentFive"/>
+   
+
+
+                </div>
+              </div>
+              <div v-else-if="id === 8">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[7].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[7].time}} </div>
+                </div>
+                <div class="newsContent" v-html="newsContent[7].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[7].imgsList[0]' alt=''>
+                <div class="newsContent" v-html="newsContent[7].contentSecond"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[7].imgsList[1]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[7].imgsList[2]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[7].contentThird"/>
+                <img class="newsDetailImg"   :src='newsContent[7].imgsList[3]' alt=''>
+                <img class="newsDetailImg" style="height:300px"   :src='newsContent[7].imgsList[4]' alt=''>
+                <img class="newsDetailImg" style="height:300px"   :src='newsContent[7].imgsList[5]' alt=''>
+                <div class="newsContent" v-html="newsContent[7].contentForth"/>
+
+                </div>
+              </div>
+              <div v-else-if="id === 9">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[8].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[8].time}} </div>
+                </div>
+                <img class="newsDetailImg"   :src='newsContent[8].imgsList[0]' alt=''>
+                <div class="newsContent" v-html="newsContent[8].contentFirst"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[8].imgsList[1]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[8].imgsList[2]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[8].contentSecond"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[8].imgsList[3]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[8].imgsList[4]' alt=''></div>
+                <div> <img class="newsDetailImg"   :src='newsContent[8].imgsList[5]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[8].contentThird"/>
+                <img class="newsDetailImg" style="height:300px"   :src='newsContent[8].imgsList[6]' alt=''>
+                <img class="newsDetailImg" style="height:300px"   :src='newsContent[8].imgsList[7]' alt=''>
+                <div class="newsContent" v-html="newsContent[8].contentForth"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[8].imgsList[8]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[8].contentFive"/>
+
+                </div>
+              </div>
+              <div v-else-if="id === 10">
+                <div >
+                  <div class="newsDetailTop">
+                    <div class="newsDetailTitle">
+                    {{newsContent[9].title}}
+                   </div>
+                   <div class="newsListTime">{{newsContent[9].time}} </div>
+                </div>
+                <div class="newsContent" v-html="newsContent[9].contentFirst"/>
+                <img class="newsDetailImg"   :src='newsContent[9].imgsList[0]' alt=''>
+                <div class="newsContent" v-html="newsContent[9].contentSecond"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[9].imgsList[1]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[9].contentThird"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[9].imgsList[2]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[9].contentForth"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[9].imgsList[3]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[9].contentFive"/>
+                <div> <img class="newsDetailImg"   :src='newsContent[9].imgsList[4]' alt=''></div>
+                <div class="newsContent" v-html="newsContent[9].contentSix"/>
+                
+                <div class="flx-align-start"><img class="newsDetailImg"   :src='newsContent[9].imgsList[6]' alt=''> <img class="newsDetailImg"   :src='newsContent[9].imgsList[5]' alt=''></div> 
+
+                </div>
+              </div>
             </div> 
           </div>
           </div>
@@ -34,21 +267,223 @@
     },
     created() {
     console.log(this.$route.query.id)
+    this.baseUrl = this.$root.$el.baseURI;
+      console.log(this.baseUrl)
     },
     data() {
       return {
-       id:this.$route.query.id,
-    
+       id:+this.$route.query.id,
+       baseUrl:'',
+        newsContent:[
+          {
+            id:'1',
+            title:"一波接一波，海运涨价潮为何停不下来？",
+            time:"",
+            contentFirst:"<p>12月15日，为期四天的2023亚马逊全球开店跨境峰会在深圳国际会展中心圆满结束。作为亚马逊目前规模最大的行业标志性盛会，这次筹备半年、三年多来首次线下峰会现场十分火爆。美通作为峰会金牌赞助商、亚马逊SPN物流服务商，展位反响热烈、人头攒动，以快捷优质、安全无忧为特色的国际物流服务在现场得到了一致认可与好评。</p> ",
+            contentSecond:"<h4>国际政策</h4><p>这次全航线涨价从南美开始，南美涨价原因主要是巴西对中国新能源车未来7月以及未来继续加征关税，比亚迪要在巴西建厂预计2万个集装箱发，导致运力不够，中远撤下跑西非的船跑南美又导致西非普涨。另外美国大选都宣称未来对中国加征50-60%的关税，进而导致一些中国企业加大了南美投资力度。</p><h4>货量因素</h4><h5>货量因素</h5><p>这次全航线涨价从南美开始，南美涨价原因主要是巴西对中国新能源车未来7月以及未来继续加征关税，比亚迪要在巴西建厂预计2万个集装箱发，导致运力不够，中远撤下跑西非的船跑南美又导致西非普涨。另外美国大选都宣称未来对中国加征50-60%的关税，进而导致一些中国企业加大了南美投资力度。</p><h5>北美市场</h5><p>今年第一季度，随着全球经济逐步复苏，我国外贸出口呈现增长态势，中美贸易增加了8.1%。一方面货量上涨造成舱位紧张；另一方面船司抽调其他航线船舶支援欧、地航线造成空班；另年初巴拿马运河缺水通行限制，美东航线很多船舶被迫绕行好望角拉长航程；再叠加7月份亚马逊PRIME DAY导致近期市场出货量激增，各种原因都推动了运价的上涨。</p>",
+            contentThird:"<h4>其他因素</h4><p>船司每年4-5月份为长约的签约季，各船司为争取较高的长约运价，可能存在刻意采取各种措施推高运价，对近期运价暴涨有一定影响。</p><p>海运费短期内走势如何？</p><p>据船司相关人员透露，6月份随着绕行的船舶纷纷返回亚洲，空班及缺柜现象均会得到一定程度的缓解，且5月份涨幅较大，预计6月份运价暴涨趋势不可持续。但红海局势的变化仍是影响集装箱航运市场走势的主要因素之一，未来一段时间内，红海局势仍不容乐观，故运价将会在一定时间内在比较高的区域内波动。</p>",
+            imgsList:[
+              '',
+              require('@/assets/images/news/newsDetail/1-2.png' ),
+              require('@/assets/images/news/newsDetail/1.png' ),
+            ]
+          },
+          {
+            id:'2',
+            title:"喜讯丨美通连续斩获4项荣誉奖项！",
+            time:"",
+            contentFirst:"<p>近日， 美通先后荣获“FBA物流十强企业”、“拉美出海2023年度优质服务企业”、“2023年度坂田街道经济发展卓越贡献奖”、“网商领军会员企业”等4项大奖，标志着美通在跨境电商物流服务领域的卓越表现得到高度认可，也是对美通始终坚持高效运营、优化业务流程以及提升客户满意度等方面的肯定。</p> <h4>2024晓生排行榜FBA物流十强企业</h4>",
+            contentSecond:"<p>晓生排行榜是首份反映中国跨境电商物流领域企业成长与行业格局的榜单，已成为跨境电商物流领域企业品牌强背书以及行业格局演变的风向标。</p><p>此次评选根据参选企业的评审资料，结合行业公开信息进行调研和初筛，通过参选企业年营业额、货量规模、团队规模等可量化指标，结合业务模式、经营管理、知识产权/专利、既往荣誉等附加指标，进行综合评选。</p>",
+            contentThird:"<p>今年是晓生排行榜发布的第四年，也是美通蝉联榜单的第四年。在全球地缘竞争加剧、供应链区域化迁移、贸易保护主义盛行等不确定性因素下，2023年美通围绕行业核心节点、聚焦细分市场都取得了一定的的发展成绩。在“2024晓生排行榜”中，美通荣获“FBA物流十强企业”荣誉。</p><h4>拉美出海2023年度优质服务企业</h4>",
+            contentForth:"<p>广东省服务贸易协会拉美跨境电商专委会（简称“拉美会”）， 以广东省拉美跨境电商从业企业为基础，联合行业内各大知名企业和专家，共同搭建拉美出海生态赋能平台，促进行业健康发展。</p><p>在“拉美会周年庆典-拉美出海2023年度颁奖晚宴”中，美通荣获“拉美出海2023年度优质服务企业”。</p><h4>坂田街道办事处经济发展卓越贡献奖</h4>",
+            contentFive:"<p>近日，坂田街道开展了“益企同行”系列活动启动仪式暨“政企面对面”交流座谈会。座谈会以“聚力西核谋发展 益企同行向未来”为主题，旨在深化政企合作，优化营商环境，推动辖区经济高质量发展。</p><p>会上，美通荣获由坂田街道办事处颁发的“2023年度坂田街道经济发展卓越贡献奖”。</p><h4>金华市网商协会网商领军会员企业</h4>",
+            contentSix:"<p>金华市网商协会是金华市电子商务经营者和网络服务经营者自愿组成的行业性、地方性非营利性社会组织，由金华市部分产业园区、网商企业联合发起并经金华市民政局批准设立，现有会员企业近200家。</p><p>为选树一批在网商领域创新发展典型，金华市网商协会面向会员单位及合作伙伴开展了2023年度优秀网商评选活动。义乌美通以良好的业内口碑、较高的影响力与品牌知名度，成功入选“网商领军会员企业”！</p><h4>此次荣获多个奖项进一步增强了美通的良好市场口碑与特色品牌形象，也激励着美通在未来继续坚守初心，为客户提供更加专业、安全、便捷的物流解决方案，为行业向好向稳发展注入活力。同时，美通将继续关注社会组织、政府机构的益企活动与政策，积极投身经济建设，为区域经济发展贡献更多的力量！</h4>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/2 (3).png' ),
+              require('@/assets/images/news/newsDetail/2 (7).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (2).png' ),
+              require('@/assets/images/news/newsDetail/2 (5).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (4).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (8).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (9).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (1).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (1).png' ),
+              require('@/assets/images/news/newsDetail/2 (2).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (3).jpg' ),
+              require('@/assets/images/news/newsDetail/2 (6).jpg' ),
+            ]
+          },
+          {
+            id:'3',
+            title:"亚马逊合规化丨如何填好IEN编号？变体违规了怎么办？",
+            time:"",
+            contentFirst:"<p>亚马逊近年来针对平台的合规化运营出台了一系列规则。近期，新的欧洲贸易合规要求——仓储服务运营商尽职调查方案（FHDDS），要求亚马逊英国站卖家及时完成合规，6月30日起IEN未合规将可能受限。而同时一批卖家收到变体不合规导致账户停用的通知，并下架了相关listing。</p><h4>关于英国站IEN号</h4><p>IEN是什么？</p><p>当商品进口到英国时，英国海关机构会分配IEN(Import Entry Number)。最常见的格式是“运输参考编号（MRN）”（替换之前在CHIEF系统中提供的条目参考编号）和S10（商品通过万国邮政联盟（当地邮局）配送）。</p><p>怎么看IEN号？</p><p>当卖家的货件进入英国并向海关当局申报时，海关当局会为货件分配一个IEN，因此做自税的卖家只要如实上传IEN号即可。</p><p>而对于走包税的卖家，则需要联系物流服务商拿到IEN号尽快上传到后台。但如果卖家走的是双清包税，不能排除一个IEN号码被多卖家多次填写的可能性，从而增加账户关联风险，因此建议卖家使用自己的VAT清关。</p><p>需要注意的是，亚马逊英国运营中心首次收到货件后，卖家有60天时间添加IEN。在此时间段之后，IEN状态将显示为无法编辑，虽然仍然能够查看“IEN”条目，但无法再对其进行编辑。如果没有IEN号，也需要点击填写“不能提供IEN”选项。</p><p>如何填写IEN号？</p><p>通过亚马逊卖家平台“菜单>库存>货件”找到通过该IEN清关的货件编号，在受影响的货件状态下找到“进口详情不全”的IEN窗口。</p> ",
+            contentSecond:"<p>选择“该货件有进口记录”并输入有效的IEN。</p>",
+            contentThird:"<h4>关于变体违规</h4><p>变体违规的原因</p><p>变体（又称父/子关系）是根据尺寸、颜色、口味等彼此关联的一组商品，比如一款T恤的不同尺寸和颜色，通过变体关联起来，可以在一个Listing页面上看见所有选项。亚马逊上的商品变体，有五种情形可能会被判定为不合规。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/3 (2).png' ),
+              require('@/assets/images/news/newsDetail/3 (3).png' ),
+              require('@/assets/images/news/newsDetail/3 (1).png' ),
+            ]
+          },
+          {
+            id:'4',
+            title:"重磅！美通正式成为亚马逊TSPN服务商",
+            time:"",
+            contentFirst:"<p>2024年3月，美通正式成为亚马逊TSPN(Transparency Service Provider Network)服务商！</p> <h4>关于亚马逊TSPN</h4><p>TSPN(Transparency Service Provider Network)即透明计划服务商网络，是亚马逊全球开店品牌保护团队（CNBPS）与服务商之间的中长期合作计划，旨在为卖家提供更好的品牌保护与成长方向的服务和体验。</p><p>对于加入TSPN的服务商，将能够获得亚马逊全球开店品牌保护团队提供一系列权益和资源支持，进而TSPN服务商可以帮助卖家开拓业务，提供更优质的服务。</p><h4>关于透明计划</h4><p>Transparency透明计划是亚马逊为品牌商和消费者提供的一项商品追踪和真伪验证服务。它会对每一件商品进行追踪，保护品牌商和消费者免受假货侵害，帮助品牌在销售的每个触点提升买家信任与忠诚。目前已覆盖亚马逊10大站点：美国、英国、德国法国、西班牙、意大利、印度、加拿大、澳大利亚、日本。</p>",
+            contentSecond:"<h4>Transparency透明计划功能介绍：</h4><p><ul><li> Listing创建：开启保护的商品，其他商家想上架相同商品，必须提供对应的Transparency代码，才能正常上架或跟卖。</li><li> 亚马逊物流（FBA）商品入仓：亚马逊会扫描每件产品的Transparency代码，仅接受正品商品入库。</li><li> 自配送商品销售：自配送商品也必须提供对应的Transparency代码才可销售。</li><li> 吸睛“小蓝标”：获得商品详情 Transparency透明计划标记，能快速区别于其他商品，帮助提高转化。</li><li> 小卡片：在商品中放入定制卡片，和买家进行互动，沉淀品牌用户。</li><li> 互动页面：能帮助精准营销、引导留评、提升粉丝粘性、增加商品复购率。</li><li> 退货分析报表：按生产批次、经销商或单个产品，查看消费者退货的原因。</li></ul></p>",
+            contentThird:"<p>美通成为亚马逊TSPN服务商，以安全稳定为产品核心，为亚马逊卖家提供等海陆空全时效覆盖的多式联运物流解决方案。卖家可以登录亚马逊SPN官网https://spn.globalsellingcommunity.cn/homePage或微信搜索亚马逊SPN小程序，在【物流】板块找到美通供应链进行咨询合作。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/4 (1).png' ),
+              require('@/assets/images/news/newsDetail/4 (2).png' ),
+              require('@/assets/images/news/newsDetail/4 (1).jpg' ),
+              require('@/assets/images/news/newsDetail/4 (3).png' ),
+
+            ]
+          },
+          {
+            id:'5',
+            title:"聚焦行业认可，美通荣获雨果跨境“2023最佳跨境物流奖”",
+            time:"",
+            contentFirst:"<p>2月28-29日，雨果跨境全球平台资源大会在深圳会展中心4号馆召开。这不仅是雨果跨境在2024年的首场展会，也是跨境出海电商2024开春的行业首场万人大聚会。</p><h6>会上，美通供应链凭借安全、稳定的海陆空全时效覆盖的多式联运物流解决方案与专业优质的服务，荣获“2023年度雨果奖最佳跨境物流奖”。</h6>",
+            contentSecond:"<p>此次盛会包含50+跨境平台强势入驻、全球最热平台小众精品电商平台独家链接、200+官方招商经理，1v1不间断问诊、特设站外营销专场，告别流量增长难题、亚马逊，TEMU等平台八场闭门私享会等多个亮点，做到全平台一站式链接，提供出海新机遇。</p>",
+            contentThird:"<p>近年来美通迅速发展，围绕“一站式、一揽子、一条龙”的特色运营，在全球建立超30家分公司，产品网络触达主要电商贸易国家与地区，建立超50条自营线路，为客户提供安全、稳定的海陆空全时效覆盖的多式联运物流解决方案。</p>",
+            contentForth:"<p>大会颁发了2023年雨果奖多个奖项，其中美通荣获“2023年度雨果奖最佳跨境物流奖”，这一奖项是对美通产品与服务的肯定，也是对美通未来发展的极大鼓舞，感谢所有支持和信任美通的客户、合作伙伴以及社会各界朋友，美通将以此为动力，不忘初心，砥砺前行。</p><p>未来，美通将坚定“做行业领先的跨境电商全球物流服务企业”的愿景，全面发挥并深度挖掘自身在供应链管理、物流体系构建与优化、仓储配送等关键环节的技术优势，实现助力跨境电商五万家企业成功出海的五年目标。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/5 (4).jpg' ),
+              require('@/assets/images/news/newsDetail/5 (2).jpg' ),
+              require('@/assets/images/news/newsDetail/5 (1).webp' ),
+              require('@/assets/images/news/newsDetail/5 (3).jpg' ),
+              require('@/assets/images/news/newsDetail/5 (5).jpg' ),
+              require('@/assets/images/news/newsDetail/5 (1).jpg' ),
+
+            ]
+          },
+          {
+            id:'6',
+            title:"新动向：美通成为亚马逊ShipTrack承运商，助力卖家升级物流体验！",
+            time:"",
+            contentFirst:"<p>美通正式上线亚马逊ShipTrack承运商，亚马逊卖家在创建货件时，系统上选择“非亚马逊合作承运人”板块可以查看并选择使用美通，2月26日后入仓货物的物流轨迹将由系统自动推送到亚马逊后台，便于亚马逊卖家及时全程追踪货物的动态。</p>",
+            contentSecond:"<h4>01亚马逊ShipTrack计划是什么？</h4><p>为了帮助广大的中国卖家在亚马逊平台更好地经营，亚马逊在2023年8月底针对中国卖家发出了一条公告，可以为中国卖家的FBA货件提供更加精准的物流追踪服务，对于没有使用官方合作承运商的中国FBA卖家，可以考虑选择参与ShipTrack计划的承运商，这些承运商会自动在卖家中心更新点对点的物流追踪信息。</p><h4>02选择ShipTrack承运商的优势是什么？</h4><h5>无需手动输入追踪编码，简化入仓流程，提升入仓效率</h5><p>卖家不必提供PRO/SPD追踪编码，美通系统已与亚马逊后台对接，美通系统将自动填入，后台自动实时更新物流节点。</p><h5>提供主要追踪节点，提高追踪透明度</h5><p>提供国内入仓、报关放行、开船、到港、清关放行、提柜预约派送、派送日期等全节点的轨迹信息，实时透明，全程追踪。</p><h4>03如何选择ShipTrack美通承运商？</h4><p>1. 后台创建货件时，下拉“选择运输承运人”列表，点击“美通（ShipTrack）”。</p>",
+            contentThird:"<p>2. 提供完整的Shipment ID和Reference ID。</p><p>3. 在亚马逊卖家中心的“货件一览”页面“追踪货件”，自动收到推送并查看物流轨迹。</p><h4>04常见问题与解答</h4><p>在哪里可以找到 ShipTrack 承运商列表？</p><p>当卖家使用非合作承运商时，可以在创建货件的第二步（或创建 LTL货件时的第四步）中的“选择承运商”下拉字段中，找到ShipTrack承运商列表。</p><p>使用ShipTrack承运商后，什么时候可以在卖家平台查询到货件单号？</p><p>当ShipTrack承运商收到卖家的产品时，亚马逊即开始在卖家平台的货件摘要页面上显示货件跟踪信息，并在货件抵达亚马逊运营中心后停止刷新货件跟踪信息。在极少数情况下，当跟踪信息没有及时刷新时，请联系承运商。</p><p>美通供应链（AAF）始于2008年，以一站式、一揽子、一条龙的特色运营，提供快捷、优质、安全无忧的国际物流服务，助力跨境电商智联全球。美通渠道产品网络覆盖美国、欧盟、英国、加拿大、墨西哥、日本、俄罗斯等主要电商贸易地区和国家，强有力的海外团队确保目的港清关配送服务顺畅，提供安全、稳定的海陆空全时效覆盖的多式联运物流解决方案。</p><p>美通通过亚马逊的严格筛选与审核流程正式成为亚马逊ShipTrack承运商，标志着美通在物流服务领域的专业度和可靠性得到了一定认可与肯定。展望未来，美通将提供更为优质的配送服务，进一步提升整体体验，并塑造更坚实的竞争优势。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/6 (2).png' ),
+              require('@/assets/images/news/newsDetail/6 (1).jpg' ),
+              require('@/assets/images/news/newsDetail/6 (1).png' ),
+            ]
+          },
+          {
+            id:'7',
+            title:"展会回顾丨2023亚马逊全球开店峰会美通参展圆满结束！",
+            time:"",
+            contentFirst:"<p>12月15日，为期四天的2023亚马逊全球开店跨境峰会在深圳国际会展中心圆满结束。作为亚马逊目前规模最大的行业标志性盛会，这次筹备半年、三年多来首次线下峰会现场十分火爆。<strong>美通作为峰会金牌赞助商、亚马逊SPN物流服务商，展位反响热烈、人头攒动，以快捷优质、安全无忧为特色的国际物流服务在现场得到了一致认可与好评。</strong></p> <h4>展会现场</h4>",
+            contentSecond:"<p>此次峰会以“新产业布局 高质量出海”为主题，吸引了众多跨境卖家。<strong>美通供应链专注跨境电商物流8年，拥有自营线路50多条，组建多支清关团队，在英国、德国、比利时、美国、加拿大、墨西哥等国家建设自营海外仓，帮助跨境电商卖家快捷、安全、合规出海。</strong></p> ",
+            contentThird:"<p>展会上美通以成熟的<strong>“一站式、一揽子、一条龙”</strong>的特色运营模式及相关案例吸引了众多客户，为之后的交流合作奠定了良好的基础。</p> <h4>论坛演讲</h4>",
+            contentForth:"<p>在新卖家启航分会场中，美通王安全总经理作了《跨境电商物流全球化和基础建设》主题演讲。王安全总经理从跨境贸易的发展局面出发，引出跨境电商物流的使命，剖析了美通运营能力建设的重点，最后对跨境物流服务品质输出发表了独特的见解。</p><h4>完美收官</h4>",
+            contentFive:"<p>至此，2023亚马逊全球开店峰会落下收官帷幕，感谢各位的到来与支持！快捷优质，安全无忧，美通一直在为成为行业领先的跨境电商物流服务企业而努力，路虽远，行则必至。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/7 (2).webp' ),
+              require('@/assets/images/news/newsDetail/7 (15).webp' ),
+              require('@/assets/images/news/newsDetail/7 (3).webp' ),
+              require('@/assets/images/news/newsDetail/7 (5).webp' ),
+              require('@/assets/images/news/newsDetail/7 (6).webp' ),
+              require('@/assets/images/news/newsDetail/7 (7).webp' ),
+              require('@/assets/images/news/newsDetail/7 (8).webp' ),
+              require('@/assets/images/news/newsDetail/7 (9).webp' ),
+              require('@/assets/images/news/newsDetail/7 (10).webp' ),
+              require('@/assets/images/news/newsDetail/7 (11).webp' ),
+              require('@/assets/images/news/newsDetail/7 (12).webp' ),
+              require('@/assets/images/news/newsDetail/7 (13).webp' ),
+              require('@/assets/images/news/newsDetail/7 (14).webp' ),
+              require('@/assets/images/news/newsDetail/7 (1).webp' ),
+            ]
+          },
+          {
+            id:'8',
+            title:"喜报！热烈祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级奖”",
+            time:"",
+            contentFirst:"<p>9月28日，亚马逊全球开店华南区域服务商秋兴晚宴在深圳希尔顿酒店举办，本次活动由亚马逊主办。</p> <p>美通受邀参加并成功以专业的全链路物流体系、优质的专业服务、安全稳定靠谱的口碑赢得众多客户的信赖与好评，荣获“2023金牌辅助”和“SPN一年级”奖。在此，非常感谢所有客户的信任与支持！</p>",
+            contentSecond:"<h4>晚宴现场 </h4><p>现场聚集了众多具有影响力的跨境电商服务商们，共叙友情，互通有无，现场气氛相当热烈。</p> ",
+            contentThird:"<p>美通一直以来坚持以专业彰显服务品质，用品质铸就品牌，以口碑赢未来。美通发展至今已有15年+了，这期间离不开客户们的长期信赖和认可，离不开美通每一位家人的不懈努力与坚持，离不开所有对美通供应链给予支持的合作伙伴们。</p> <p>感恩于心，服务于行，我们将珍惜荣誉，不断开拓进取再突破，时刻秉承“助力跨境智联全球，提供快捷、优质、安全无忧的国际物流服务”的使命，与客户携手并进，扬帆出海，共创未来。</p>",
+            contentForth:"<p>深圳市美通供应链有限公司于2008年成立，总部位于跨境电商产业核心商圈的深圳坂田，其总部办公面积5000多平方米，拥有人员规模800多人，国内仓储面积60000多平方米，全自营线路70多条，海内外资源丰富，多航线直接签板，航班密高，自有海外仓和派送车队，专业团队，安全稳定，同时企业在广州、中山、佛山、东莞、上海、义乌、郑州、厦门、青岛等地设立了16家分公司，全球控股和参股公司约34家。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/8 (6).webp' ),
+              require('@/assets/images/news/newsDetail/8 (2).webp' ),
+              require('@/assets/images/news/newsDetail/8 (3).webp' ),
+              require('@/assets/images/news/newsDetail/8 (4).webp' ),
+              require('@/assets/images/news/newsDetail/8 (5).webp' ),
+              require('@/assets/images/news/newsDetail/8 (1).webp' ),
+            ]
+          },
+          {
+            id:'9',
+            title:"重磅|祝贺美通&央视《信用中国》首播告捷！",
+            time:"",
+            contentFirst:"<p>9月25日，美通供应链在中央电视台《信用中国》频道顺利完成首播。</p><h4>聚焦发展</h4>",
+            contentSecond:"<h4>01莅临指导</h4><p>《信用中国》栏目组以诚信为内涵,在全国范围内遴选出有行业代表性的民营企业出席访谈活动,旨在通过大力宣传自主品牌,提高自主品牌影响力和认知度,在全国范围内打造中国榜样和品牌新势力。</p><p>深圳市美通供应链有限公司是一家全球跨境物流集团，深耕物流领域15年，专注跨境电商物流已有8年经验，总部位于深圳核心商圈——坂田，同时在国内外设立了28家分公司；海外网络遍布至欧洲、北美洲等地。 </p> <p>成立以来自建全球跨境物流国际专线50多条，FBA专线产品覆盖美国、欧盟、英国、加拿大、日本、墨西哥等主要电商贸易地区和国家。</p><p>在全国设有10+个仓库，拥有强大的揽收、仓储、分拨、周转能力。</p> <p>美通供应链可为广大跨境电商客户提供安全、稳定、优质的物流服务。</p> ",
+            contentThird:"<h4>02入围选拔</h4><p>《信用中国》栏目组委会鉴于美通供应链在跨境电商物流领域创新发展做出的突出贡献,推动行业发展,为各大跨境电商客户提供安全、稳定、优质的物流服务,特将其列入访谈考察名单。</p> <p>随后,《信用中国》栏目组委对企业资质、管理和服务模式、企业诚信度等进行了深入细致的调查。</p><p>在考察一行中美通供应链有限公司总经理王安全先生向大家介绍了现行业的服务内容及发展理念，企业聚焦物流行业为跨境电商卖家提供一站式全球物流解决方案核心问题,帮助客户创造更大价值,与客户共同成长,物流行业高质量发展。</p><p>最终,美通供应链有限公司凭借良好企业信誉、独特的经营风格以及较强的市场开拓能力通过了栏目组委会的考核。</p>",
+            contentForth:"<h4>03录制现场</h4><p>随后美通供应链有限公司总经理王安全先生做客《信用中国》栏目现场,与知名主持人一起探讨了企业发展中的经营管理之道，讲述企业创立初心和品牌发展历程，共同探讨企业发展过程中的企业家精神和企业的品牌故事</p>",
+            contentFive:"<p>美通供应链作为跨境电商物流第一家被央视信用中国采访的企业，我们秉承着“安全稳定”的产品核心，助力跨境电商智联全球，为客户持续创造价值，相信不久的将来，美通供应链在大家共同的见证下会越来越好，做出更安全高效的物流体系产品，为客户全方面解决运输难题。</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/9 (9).webp' ),
+              require('@/assets/images/news/newsDetail/9 (2).webp' ),
+              require('@/assets/images/news/newsDetail/9 (3).webp' ),
+              require('@/assets/images/news/newsDetail/9 (4).webp' ),
+              require('@/assets/images/news/newsDetail/9 (5).webp' ),
+              require('@/assets/images/news/newsDetail/9 (6).webp' ),
+              require('@/assets/images/news/newsDetail/9 (7).webp' ),
+              require('@/assets/images/news/newsDetail/9 (8).webp' ),
+              require('@/assets/images/news/newsDetail/9 (1).webp' ),
+            ]
+          },
+          {
+            id:'10',
+            title:"喜讯！美通供应链正式加入亚马逊SPN认证服务商！",
+            time:"",
+            contentFirst:"<h4>美通-亚马逊SPN官方认证服务商</h4><p>美通供应链（AAF）始于2008年，公司总部位于跨境电商产业核心商圈的深圳坂田。办公面积5000+平方米，同时在广州、中山、佛山、东莞、上海、义乌、郑州、青岛等地设立十家分公司，并正着力筹建多家新的分支机构。</p><p>美通供应链专注跨境电商物流8年、全自营渠道欧美英日加俄海陆空、电商物流十强企业。在经过亚马逊团队的严格筛选下，美通供应链在公司规模资质，服务质量运营能力，安全实力等方面均得到了亚马逊SPN团队的认可。于2023年8月正式加入Amazon SPN，成为亚马逊官方合作伙伴以及电商卖家信任的专业物流服务商，并为广大的电商卖家提供一站式全球物流解决方案。</p>",
+            contentSecond:"<h4>什么是亚马逊SPN？</h4>",
+            contentThird:"<p>亚马逊SPN，即亚马逊解决方案提供商网络（Amazon Solution Provider Network），是亚马逊官方通过一套完整的流程和严格的审核标准来评定解决方案提供商的资质，帮助卖家找到规范可靠、经验丰富的优质服务商，全方位解决卖家在运营过程中遇到的难题，助力拓展全球业务。</p><h4>卖家如何在亚马逊官网找到美通？</h4><p>首先先进入SPN首页：https://spn.globalsellingcommunity.cn/homePage</p><p>在顶部搜索栏里搜索“美通供应链”▼</p>",
+            contentForth:"<p>找到美通供应链▼</p>",
+            contentFive:"<p>点击进入美通的页面▼</p>",
+            contentSix:"<p>美通供应链为亚马逊商家提供的服务</p>",
+            contentSeven:"<p>最后，非常感谢广大客户一直以来对美通集团跨境电商全球物流的信任与支持。再次感谢亚马逊官方对美通供应链专业和能力的认可，更是品牌实力的体现。</p><p>未来，美通将继续努力，秉承客户至上、诚信、负责任的宗旨，一如既往地为电商客户提供具有竞争力渠道产品，安全稳定的优质物流服务，为跨境电商企业品牌出海献力献策、铺路护航，助力更多电商品牌成功出海！美通跨境电商全球物流，值得信赖！</p>",
+            imgsList:[
+              require('@/assets/images/news/newsDetail/10 (5).webp' ),
+              require('@/assets/images/news/newsDetail/10 (1).webp' ),
+              require('@/assets/images/news/newsDetail/10 (3).png' ),
+              require('@/assets/images/news/newsDetail/10 (2).png' ),
+              require('@/assets/images/news/newsDetail/10 (2).webp' ),
+              require('@/assets/images/news/newsDetail/10 (4).webp' ),
+              require('@/assets/images/news/newsDetail/10 (1).png' ),
+            ]
+          },
+        ]
       };
     },
     methods: {
-   
+      processContent() {
+      const baseUri = window.location.origin;  // 获取当前网站的根地址
+      this.newsContent = this.newsContent.map(item => {
+        return {
+          ...item,
+          content: item.content.replace(/(<img\s+[^>]*?src=['"])([^'"]+)(['"][^>]*>)/g, (match, startTag, src, endTag) => {
+            if (!src.startsWith('http')) { // 检查是否是相对路径
+              src = `${baseUri}/${src.startsWith('/') ? src.substring(1) : src}`; // 避免双斜杠
+            }
+            return `${startTag}${src}${endTag}`; // 重构img标签的src属性
+          })
+        };
+      });
+    }
+    },
+    mounted() {
+        // this.processContent(); 
     }
     
   };
   </script>
   <style src="./index.css" scoped>
-
+  
 
   
   
diff --git a/src/view/home/news/index.css b/src/view/home/news/index.css
index f5e6c5b..d22b9de 100644
--- a/src/view/home/news/index.css
+++ b/src/view/home/news/index.css
@@ -54,3 +54,9 @@
     font-weight: 400;
     line-height: 42px; /* 233.333% */
 }
+.newsDetailImg {
+    margin-bottom: 15px;
+    max-width: 600px;
+    margin-right: 20px;
+    object-fit: cover;
+  }
diff --git a/src/view/home/news/index.vue b/src/view/home/news/index.vue
index 3f569fd..ffa6290 100644
--- a/src/view/home/news/index.vue
+++ b/src/view/home/news/index.vue
@@ -13,11 +13,10 @@
                 <div v-for="(item,index) in newsList" :key="index" class="flx-align-start newsListBox" @click="goDetail(item)">
                   <div class="flx-wrap newsItemLeft">
                     <div class="newsListTitle show-nul-ellipsis">
-                       {{ item.title }}1211111111111111111111111111111111111111
-                       {{ item.title }}1211111111111111111111111111111111111111
+                       {{ item.title }}
                       </div>
                       
-                      <div class="newsListTime">{{ item.time }} · {{ item.company }}  </div>
+                      <div class="newsListTime"><span v-if="item.time">{{ item.time }} ·</span> {{ item.company }}  </div>
                   </div>
                   <div>
                     <img class="newsImg"  :src="item.img" alt="">
@@ -70,17 +69,73 @@
        newsList:[
         {
           id:'1',
-          title:'喜报！热烈祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级奖”通.祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级前...',
-          time:'2023-03-01 16:10',
+          title:'一波接一波，海运涨价潮为何停不下来？',
+          time:'',
           company:'美通供应链',
-          img:require('@/assets/images/news/newsIndex/people.png'),
+          img: require('@/assets/images/news/newsDetail/1-2.png' ),
         },
         {
           id:'2',
-          title:'喜报！热烈祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级奖”通.祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级前...',
-          time:'2023-03-01 16:10',
+          title:'喜讯丨美通连续斩获4项荣誉奖项！',
+          time:'',
           company:'美通供应链',
-          img:require('@/assets/images/news/newsIndex/people.png'),
+          img: require('@/assets/images/news/newsDetail/2 (1).jpg' ),
+        },
+        {
+          id:'3',
+          title:'亚马逊合规化丨如何填好IEN编号？变体违规了怎么办？',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/3 (1).png' ),
+        },
+        {
+          id:'4',
+          title:'重磅！美通正式成为亚马逊TSPN服务商',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/4 (1).png' ),
+        },
+        {
+          id:'5',
+          title:'聚焦行业认可，美通荣获雨果跨境“2023最佳跨境物流奖” ',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/5 (1).jpg' ),
+        },
+        {
+          id:'6',
+          title:'新动向：美通成为亚马逊ShipTrack承运商，助力卖家升级物流体验！',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/6 (1).png' ),
+        },
+        {
+          id:'7',
+          title:'展会回顾丨2023亚马逊全球开店峰会美通参展圆满结束！',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/7 (1).webp' ),
+        },
+        {
+          id:'8',
+          title:'喜报！热烈祝贺美通荣获亚马逊“2023金牌辅助”和“SPN一年级奖”',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/8 (6).webp' ),
+        },
+        {
+          id:'9',
+          title:'重磅|祝贺美通&央视《信用中国》首播告捷！',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/9 (1).webp' ),
+        },
+        {
+          id:'10',
+          title:'喜讯！美通供应链正式加入亚马逊SPN认证服务商！',
+          time:'',
+          company:'美通供应链',
+          img: require('@/assets/images/news/newsDetail/10 (5).webp' ),
         },
        ]
       };
diff --git a/src/view/platform/index.css b/src/view/platform/index.css
index f39f0bf..614938b 100644
--- a/src/view/platform/index.css
+++ b/src/view/platform/index.css
@@ -622,4 +622,10 @@
   font-style: normal;
   font-weight: 400;
   line-height: 46px; /* 115% */ 
+}
+.getMore {
+  font-size: 25px;
+}
+.getMore:hover {
+  color: #00afaf;
 }
\ No newline at end of file
diff --git a/src/view/platform/index.vue b/src/view/platform/index.vue
index 3f0952a..ebc6c71 100644
--- a/src/view/platform/index.vue
+++ b/src/view/platform/index.vue
@@ -4,6 +4,7 @@
     <div class="flx-center">
       <div class="platformBackground" ></div>
     </div>
+
     <div class="platform">
       <div class="container" >
           <div >
@@ -42,6 +43,8 @@
                 <el-table-column prop="zip" label="Zip" :show-overflow-tooltip="true" ></el-table-column>
               </el-table>
             </div>
+            <el-button @click="goClient" class="getMore" >查看更多</el-button>
+
           </div>
           <div>
             <div class="platTableTitle">亚马逊仓库地址清单</div>
@@ -56,6 +59,8 @@
 
               </el-table>
             </div>
+            <el-button @click="goClient" class="getMore" >查看更多</el-button>
+
           </div>
          </div>
         </div>
@@ -2925,6 +2930,9 @@ export default {
       
 
     },
+    goClient(){
+      window.location.href=  `http://47.119.163.201/#/home/index`
+    }
   }
 };
 </script>
diff --git a/src/view/platform/tab/AMAZON.vue b/src/view/platform/tab/AMAZON.vue
index bbc526f..bccb593 100644
--- a/src/view/platform/tab/AMAZON.vue
+++ b/src/view/platform/tab/AMAZON.vue
@@ -23,7 +23,7 @@
              </div>
              <el-row  style="padding:0 10px;">
               <el-col :span="8" class="flx-center">
-                <div class="AMZBox flx-justify-between" @click="$router.push({path:'/AMZDetail'})">
+                <div class="AMZBox flx-justify-between" @click="$router.push({path:'/AMZDetail?select=TSPN'})">
                  <div class=" flx-wrap ">
                      <div class="AMZtitle"> 亚马逊</div>
                      <div class="AMZcontent"> TSPN</div>
@@ -34,10 +34,10 @@
                </div>
               </el-col>
               <el-col :span="8" class="flx-center">
-                <div class="AMZBox flx-justify-between">
+                <div class="AMZBox flx-justify-between" @click="$router.push({path:'/AMZDetail?select=SHIPTRACK'})">
                  <div class=" flx-wrap ">
                      <div class="AMZtitle"> 亚马逊</div>
-                     <div class="AMZcontent"> TSPN</div>
+                     <div class="AMZcontent"> SHIPTRACK</div>
                    </div>
                    <div>
                      <img src="@/assets/icons/right.png" alt="">
@@ -45,10 +45,10 @@
                </div>
               </el-col>
               <el-col :span="8" class="flx-center">
-                <div class="AMZBox flx-justify-between">
+                <div class="AMZBox flx-justify-between" @click="$router.push({path:'/AMZDetail?select=SEND'})">
                  <div class=" flx-wrap ">
                      <div class="AMZtitle"> 亚马逊</div>
-                     <div class="AMZcontent"> TSPN</div>
+                     <div class="AMZcontent"> SEND</div>
                    </div>
                    <div>
                      <img src="@/assets/icons/right.png" alt="">
diff --git a/src/view/platform/tab/components/AMZDetail.vue b/src/view/platform/tab/components/AMZDetail.vue
index f22a60c..82dbcad 100644
--- a/src/view/platform/tab/components/AMZDetail.vue
+++ b/src/view/platform/tab/components/AMZDetail.vue
@@ -6,13 +6,13 @@
             <div class="special "  style="">
                 <div class="flx-align-only-start">
                     <el-tabs v-model="activeRegistar" >
-                      <el-tab-pane label="亚马逊TSPN" name="first">
+                      <el-tab-pane label="亚马逊TSPN" name="TSPN">
                        <TSPN></TSPN>
                       </el-tab-pane>
-                      <el-tab-pane label="亚马逊SHIPTRACK" name="second">
+                      <el-tab-pane label="亚马逊SHIPTRACK" name="SHIPTRACK">
                        <SHIPTRACK></SHIPTRACK>
                       </el-tab-pane>
-                      <el-tab-pane label="亚马逊SEND" name="third">
+                      <el-tab-pane label="亚马逊SEND" name="SEND">
                        <SEND></SEND>
                       </el-tab-pane>
                     </el-tabs>
@@ -20,7 +20,7 @@
             </div>
           </div>
           </div>
-        <div v-if="activeRegistar==='first'" style="background-color: #fcfcfc;padding: 80px 0 228px 36px;">
+        <div v-if="activeRegistar==='TSPN'" style="background-color: #fcfcfc;padding: 80px 0 228px 36px;">
             <div  class="container">
                 <div>
                     <div class="TSDN-Box-mainTitle">Transparency透明计划功能</div>
@@ -56,7 +56,7 @@
                 </div>
             </div>
         </div>
-        <div v-else-if="activeRegistar==='second'">
+        <div v-else-if="activeRegistar==='SHIPTRACK'">
           <div style="background-color: #fcfcfc;padding: 80px 0 0  36px;">
             <div  class="container">
                 <div>
@@ -97,7 +97,7 @@
              </el-steps>
           </div>
         </div>
-        <div v-else-if="activeRegistar==='third'">
+        <div v-else-if="activeRegistar==='SEND'">
           <div style="padding: 80px 0 0  0;">
             <div  class="container" style="margin-bottom: 70px;padding-left: 60px;">
                 <div>
@@ -319,9 +319,12 @@ export default {
     SHIPTRACK,
     SEND,
   },
+  created(){
+    this.activeRegistar = this.$route.query.select;
+  },
   data(){
     return {
-      activeRegistar:'first',
+      activeRegistar:'TSPN',
       TSDNList:[
         {
           title:"Listing创建",