diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue
index bc94e8a..514f001 100644
--- a/src/components/Aboutus.vue
+++ b/src/components/Aboutus.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="pageroot" id="aboutusroot">
     <div id="abubanner" class="pagebanner">
-
+      <div class="bannercontent">
+        <span class="banner1">多年专业深耕<br /></span>
+        <span class="banner2">赋能客户产品体验创新</span>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/components/Examples.vue b/src/components/Examples.vue
index 0199a78..1857b51 100644
--- a/src/components/Examples.vue
+++ b/src/components/Examples.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="pageroot" id="examplesprocessroot">
     <div id="examplesprocessbanner" class="pagebanner">
-
+      <div class="bannercontent">
+        <span class="banner1">助力不同行业客户<br /></span>
+        <span class="banner2">实现业务增长和竞争力提升</span>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 81428db..47be82b 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -2,8 +2,8 @@
 <div id="homepageroot" class="pageroot">
   <div id="hpbanner" class="pagebanner">
     <div class="bannercontent">
-      <span class="banner1">以体验设计重构用户关系<br /></span>
-      <span class="banner2">从「流量收割」转向「价值共生」</span>
+      <span class="banner1">为用户创造美好体验<br /></span>
+      <span class="banner2">驱动商业可持续增长</span>
     </div>
   </div>
 </div>
diff --git a/src/components/ServiceProcess.vue b/src/components/ServiceProcess.vue
index 280703c..56ee8ab 100644
--- a/src/components/ServiceProcess.vue
+++ b/src/components/ServiceProcess.vue
@@ -2,7 +2,8 @@
   <div class="pageroot" id="serviceprocessroot">
     <div id="serviceprocessbanner" class="pagebanner">
       <div class="bannercontent">
-
+        <span class="banner1">以体验设计重构用户关系<br /></span>
+        <span class="banner2">从「流量收割」转向「价值共生」</span>
       </div>
     </div>
   </div>
diff --git a/src/publicstyle.scss b/src/publicstyle.scss
index 61271db..d2de17b 100644
--- a/src/publicstyle.scss
+++ b/src/publicstyle.scss
@@ -17,23 +17,26 @@
   width: 100%;
   background-size:100% 100%;
   background-attachment: scroll;
-  background-size: 100% 100%;      /* 图片宽高100%填充div */
+  background-size: 100%;      /* 图片宽高100%填充div */
   background-repeat: no-repeat;
   background-position: center center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  max-height: 100vh;
   @include media-breakpoint-between(xs, md) {
     //padding-bottom: 192%;
-    padding-top: 96%;
-    padding-bottom: 96%;
+    //padding-top: 96%;
+    //padding-bottom: 96%;
+    aspect-ratio: 0.526673640167364;
   }
 
   @include media-breakpoint-up(md) {
     //padding-bottom: 52.6673640167364%;
-    padding-top: 26.3336820083682%;
-    padding-bottom: 26.3336820083682%;
+    //padding-top: 26.3336820083682%;
+    //padding-bottom: 26.3336820083682%;
+    aspect-ratio: 1.92;
   }
 
   .bannercontent{