diff --git a/public/Homepage/designopinion.png b/public/Homepage/designopinion.png
new file mode 100644
index 0000000..d3f6441
Binary files /dev/null and b/public/Homepage/designopinion.png differ
diff --git a/public/Homepage/designprocedure.png b/public/Homepage/designprocedure.png
new file mode 100644
index 0000000..5ca48e1
Binary files /dev/null and b/public/Homepage/designprocedure.png differ
diff --git a/public/Homepage/homepageK.png b/public/Homepage/homepageK.png
new file mode 100644
index 0000000..db18d86
Binary files /dev/null and b/public/Homepage/homepageK.png differ
diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 47be82b..2b63496 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -6,6 +6,9 @@
       <span class="banner2">驱动商业可持续增长</span>
     </div>
   </div>
+  <div id="secondwhite" class="normalcontentdiv">
+
+  </div>
 </div>
 </template>
 
@@ -27,4 +30,10 @@ export default {
     background-image: url('/Homepage/banner.png');
   }
 }
+
+#secondwhite
+{
+  width: 100%;
+  background-color: white;
+}
 </style>
diff --git a/src/publicstyle.scss b/src/publicstyle.scss
index 529a14c..566975a 100644
--- a/src/publicstyle.scss
+++ b/src/publicstyle.scss
@@ -117,3 +117,18 @@
     }
   }
 }
+
+.normalcontentdiv{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  @include media-breakpoint-between(xs, md) {
+
+  }
+  @include media-breakpoint-between(md,xl){
+
+  }
+  @include media-breakpoint-up(xl) {
+
+  }
+}