diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index ae10e9b..a5adc91 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -4,10 +4,16 @@ import Partners from './Tools/Partners.vue'
 </script>
 <template>
 <div id="homepageroot" class="pageroot">
-  <div id="homepageroot" style="width: 100%;height: auto">
-    <video muted autoplay="autoplay" loop="loop" style="width: 100%;">
-      <source src="/April29th_batch.mp4" type="video/mp4">
+  <div id="homepagebanner" style="width: 100%;height: auto;background-color: black; position: relative">
+    <video muted autoplay="autoplay" loop="loop" style="width: 100%;z-index: 0;">
+      <source src="/April29th_batch.mp4" type="video/mp4"></source>
     </video>
+    <div id="hpbanner">
+      <div class="bannercontent">
+        <span class="banner1">为用户创造美好体验<br /></span>
+        <span class="banner2">驱动商业可持续增长</span>
+      </div>
+    </div>
   </div>
   <div id="secondwhite" class="pageroot">
     <div id="whiteK" class="normalcontentdiv">
@@ -127,13 +133,18 @@ export default {
 @import "src/publicstyle.scss";
 
 #hpbanner{
-  @include media-breakpoint-between(xs, md) {
-    background-image: url('/HomepageRes/banner_wep.png');
-  }
-
-  @include media-breakpoint-up(md) {
-    background-image: url('/HomepageRes/banner.png');
-  }
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin-left: 0;
+  margin-top: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 #secondwhite