diff --git a/public/AboutusVideo.gif b/public/AboutusVideo.gif
new file mode 100644
index 0000000..f57f60f
--- /dev/null
+++ b/public/AboutusVideo.gif
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0317f50b23dc7906cd58c8a6bc617946bebacb37a8ae5f19ea5ae74259f10508
+size 437831
diff --git a/public/AboutusVideo.mp4 b/public/AboutusVideo.mp4
new file mode 100644
index 0000000..64438c9
Binary files /dev/null and b/public/AboutusVideo.mp4 differ
diff --git a/public/AboutusVideoPreload.png b/public/AboutusVideoPreload.png
new file mode 100644
index 0000000..b2e1a8b
Binary files /dev/null and b/public/AboutusVideoPreload.png differ
diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue
index 41d1ba2..d2d212c 100644
--- a/src/components/Aboutus.vue
+++ b/src/components/Aboutus.vue
@@ -1,15 +1,37 @@
 <script setup>
 import { useBootstrapBreakpoint } from './useBreakpoint.js';
-const { breakpoint } = useBootstrapBreakpoint();
 import Wanted from "./Wanted.vue";
+const { breakpoint } = useBootstrapBreakpoint();
 </script>
 
 <template>
   <div class="pageroot" id="aboutusroot">
-    <div id="abubanner" class="pagebanner">
-      <div class="bannercontent" id="aboutusbannercontent">
-        <span class="banner1">多年专业深耕<br /></span>
-        <span class="banner2">赋能客户产品体验创新</span>
+    <div id="aboutusbanner" class="videorootbanner">
+      <img v-if="$isMobile.android.phone||$isMobile.android.tablet"
+           src="/AboutusVideo.gif"
+           class="videoimg"/>
+      <video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
+             poster="/AboutusVideoPreload.png"
+             controls=""
+             id="abtbannervideo"
+             muted autoplay="autoplay"
+             loop="loop" playsinline webkit-playsinline
+             class="bannervideos">
+        <source src="/AboutusVideo.mp4" type="video/mp4"></source>
+      </video>
+      <video v-else
+             poster="/AboutusVideoPreload.png"
+             id="abtbannervideo"
+             muted autoplay="autoplay"
+             loop="loop" playsinline webkit-playsinline
+             class="bannervideos">
+        <source src="/AboutusVideo.mp4" type="video/mp4"></source>
+      </video>
+      <div id="abtbanner" class="bannerovervideo">
+        <div class="bannercontent">
+          <span class="banner1">多年专业深耕<br /></span>
+          <span class="banner2">赋能客户产品体验创新</span>
+        </div>
       </div>
     </div>
     <div id="gslc" class="pageroot">