diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue
index 6a141e3..fa5de32 100644
--- a/src/components/Aboutus.vue
+++ b/src/components/Aboutus.vue
@@ -110,6 +110,8 @@ export default {
 }
 
 #abubanner{
+  align-items: flex-start; /* 控制水平对齐 - 靠左 */
+  justify-content: center;
   @include media-breakpoint-between(xs, md) {
     background-image: url('/AboutusRes/aboutusbanner_wep.png');
   }
diff --git a/src/components/ExampleItem.vue b/src/components/ExampleItem.vue
index dc03dad..46cbad8 100644
--- a/src/components/ExampleItem.vue
+++ b/src/components/ExampleItem.vue
@@ -180,6 +180,8 @@ export default {
 #currentbanner{
   display: flex;
   flex-direction: column;
+  align-items: flex-start; /* 控制水平对齐 - 靠左 */
+  justify-content: center;
   @include media-breakpoint-between(xs, md) {
     margin-left: 32px;
     margin-right: 32px;
diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 7330b73..fdae971 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -211,7 +211,7 @@ export default {
   background-color: rgba(0, 0, 0, 0.5);
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   z-index: 2;
   pointer-events: none;
 }
diff --git a/src/publicstyle.scss b/src/publicstyle.scss
index e8eadfe..2c82b22 100644
--- a/src/publicstyle.scss
+++ b/src/publicstyle.scss
@@ -23,7 +23,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: center;
+  align-items: left;
   max-height: 100vh;
   @include media-breakpoint-between(xs, md) {
     aspect-ratio: 0.526673640167364;
@@ -37,7 +37,6 @@
 .bannercontent{
   text-align: left;
   position: relative;
-  align-self: flex-start;
   @include media-breakpoint-between(xs, md) {
     margin-left: 16px;
     margin-right: 16px;