diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store
index f037391..c21bf2c 100644
Binary files a/assets/images/.DS_Store and b/assets/images/.DS_Store differ
diff --git a/assets/images/illustrations/fty-serves4.png b/assets/images/illustrations/fty-serves4.png
index c9ee6d1..3068e5d 100644
Binary files a/assets/images/illustrations/fty-serves4.png and b/assets/images/illustrations/fty-serves4.png differ
diff --git a/en/material/overrides/home.html b/en/material/overrides/home.html
index a8eb0d4..8b63f4c 100644
--- a/en/material/overrides/home.html
+++ b/en/material/overrides/home.html
@@ -140,7 +140,7 @@
       </div>
     </div>
     <div class="conteiner" style="order:1; flex: 50%; overflow:hidden;">
-      <img src="assets/images/illustrations/fty-serves.png" class="laverage-mac-img my-xs-5 my-sm-5 my-md-5" />
+      <img src="assets/images/illustrations/fty-serves4.png" class="fty-serves-img my-xs-5 my-sm-5 my-md-5" />
     </div>
   </div>
 </section>
diff --git a/en/material/overrides/main-styles.html b/en/material/overrides/main-styles.html
index f7fd32c..5dcdcfd 100644
--- a/en/material/overrides/main-styles.html
+++ b/en/material/overrides/main-styles.html
@@ -566,13 +566,19 @@ Blue color variations
     }
 
     .laverage-header-img {
-        width: 85%;
+        width: 95%;
         margin-left: auto;
+        padding: 10px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
     }
 
     .laverage-mac-img {
-        width: 200%;
-        margin-left: auto;
+        width: 100%;
+        margin: 0 auto;
+        display: block;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
     }
 
     .why-laverage-img {
@@ -581,6 +587,18 @@ Blue color variations
         position: relative;
     }
 
+/*
+这个样式用来针对首页的第二个大图的
+*/
+    .fty-serves-img {
+            width: 130%;
+            margin: 0 auto;
+            display: block;
+            /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
+            border-radius: 8px;
+            transform: translate(-250px, 70px);
+        }
+
     .laverage-mac2-img {
         width: 60%;
         left: 10%;
diff --git a/zh/material/overrides/home.html b/zh/material/overrides/home.html
index 9026052..b2ee501 100644
--- a/zh/material/overrides/home.html
+++ b/zh/material/overrides/home.html
@@ -141,7 +141,7 @@
       </div>
     </div>
     <div class="conteiner" style="order:1; flex: 50%; overflow:hidden;">
-      <img src="assets/images/illustrations/fty-serves.png" class="laverage-mac-img my-xs-5 my-sm-5 my-md-5" />
+      <img src="assets/images/illustrations/fty-serves4.png" class="fty-serves-img my-xs-5 my-sm-5 my-md-5" />
     </div>
   </div>
 </section>
diff --git a/zh/material/overrides/main-styles.html b/zh/material/overrides/main-styles.html
index f7fd32c..a2dbd13 100644
--- a/zh/material/overrides/main-styles.html
+++ b/zh/material/overrides/main-styles.html
@@ -540,17 +540,20 @@ Blue color variations
     }
 
     .ctx-header-text {
-        flex:60%;
-        order:0;
-        display:flex;
-        color: #000
+        flex: 50%;
+        order: 0;
+        display: flex;
+        color: #000;
+        padding-right: 2rem;
     }
 
     .ctx-header-img {
-        flex:40%;
-        order:1;
-        display:flex;
-        flex-flow:column;
+        flex: 50%;
+        order: 1;
+        display: flex;
+        flex-flow: column;
+        justify-content: center;
+        align-items: center;
     }
 
     .ctx-card-white-1 {
@@ -566,13 +569,30 @@ Blue color variations
     }
 
     .laverage-header-img {
-        width: 85%;
+        width: 95%;
         margin-left: auto;
+        padding: 10px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
     }
 
     .laverage-mac-img {
-        width: 200%;
-        margin-left: auto;
+        width: 100%;
+        margin: 0 auto;
+        display: block;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
+    }
+/*
+这个样式用来针对首页的第二个大图的
+*/
+    .fty-serves-img {
+        width: 130%;
+        margin: 0 auto;
+        display: block;
+        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
+        border-radius: 8px;
+        transform: translate(-250px, 70px);
     }
 
     .why-laverage-img {