diff --git a/src/assets/image/investor/768/bg-1.png b/src/assets/image/investor/768/bg-1.png
new file mode 100644
index 0000000..bfbe58b
Binary files /dev/null and b/src/assets/image/investor/768/bg-1.png differ
diff --git a/src/assets/image/investor/768/bg-2.png b/src/assets/image/investor/768/bg-2.png
new file mode 100644
index 0000000..9842b79
Binary files /dev/null and b/src/assets/image/investor/768/bg-2.png differ
diff --git a/src/assets/image/investor/768/bg-3.png b/src/assets/image/investor/768/bg-3.png
new file mode 100644
index 0000000..6056bc7
Binary files /dev/null and b/src/assets/image/investor/768/bg-3.png differ
diff --git a/src/assets/image/investor/768/bg-4.png b/src/assets/image/investor/768/bg-4.png
new file mode 100644
index 0000000..5d80db0
Binary files /dev/null and b/src/assets/image/investor/768/bg-4.png differ
diff --git a/src/assets/image/investor/768/icon-j.png b/src/assets/image/investor/768/icon-j.png
new file mode 100644
index 0000000..a4f86a8
Binary files /dev/null and b/src/assets/image/investor/768/icon-j.png differ
diff --git a/src/assets/image/investor/768/icon-l.png b/src/assets/image/investor/768/icon-l.png
new file mode 100644
index 0000000..da46a89
Binary files /dev/null and b/src/assets/image/investor/768/icon-l.png differ
diff --git a/src/assets/image/investor/768/icon-lm.png b/src/assets/image/investor/768/icon-lm.png
new file mode 100644
index 0000000..e88c755
Binary files /dev/null and b/src/assets/image/investor/768/icon-lm.png differ
diff --git a/src/assets/image/investor/768/icon-p-o.png b/src/assets/image/investor/768/icon-p-o.png
new file mode 100644
index 0000000..89e569d
Binary files /dev/null and b/src/assets/image/investor/768/icon-p-o.png differ
diff --git a/src/assets/image/investor/768/icon-p.png b/src/assets/image/investor/768/icon-p.png
new file mode 100644
index 0000000..215a313
Binary files /dev/null and b/src/assets/image/investor/768/icon-p.png differ
diff --git a/src/assets/image/investor/768/icon-r-o.png b/src/assets/image/investor/768/icon-r-o.png
new file mode 100644
index 0000000..c4f7508
Binary files /dev/null and b/src/assets/image/investor/768/icon-r-o.png differ
diff --git a/src/assets/image/investor/768/icon-r.png b/src/assets/image/investor/768/icon-r.png
new file mode 100644
index 0000000..9615a69
Binary files /dev/null and b/src/assets/image/investor/768/icon-r.png differ
diff --git a/src/assets/image/investor/768/imageshow-1.png b/src/assets/image/investor/768/imageshow-1.png
new file mode 100644
index 0000000..777f8a1
Binary files /dev/null and b/src/assets/image/investor/768/imageshow-1.png differ
diff --git a/src/assets/image/investor/768/imageshow-2.png b/src/assets/image/investor/768/imageshow-2.png
new file mode 100644
index 0000000..9b370ca
Binary files /dev/null and b/src/assets/image/investor/768/imageshow-2.png differ
diff --git a/src/assets/image/investor/768/imageshow-3.png b/src/assets/image/investor/768/imageshow-3.png
new file mode 100644
index 0000000..b882f7e
Binary files /dev/null and b/src/assets/image/investor/768/imageshow-3.png differ
diff --git a/src/assets/image/investor/768/imageshow-6.png b/src/assets/image/investor/768/imageshow-6.png
new file mode 100644
index 0000000..5661411
Binary files /dev/null and b/src/assets/image/investor/768/imageshow-6.png differ
diff --git a/src/assets/image/investor/768/减去 14@2x.png b/src/assets/image/investor/768/减去 14@2x.png
new file mode 100644
index 0000000..c4edb16
Binary files /dev/null and b/src/assets/image/investor/768/减去 14@2x.png differ
diff --git a/src/assets/image/investor/768/减去 17@2x.png b/src/assets/image/investor/768/减去 17@2x.png
new file mode 100644
index 0000000..b52bdfb
Binary files /dev/null and b/src/assets/image/investor/768/减去 17@2x.png differ
diff --git a/src/assets/image/investor/768/减去 51@2x.png b/src/assets/image/investor/768/减去 51@2x.png
new file mode 100644
index 0000000..083aebd
Binary files /dev/null and b/src/assets/image/investor/768/减去 51@2x.png differ
diff --git a/src/assets/image/investor/768/矩形 1416@2x.png b/src/assets/image/investor/768/矩形 1416@2x.png
new file mode 100644
index 0000000..a51d50e
Binary files /dev/null and b/src/assets/image/investor/768/矩形 1416@2x.png differ
diff --git a/src/assets/image/investor/768/矩形 1483@2x.png b/src/assets/image/investor/768/矩形 1483@2x.png
new file mode 100644
index 0000000..b78f284
Binary files /dev/null and b/src/assets/image/investor/768/矩形 1483@2x.png differ
diff --git a/src/assets/image/investor/768/矩形 1498@2x.png b/src/assets/image/investor/768/矩形 1498@2x.png
new file mode 100644
index 0000000..75dff43
Binary files /dev/null and b/src/assets/image/investor/768/矩形 1498@2x.png differ
diff --git a/src/assets/image/investor/768/矩形 1500@2x.png b/src/assets/image/investor/768/矩形 1500@2x.png
new file mode 100644
index 0000000..be4f445
Binary files /dev/null and b/src/assets/image/investor/768/矩形 1500@2x.png differ
diff --git a/src/assets/image/investor/768/矩形 1507@2x.png b/src/assets/image/investor/768/矩形 1507@2x.png
new file mode 100644
index 0000000..3f39dda
Binary files /dev/null and b/src/assets/image/investor/768/矩形 1507@2x.png differ
diff --git a/src/assets/image/investor/768/组 1672@2x.png b/src/assets/image/investor/768/组 1672@2x.png
new file mode 100644
index 0000000..a5f401b
Binary files /dev/null and b/src/assets/image/investor/768/组 1672@2x.png differ
diff --git a/src/assets/image/investor/768/组 1699@2x.png b/src/assets/image/investor/768/组 1699@2x.png
new file mode 100644
index 0000000..9bbc6b1
Binary files /dev/null and b/src/assets/image/investor/768/组 1699@2x.png differ
diff --git a/src/components/AppHeader/size768/index.vue b/src/components/AppHeader/size768/index.vue
index c941da9..7873a50 100644
--- a/src/components/AppHeader/size768/index.vue
+++ b/src/components/AppHeader/size768/index.vue
@@ -75,6 +75,18 @@
             />
           </div>
 
+          <div class="divider3"></div>
+          <div
+            class="w-full flex justify-between px-[188px] pt-[50px] pb-[46px] items-center"
+            @click="handleTabClick('investor')"
+          >
+            投资者关系
+            <img
+              src="@/assets/image/home/768/icon-menu-right.png"
+              class="w-[22px] h-[38px]"
+            />
+          </div>
+
           <div class="divider3"></div>
         </div>
       </n-drawer-content>
diff --git a/src/views/investor/index.vue b/src/views/investor/index.vue
index c47d6e2..9a09cf0 100644
--- a/src/views/investor/index.vue
+++ b/src/views/investor/index.vue
@@ -2,9 +2,9 @@
 import { computed } from "vue";
 import { useWindowSize } from "@vueuse/core";
 
+import size375 from "@/views/investor/size375/index.vue";
+import size768 from "@/views/investor/size768/index.vue";
 
-
-import size1920 from "@/views/investor/size1920/index.vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 
diff --git a/src/views/investor/size375/index.vue b/src/views/investor/size375/index.vue
new file mode 100644
index 0000000..5dd77fc
--- /dev/null
+++ b/src/views/investor/size375/index.vue
@@ -0,0 +1,971 @@
+<template>
+  <div class="page-container">
+    <n-divider class="divider1" vertical />
+    <n-divider class="divider5" vertical />
+
+    <AppHeader />
+    <main>
+      <section style="background: #ffffff" className="relative">
+        <div class="relative section-first h-[3990px] box-contain pt-[2300px]">
+          <div
+            class="w-full title ml-[184px]"
+            :ref="
+              (el) => {
+                moveRefs[0].value = el;
+              }
+            "
+          >
+            <div>{{ $t("companyprofil.slogan.title1") }}</div>
+            <div>{{ $t("companyprofil.slogan.title2") }}</div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[1].value = el;
+              }
+            "
+            class="text-[51px] text-[#8B59F7] w-[1413px] ml-[184px] mt-[61px]"
+          >
+            {{ $t("companyprofil.slogan.desc") }}
+          </div>
+        </div>
+
+        <div ref="moveRef3" class="absolute top-[686px] left-[266px]">
+          <img
+            class="w-[1140px]"
+            src="@/assets/image/companyprofil/375/image-q.png"
+          />
+        </div>
+        <div class="w-[1920px] absolute bottom-[-160px] z-4">
+          <img
+            src="@/assets/image/companyprofil/375/icon-lang.png"
+            alt="logo"
+          />
+        </div>
+      </section>
+
+      <section style="background: #f8f9ff">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[184px] mt-[400px]">
+            <div class="text-[#8B59F7] text-[72px]">
+              {{ $t("companyprofil.intro.label") }}
+            </div>
+          </div>
+          <div class="w-full title px-[179px] mt-[87px]">
+            <div>{{ $t("companyprofil.intro.title1") }}</div>
+            <div>{{ $t("companyprofil.intro.title2") }}</div>
+          </div>
+          <div class="w-full px-[184px] mt-[140px]">
+            <div
+              :ref="
+                (el) => {
+                  moveRefs[2].value = el;
+                }
+              "
+              class="text-[#455363] text-[72px] w-[1413px]"
+            >
+              {{ $t("companyprofil.intro.desc") }}
+            </div>
+            <div
+              :ref="
+                (el) => {
+                  moveRefs[3].value = el;
+                }
+              "
+              class="mt-[60px] text-[#455363] text-[72px] w-[1413px]"
+            >
+              {{ $t("companyprofil.intro.desc") }}
+            </div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[4].value = el;
+              }
+            "
+            class="mt-[287px] mb-[512px] overflow-hidden"
+          >
+            <img
+              :ref="
+                (el) => {
+                  moveRefs[5].value = el;
+                }
+              "
+              class="w-[1625px] h-[1038px]"
+              src="@/assets/image/companyprofil/375/imageshow-2.png"
+            />
+          </div>
+        </div>
+      </section>
+
+      <section class="relative" style="background: #fff">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[184px] mt-[451px]">
+            <div class="text-[#8B59F7] text-[72px]">
+              {{ $t("companyprofil.team.label") }}
+            </div>
+          </div>
+          <div class="w-full title px-[179px] mt-[87px]">
+            <div>{{ $t("companyprofil.team.title1") }}</div>
+            <div>{{ $t("companyprofil.team.title2") }}</div>
+          </div>
+          <div class="w-full px-[184px] mt-[140px]">
+            <div
+              :ref="
+                (el) => {
+                  moveRefs[6].value = el;
+                }
+              "
+              class="text-[#455363] text-[72px] w-[1413px] subTitle"
+            >
+              {{ $t("companyprofil.team.desc") }}
+            </div>
+          </div>
+
+          <div class="mt-[287px] mb-[399px]">
+            <img
+              :ref="
+                (el) => {
+                  moveRefs[7].value = el;
+                }
+              "
+              class="w-[1715px]"
+              src="@/assets/image/companyprofil/375/imageshow-3.png"
+            />
+          </div>
+
+          <div class="w-full px-[184px]">
+            <img
+              class="w-[229px] h-[229px]"
+              src="@/assets/image/companyprofil/375/icon-lun.png"
+            />
+
+            <div
+              class="w-full mt-[102px] text-[#10253E] text-[82px] font-semibold"
+            >
+              {{ $t("companyprofil.team.features.global.title") }}
+            </div>
+            <div class="mt-[87px] text-[#455363] text-[72px] w-[1498px]">
+              {{ $t("companyprofil.team.features.global.desc") }}
+            </div>
+          </div>
+          <div class="w-full px-[184px] mt-[410px]">
+            <img
+              class="w-[229px] h-[196px]"
+              src="@/assets/image/companyprofil/375/icon-love.png"
+            />
+
+            <div
+              class="w-full mt-[133px] text-[#10253E] text-[82px] font-semibold"
+            >
+              {{ $t("companyprofil.team.features.fans.title") }}
+            </div>
+            <div class="mt-[87px] text-[#455363] text-[72px] w-[1498px]">
+              {{ $t("companyprofil.team.features.fans.desc") }}
+            </div>
+          </div>
+          <div class="w-full px-[184px] mt-[389px] mb-[250px]">
+            <img
+              class="w-[229px] h-[222px]"
+              src="@/assets/image/companyprofil/375/icon-p.png"
+            />
+
+            <div
+              class="w-full mt-[123px] text-[#10253E] text-[82px] font-semibold"
+            >
+              {{ $t("companyprofil.team.features.talent.title") }}
+            </div>
+            <div
+              class="mt-[87px] mb-[100px] text-[#455363] text-[72px] w-[1498px]"
+            >
+              {{ $t("companyprofil.team.features.talent.desc") }}
+            </div>
+          </div>
+
+          <div class="icon-langmul z-4">
+            <img
+              class="w-[1205px]"
+              src="@/assets/image/companyprofil/375/icon-langmul.png"
+            />
+          </div>
+        </div>
+      </section>
+      <section class="section-four">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[184px] mt-[445px]">
+            <div class="text-[#8B59F7] text-[72px]">
+              {{ $t("companyprofil.achievement.label") }}
+            </div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[8].value = el;
+              }
+            "
+            class="w-full title px-[179px] mt-[87px]"
+          >
+            <div>{{ $t("companyprofil.achievement.title1") }}</div>
+            <div>{{ $t("companyprofil.achievement.title2") }}</div>
+          </div>
+          <div class="w-full px-[184px] mt-[159px]">
+            <div
+              :ref="
+                (el) => {
+                  moveRefs[9].value = el;
+                }
+              "
+              class="text-[#455363] text-[72px] w-[1413px]"
+            >
+              {{ $t("companyprofil.achievement.desc") }}
+            </div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[10].value = el;
+              }
+            "
+            class="w-full mt-[532px] px-[184px] text-[92px] font-semibold"
+          >
+            <div>
+              {{ $t("companyprofil.achievement.certification.title1") }}
+            </div>
+            <div>
+              {{ $t("companyprofil.achievement.certification.title2") }}
+            </div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[11].value = el;
+              }
+            "
+            class="w-full px-[184px] mt-[60px]"
+          >
+            <div class="text-[#455363] text-[72px] w-[1413px]">
+              {{ $t("companyprofil.achievement.certification.desc") }}
+            </div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[12].value = el;
+              }
+            "
+            class="mt-[287px] overflow-hidden"
+          >
+            <img
+              class="w-[1625px] h-[1038px]"
+              src="@/assets/image/companyprofil/375/imageshow-4.png"
+            />
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[13].value = el;
+              }
+            "
+            class="w-full mt-[532px] px-[184px] text-[92px] font-semibold"
+          >
+            <div>{{ $t("companyprofil.achievement.platform.title1") }}</div>
+            <div>{{ $t("companyprofil.achievement.platform.title2") }}</div>
+          </div>
+          <div class="w-full px-[184px] mt-[128px]">
+            <div
+              :ref="
+                (el) => {
+                  moveRefs[14].value = el;
+                }
+              "
+              class="text-[#455363] text-[72px] w-[1413px]"
+            >
+              <div>
+                {{ $t("companyprofil.achievement.platform.desc") }}
+              </div>
+            </div>
+          </div>
+          <div class="mt-[287px] mb-[364px] overflow-hidden">
+            <img
+              :ref="
+                (el) => {
+                  moveRefs[15].value = el;
+                }
+              "
+              class="w-[1625px] h-[1038px]"
+              src="@/assets/image/companyprofil/375/imageshow-5.png"
+            />
+          </div>
+        </div>
+      </section>
+      <section style="background: #fff">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[184px] mt-[364px]">
+            <div class="text-[#8B59F7] text-[72px]">
+              {{ $t("companyprofil.news.label") }}
+            </div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[16].value = el;
+              }
+            "
+            class="w-full title px-[179px] mt-[87px]"
+          >
+            <div>{{ $t("companyprofil.news.title1") }}</div>
+            <div>{{ $t("companyprofil.news.title2") }}</div>
+          </div>
+          <div class="w-full px-[184px] mt-[159px]">
+            <div
+              :ref="
+                (el) => {
+                  moveRefs[17].value = el;
+                }
+              "
+              class="text-[#455363] text-[72px] w-[1413px]"
+            >
+              {{ $t("companyprofil.news.desc") }}
+            </div>
+          </div>
+          <div class="w-full mt-[200px] flex flex-wrap justify-end">
+            <div class="flex flex-wrap">
+              <div class="arrow-btn" @click="handlePrev">
+                <img
+                  class="w-[195px] h-[195px]"
+                  src="@/assets/image/companyprofil/375/icon-left.png"
+                />
+              </div>
+              <div class="arrow-btn ml-[128px] mr-[133px]" @click="handleNext">
+                <img
+                  class="w-[195px] h-[195px]"
+                  src="@/assets/image/companyprofil/375/icon-right.png"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mt-[148px] mb-[246px] carousel-container px-[80px] py-[40px]"
+          >
+            <div
+              ref="carouselTrack"
+              class="carousel-track"
+              :style="{
+                transform: `translateX(-${getSlideOffset()}px)`,
+              }"
+              @mousedown="handleDragStart"
+              @mousemove="handleDragMove"
+              @mouseup="handleDragEnd"
+              @mouseleave="handleDragEnd"
+              @touchstart="handleDragStart"
+              @touchmove="handleDragMove"
+              @touchend="handleDragEnd"
+            >
+              <div
+                v-for="(item, idx) in getVisibleItems()"
+                :key="idx"
+                class="carousel-item mr-[120px]"
+                @click="handleCarouselClick(item, $event)"
+              >
+                <img class="carousel-image" :src="item.imgUrl" />
+                <div class="carousel-content">
+                  <div class="carousel-title">
+                    <div>
+                      {{
+                        $t(
+                          `companyprofil.news.carousel.item${item.titleNo}.title`
+                        )
+                      }}
+                    </div>
+                  </div>
+                  <div class="carousel-subtitle">
+                    {{
+                      $t(`companyprofil.news.carousel.item${item.titleNo}.desc`)
+                    }}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section
+        style="background: #fff"
+        className="flex flex-wrap justify-center"
+      >
+        <img
+          class="w-[891px] h-[87px] mt-[61px] mb-[56px]"
+          src="@/assets/image/image-footer.png"
+          alt="logo"
+        />
+      </section>
+    </main>
+  </div>
+</template>
+
+<script setup>
+import { NDivider } from "naive-ui";
+import { onUnmounted, ref, onMounted, reactive, watch, nextTick } from "vue";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useHome } from "@/store/home/index.js";
+import { useTransitionComposable } from "@/composables/transition-composable";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+// 定义组件的自定义事件
+defineEmits(["sendCode"]);
+
+// 注册 ScrollTrigger 插件
+gsap.registerPlugin(ScrollTrigger);
+
+const { transitionState } = useTransitionComposable();
+
+const moveRefs = ref(
+  Array(18)
+    .fill(null)
+    .map(() => ref(null))
+);
+const { currentTab } = useHome();
+let ctx;
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+// 导入图片
+import carouselShow1 from "@/assets/image/companyprofil/375/carouselShow-1.png";
+import carouselShow2 from "@/assets/image/companyprofil/375/carouselShow-2.png";
+import carouselShow3 from "@/assets/image/companyprofil/375/carouselShow-3.png";
+import carouselShow4 from "@/assets/image/companyprofil/375/carouselShow-4.png";
+import carouselShow5 from "@/assets/image/companyprofil/375/carouselShow-5.png";
+
+const state = reactive({
+  marqueeArr: [
+    {
+      titleNo: "1",
+      imgUrl: carouselShow1,
+    },
+    {
+      titleNo: "2",
+      imgUrl: carouselShow2,
+    },
+    {
+      titleNo: "3",
+      imgUrl: carouselShow3,
+    },
+    {
+      titleNo: "4",
+      imgUrl: carouselShow4,
+    },
+    {
+      titleNo: "5",
+      imgUrl: carouselShow5,
+    },
+  ],
+});
+const carouselTrack = ref(null);
+const currentIndex = ref(0);
+const isTransitioning = ref(false);
+
+const getVisibleItems = () => {
+  const items = state.marqueeArr;
+  // 创建一个包含所有项目的数组，前后各复制一组用于无缝循环
+  return [...items, ...items, ...items];
+};
+
+// 计算实际滑动距离
+const getSlideOffset = () => {
+  if (!carouselTrack.value) return 0;
+
+  const firstItem = carouselTrack.value.querySelector(".carousel-item");
+  if (!firstItem) return 0;
+
+  const itemWidth = firstItem.offsetWidth;
+  const itemMargin = parseInt(window.getComputedStyle(firstItem).marginRight);
+  const totalWidth = itemWidth + itemMargin;
+
+  const len = state.marqueeArr.length;
+  if (currentIndex.value <= -len) {
+    currentIndex.value = -currentIndex.value % len;
+  } else if (currentIndex.value >= len) {
+    currentIndex.value = currentIndex.value % len;
+  }
+
+  // 初始偏移一组数据的长度
+  const initialOffset = len * totalWidth + 8;
+  return initialOffset + currentIndex.value * totalWidth;
+};
+
+// 定义 resize 处理函数
+const handleResize = () => {
+  if (carouselTrack.value) {
+    carouselTrack.value.style.transform = `translateX(-${getSlideOffset()}px)`;
+  }
+};
+
+// 监听窗口大小变化
+onMounted(() => {
+  ctx = gsap.context(() => {
+    moveRefs.value.forEach((moveRef, index) => {
+      if (moveRef.value) {
+        // 修改初始状态设置
+        gsap.set(moveRef.value, {
+          opacity: 0,
+          // 使用 translateX 替代 x，并且初始位置设置在元素自身宽度范围内
+          transform: `translateX(${index % 2 === 0 ? "-100%" : "100%"})`,
+          // 添加 overflow: hidden 确保不会影响布局
+          overflow: "hidden",
+        });
+
+        // 修改动画设置
+        gsap.to(moveRef.value, {
+          opacity: 1,
+          transform: "translateX(0)", // 使用 transform 替代 x
+          duration: 1.2,
+          ease: "power2.out",
+          scrollTrigger: {
+            trigger: moveRef.value,
+            start: "top 80%",
+            end: "top 40%",
+            toggleActions: "play none none reverse",
+            markers: false,
+          },
+        });
+      }
+    });
+  });
+
+  // 使用定义的 handleResize 函数
+  window.addEventListener("resize", handleResize);
+
+  // 初始化位置为第二组的开头
+  currentIndex.value = 0;
+
+  nextTick(() => {
+    if (carouselTrack.value) {
+      carouselTrack.value.style.transition = "none";
+      carouselTrack.value.style.transform = `translateX(-${getSlideOffset()}px)`;
+
+      // 重新启用过渡效果
+      setTimeout(() => {
+        carouselTrack.value.style.transition = "transform 0.5s ease-in-out";
+      }, 50);
+    }
+  });
+});
+
+onUnmounted(() => {
+  if (ctx) {
+    ctx.revert();
+  }
+  ScrollTrigger.killAll();
+  // 移除事件监听
+  window.removeEventListener("resize", handleResize);
+});
+
+const goToSection = (i) => {
+  ctx.data.forEach((e) => {
+    if (e.vars && e.vars.id === "scrollTween") {
+      e.kill();
+    }
+  });
+  ctx.add(() => {
+    scrollTween = gsap.to(window, {
+      scrollTo: { y: i * window.innerHeight, autoKill: false },
+      duration: 1,
+      id: "scrollTween",
+      onComplete: () => (scrollTween = null),
+      overwrite: true,
+    });
+  });
+};
+
+// 向前滑动
+const handlePrev = () => {
+  if (isTransitioning.value) return;
+  isTransitioning.value = true;
+
+  if (!carouselTrack.value) return;
+  carouselTrack.value.style.transition = "transform 0.5s ease-in-out";
+  currentIndex.value--;
+
+  if (currentIndex.value < -state.marqueeArr.length) {
+    setTimeout(() => {
+      carouselTrack.value.style.transition = "none";
+      currentIndex.value = -1;
+      carouselTrack.value.offsetHeight;
+      carouselTrack.value.style.transition = "transform 0.5s ease-in-out";
+      isTransitioning.value = false;
+    }, 500);
+  } else {
+    setTimeout(() => {
+      isTransitioning.value = false;
+    }, 500);
+  }
+};
+
+// 向后滑动
+const handleNext = () => {
+  if (isTransitioning.value) return;
+  isTransitioning.value = true;
+
+  if (!carouselTrack.value) return;
+  carouselTrack.value.style.transition = "transform 0.5s ease-in-out";
+  currentIndex.value++;
+
+  if (currentIndex.value >= state.marqueeArr.length) {
+    setTimeout(() => {
+      carouselTrack.value.style.transition = "none";
+      currentIndex.value = 0;
+      carouselTrack.value.offsetHeight;
+      carouselTrack.value.style.transition = "transform 0.5s ease-in-out";
+      isTransitioning.value = false;
+    }, 500);
+  } else {
+    setTimeout(() => {
+      isTransitioning.value = false;
+    }, 500);
+  }
+};
+
+// 添加滑动相关的状态
+const isDragging = ref(false);
+const startX = ref(0);
+const scrollLeft = ref(0);
+
+// 处理鼠标/触摸按下事件
+const handleDragStart = (e) => {
+  isDragging.value = true;
+  startX.value = e.type === "mousedown" ? e.pageX : e.touches[0].pageX;
+  scrollLeft.value = getSlideOffset();
+
+  // 禁用过渡效果，实现平滑拖动
+  if (carouselTrack.value) {
+    carouselTrack.value.style.transition = "none";
+  }
+};
+
+// 处理鼠标/触摸移动事件
+const handleDragMove = (e) => {
+  if (!isDragging.value) return;
+  e.preventDefault();
+
+  const x = e.type === "mousemove" ? e.pageX : e.touches[0].pageX;
+  const walk = startX.value - x;
+
+  if (carouselTrack.value) {
+    carouselTrack.value.style.transform = `translateX(-${
+      scrollLeft.value + walk
+    }px)`;
+  }
+};
+
+// 处理鼠标/触摸释放事件
+const handleDragEnd = (e) => {
+  if (!isDragging.value) return;
+  isDragging.value = false;
+
+  if (carouselTrack.value) {
+    // 恢复过渡效果
+    carouselTrack.value.style.transition = "transform 0.5s ease-in-out";
+
+    const x = e.type === "mouseup" ? e.pageX : e.changedTouches[0].pageX;
+    const walk = startX.value - x;
+
+    // 获取单个项目的宽度
+    const firstItem = carouselTrack.value.querySelector(".carousel-item");
+    if (!firstItem) return;
+
+    const itemWidth = firstItem.offsetWidth;
+    const itemMargin = parseInt(window.getComputedStyle(firstItem).marginRight);
+    const totalWidth = itemWidth + itemMargin;
+
+    // 根据滑动距离决定是否切换到下一个/上一个
+    if (Math.abs(walk) > totalWidth / 3) {
+      if (walk > 0) {
+        handleNext();
+      } else {
+        handlePrev();
+      }
+    } else {
+      // 如果滑动距离不够，回到当前位置
+      carouselTrack.value.style.transform = `translateX(-${getSlideOffset()}px)`;
+    }
+  }
+};
+
+const handleCarouselClick = (item, event) => {
+  // 检查事件类型是否为点击
+  if (event.type === "click") {
+    event.stopPropagation(); // 阻止事件传播
+    event.preventDefault(); // 阻止默认行为
+    router.push({
+      path: "/companyprofildetail",
+      query: {
+        titleNo: item.titleNo,
+      },
+    });
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.page-container {
+  width: 100%;
+  overflow-x: hidden;
+  position: relative;
+}
+
+.header {
+  width: 100%;
+  height: 260px;
+  position: fixed;
+  z-index: 10;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding: 0 102px;
+  background-color: #fff;
+}
+.logo {
+  img {
+    width: 399px;
+    height: 128px;
+  }
+}
+
+.tabs {
+  display: flex;
+  gap: 77px;
+  margin-left: 67px;
+}
+
+.tab-item {
+  display: flex;
+  align-items: center;
+  font-size: 61px;
+  color: #000000;
+  max-width: 251px;
+  cursor: pointer;
+  transition: color 0.3s ease;
+  padding: 4px 8px;
+
+  &.active {
+    color: #8b59fa;
+  }
+
+  &:hover {
+    color: #8b59fa;
+  }
+}
+.ellipsis {
+  white-space: nowrap; /* 防止文本换行 */
+  overflow: hidden; /* 隐藏溢出内容 */
+  text-overflow: ellipsis; /* 文本溢出时显示省略号 */
+}
+.title {
+  font-size: 113px;
+  font-weight: 600;
+  color: #10253e;
+  line-height: 143px;
+}
+.subTitle {
+  line-height: 102px;
+}
+.section-first {
+  background: url("@/assets/image/companyprofil/375/image-x.png");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.section-four {
+  background: url("@/assets/image/companyprofil/375/bg-3.png");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.icon-langmul {
+  position: absolute;
+  bottom: -206px;
+  right: 0;
+}
+.carousel-container {
+  width: 96%;
+  position: relative;
+}
+
+.arrow-btn {
+  cursor: pointer;
+}
+
+.carousel-track {
+  display: flex;
+  will-change: transform;
+  cursor: grab;
+  user-select: none;
+
+  &:active {
+    cursor: grabbing;
+  }
+}
+
+.carousel-item {
+  width: 1710px;
+  flex: 0 0 auto;
+  display: block;
+  padding: 46px 36px 118px 51px;
+  border-radius: 61px;
+  box-shadow: 0 15px 72px 5px rgba(0, 0, 0, 0.16);
+}
+
+.carousel-image {
+  width: 1623px;
+  height: 1152px;
+  object-fit: cover;
+  display: block;
+}
+
+.carousel-content {
+  padding: 0 20px 0 60px;
+  margin-top: 87px;
+}
+
+.carousel-title {
+  font-size: 92px;
+  font-weight: 500;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.5;
+  max-height: calc(1.5em * 5);
+}
+
+.carousel-subtitle {
+  margin-top: 51px;
+  color: #455363;
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 102px;
+  max-height: calc(1.5em * 4);
+}
+
+// 添加一个通用的溢出控制类
+.overflow-hidden {
+  overflow: hidden;
+}
+.divider1 {
+  position: absolute;
+  z-index: 3;
+  left: 64px;
+  width: 1px;
+  height: 100%;
+  background-color: rgba(230, 234, 238, 0.5) !important;
+}
+
+.divider5 {
+  position: absolute;
+  z-index: 3;
+  right: 60px;
+  width: 1px;
+  height: 100%;
+  background-color: rgba(230, 234, 238, 0.5) !important;
+}
+
+/* 语言选择模态框样式 */
+.language-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  touch-action: none; /* 防止触摸事件影响背景 */
+}
+
+.language-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1001;
+}
+
+.language-modal-content {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 90vh; /* 最大高度为视口高度的90% */
+  background-color: #fff;
+  z-index: 1002;
+  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden; /* 内容溢出隐藏 */
+}
+
+.modal-header {
+  padding: 67px 77px 113px 77px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 82px;
+  color: #000000;
+  position: relative;
+  flex-shrink: 0; /* 不允许头部收缩 */
+}
+
+.close-btn {
+  cursor: pointer;
+}
+
+.language-modal-body {
+  padding: 10px 0;
+  overflow-y: auto; /* 只有内容区域可滚动 */
+  -webkit-overflow-scrolling: touch; /* 为iOS设备提供平滑滚动 */
+  flex: 1; /* 内容区域填充剩余空间 */
+}
+
+.language-option {
+  padding: 30px 0;
+  font-size: 72px;
+  color: #333;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  text-align: center;
+}
+
+.language-option:hover,
+.language-option.active {
+  background-color: #f5f5f5;
+  color: #8b59f7;
+}
+
+.language-modal-footer {
+  padding: 113px 77px;
+  display: flex;
+  justify-content: center;
+  flex-shrink: 0; /* 不允许底部收缩 */
+}
+
+.confirm-btn {
+  background-color: #8b59f7;
+  color: white;
+  border: none;
+  border-radius: 20px;
+  padding: 46px 0;
+  width: 100%;
+  font-size: 82px;
+  cursor: pointer;
+}
+
+.confirm-btn:hover {
+  background-color: #7a48e6;
+}
+</style>
diff --git a/src/views/investor/size768/index.vue b/src/views/investor/size768/index.vue
new file mode 100644
index 0000000..f7595b9
--- /dev/null
+++ b/src/views/investor/size768/index.vue
@@ -0,0 +1,658 @@
+<template>
+  <div class="page-container">
+    <n-divider class="divider1" vertical />
+    <n-divider class="divider5" vertical />
+    <AppHeader />
+
+    <main>
+      <section style="background: #ffffff" className="relative">
+        <div class="relative section-first h-[2221px] box-contain pt-[775px]">
+          <div
+            class="title ml-[188px]"
+            :ref="
+              (el) => {
+                moveRefs[0].value = el;
+              }
+            "
+          >
+            <div>投资者关系</div>
+          </div>
+          <div
+            :ref="
+              (el) => {
+                moveRefs[1].value = el;
+              }
+            "
+            class="text-[35px] text-[#8B59F7] w-[735px] ml-[188px] mt-[50px]"
+          >
+            Minim（纳斯达克股票代码：MINM）财务状况
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[188px] mt-[222px]">
+            <div class="w-[130px] h-[18px] bg-[#8B59F7]"></div>
+          </div>
+          <div class="w-full title mt-[58px] px-[188px]">
+            <div>最新动态</div>
+          </div>
+          <div
+            class="mt-[140px] mb-[230px] carousel-container px-[80px] py-[40px] z-6"
+          >
+            <div ref="carouselTrack" class="carousel-track">
+              <div
+                v-for="(item, idx) in getVisibleItems()"
+                :key="idx"
+                class="carousel-item"
+              >
+                <img class="carousel-image" :src="item.imgUrl" />
+                <div class="carousel-title flex justify-between">
+                  <div>{{ item.title }}</div>
+                  <div v-if="item.date" class="text-[#9F9F9F] text-[35px]">
+                    {{ item.date }}
+                  </div>
+                </div>
+                <div class="carousel-subtitle">
+                  <div>{{ item.subTitle }}</div>
+                </div>
+                <div
+                  class="carousel-link flex items-center"
+                  @click="handleLink(item.linkUrl)"
+                >
+                  <img
+                    class="w-[30px] h-[30px] mr-[10px]"
+                    src="@/assets/image/investor/768/icon-l.png"
+                  />
+                  <div>{{ item.link }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="bg-[#F8F9FF]">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[188px] mt-[222px]">
+            <div class="w-[130px] h-[18px] bg-[#8B59F7]"></div>
+          </div>
+          <div class="w-full title mt-[58px] mb-[145px] px-[188px]">
+            <div>财务数据</div>
+          </div>
+
+          <div class="w-full px-[158px] mb-[57px]">
+            <div
+              class="bg-[#fff] flex w-full text-[40px] pa-[6px] shadow-[0_7px_50px_3px_rgba(0,0,0,0.16)] rounded-[20px]"
+            >
+              <div class="w-1/3 text-[#10263E] font-semibold">
+                <div
+                  class="bg-[#fff] ma-[6px] px-[25px] py-[30px] min-h-[118px]"
+                ></div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  收益报告
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  财报电话会议
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  10-Q/10-K
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  年度报告
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  年度会议
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  特别股东大会
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  委托书
+                </div>
+              </div>
+              <div class="w-2/3 font-normal text-[#9F9F9F]">
+                <div
+                  class="bg-[#C6ACFF] color-[#fff] ma-[6px] px-[25px] py-[30px] font-semibold"
+                >
+                  <div>2023年</div>
+                </div>
+                <div
+                  class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
+                >
+                  <div>Q1</div>
+                  <div>Q2</div>
+                  <div>Q3</div>
+                  <div>Q4</div>
+                </div>
+                <div
+                  class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
+                >
+                  <div>Q1</div>
+                  <div>Q2</div>
+                  <div>Q3</div>
+                  <div>Q4</div>
+                </div>
+                <div
+                  class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
+                >
+                  <div>Q1</div>
+                  <div>Q2</div>
+                  <div>Q3</div>
+                  <div>Q4</div>
+                </div>
+                <div
+                  class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px] flex justify-between"
+                >
+                  <div>Q1</div>
+                  <div>Q2</div>
+                  <div>Q3</div>
+                  <div>Q4</div>
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  <div>2023年</div>
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  <div>2023年</div>
+                </div>
+                <div class="bg-[#F8F9FF] ma-[6px] px-[25px] py-[30px]">
+                  <div>2023年</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div
+            class="bg-[#8B59F7] mb-[228px] rounded-[60px] text-[#fff] text-[45px] font-semibold px-[103px] py-[27px] flex items-center"
+            @click="
+              handleLink('https://www.minim.com/investor-relations/financials/')
+            "
+          >
+            投资者沟通指南
+            <img
+              class="w-[23px] h-[43px] ml-[50px]"
+              src="@/assets/image/investor/768/icon-r-o.png"
+            />
+          </div>
+        </div>
+      </section>
+      <section class="section-four h-[2933px] color-[#D1D1D1] text-[40px]">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[188px] mt-[222px]">
+            <div class="w-[130px] h-[18px] bg-[#8B59F7]"></div>
+          </div>
+          <div
+            class="w-full title mt-[58px] mb-[145px] px-[188px] color-[#D1D1D1]"
+          >
+            <div>行情走势</div>
+          </div>
+
+          <div class="w-full px-[188px] mb-[57px]">
+            SEC文件是提交给美国证券交易委员会（SEC）的文件。上市公司和某些内部人士必须定期向美国证券交易委员会提交文件。这些文件可以通过美国证券交易委员会的在线数据库获得。
+          </div>
+          <div class="w-full px-[188px] mb-[57px]">
+            通过在下面进行选择，您将离开Minim网站。Minim对您可以通过此网站访问的任何其他网站不作任何陈述。当您访问非Minim网站时，即使是可能包含Minim徽标的网站，请理解它独立于Minim，Minim无法控制该网站上的内容。此外，链接到非Minim网站并不意味着Minim认可或接受对该网站的内容或使用的任何责任。
+          </div>
+          <div class="px-[188px] mb-[175px] flex flex-start w-full">
+            <div
+              class="bg-[#8B59F7] rounded-[60px] text-[#fff] text-[45px] font-semibold px-[103px] py-[27px] flex items-center"
+              @click="
+                handleLink(
+                  'https://www.minim.com/investor-relations/financials/'
+                )
+              "
+            >
+              查看所有SEC文件
+              <img
+                class="w-[23px] h-[43px] ml-[50px]"
+                src="@/assets/image/investor/768/icon-r-o.png"
+              />
+            </div>
+          </div>
+
+          <div class="overflow-hidden">
+            <img
+              class="w-[1608px] h-[1010px]"
+              src="@/assets/image/investor/768/imageshow-6.png"
+            />
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[188px] mt-[222px]">
+            <div class="w-[130px] h-[18px] bg-[#8B59F7]"></div>
+          </div>
+          <div class="w-full title mt-[58px] px-[188px]">
+            <div>董事会</div>
+          </div>
+          <div
+            class="w-full flex justify-between mt-[140px] mb-[230px] px-[188px]"
+          >
+            <div class="w-[745px] h-[433px] div-bg3 flex flex-wrap">
+              <div class="text-[50px] text-[#fff] font-semibold">
+                帕特里克·里瓦德
+              </div>
+              <div class="w-full text-[38px] text-[#EBEBEB] tracking-[4px]">
+                董事会董事
+              </div>
+              <div class="w-full text-[38px] text-[#EBEBEB] truncate">
+                美国财富保护公司合伙人兼首席财务官
+              </div>
+            </div>
+            <div class="w-[745px] h-[433px] div-bg4 flex flex-wrap">
+              <div class="text-[50px] text-[#10253E] font-semibold">
+                安德鲁·帕帕尼科劳
+              </div>
+              <div class="w-full text-[38px] text-[#455363] tracking-[4px]">
+                董事会董事
+              </div>
+              <div class="w-full text-[38px] text-[#455363] tracking-[4px]">
+                雷神公司财务经理
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="bg-[#F8F9FF]">
+        <div class="flex flex-wrap justify-center">
+          <div class="w-full px-[188px] mt-[220px]">
+            <div class="w-[130px] h-[18px] bg-[#8B59F7]"></div>
+          </div>
+          <div class="w-full title mt-[58px] px-[188px]">
+            <div>治理、多样性和委员会章程</div>
+          </div>
+          <div class="w-full flex flex-wrap mt-[105px] mb-[230px] px-[188px]">
+            <div
+              v-for="item in state.linkArr"
+              :key="item.title"
+              class="w-full bg-[#fff] pl-[16px] rounded-[20px] mt-[38px] before-line"
+            >
+              <div
+                class="w-full flex items-center justify-between px-[25px] py-[20px] font-semibold text-[40px] tracking-[4px]"
+                @click="handleLink(item.link)"
+              >
+                {{ item.title }}
+
+                <img
+                  class="w-[23px] h-[43px]"
+                  src="@/assets/image/investor/768/icon-r.png"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section
+        style="background: #fff"
+        className="flex flex-wrap justify-center"
+      >
+        <img
+          class="w-[580px] h-[55px] my-[85px]"
+          src="@/assets/image/image-footer.png"
+          alt="logo"
+        />
+      </section>
+    </main>
+  </div>
+</template>
+
+<script setup>
+import { NDivider } from "naive-ui";
+import { onUnmounted, ref, onMounted, reactive, watch, nextTick } from "vue";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import AppHeader from "@/components/AppHeader/index.vue";
+import { useTransitionComposable } from "@/composables/transition-composable";
+
+// 定义组件的自定义事件
+defineEmits(["sendCode"]);
+
+// 注册 ScrollTrigger 插件
+gsap.registerPlugin(ScrollTrigger);
+
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+const { transitionState } = useTransitionComposable();
+
+const moveRefs = ref(
+  Array(27)
+    .fill(null)
+    .map(() => ref(null))
+);
+let ctx;
+
+// 导入图片
+import imageshow1 from "@/assets/image/investor/768/imageshow-1.png";
+import imageshow2 from "@/assets/image/investor/768/imageshow-2.png";
+import imageshow3 from "@/assets/image/investor/768/imageshow-3.png";
+
+const state = reactive({
+  marqueeArr: [
+    {
+      title: "最新财务",
+      subTitle: "2022年第四季度和2022年全年收益结果",
+      date: "2023年3月29日",
+      link: "收益公布",
+      imgUrl: imageshow1,
+      linkUrl: "https://www.minim.com/investor-relations/financials/",
+    },
+    {
+      title: "最近的事件",
+      subTitle: "Minim宣布与e2Companies达成合并协议",
+      date: "2024年3月13日",
+      link: "合并协议-新闻稿最终稿2024年12月3日",
+      imgUrl: imageshow2,
+      linkUrl: "https://www.minim.com/investor-relations/financials/",
+    },
+    {
+      title: "股票报价",
+      subTitle: "TradingView的MINM报价",
+      link: "MINM报价",
+      imgUrl: imageshow3,
+      linkUrl: "https://www.minim.com/investor-relations/financials/",
+    },
+  ],
+  linkArr: [
+    {
+      title: "高级财务人员道德守则",
+      link: "",
+    },
+    {
+      title: "冲突矿产声明",
+      link: "",
+    },
+    {
+      title: "道德和商业行为准则",
+      link: "",
+    },
+    {
+      title: "审计委员会章程",
+      link: "",
+    },
+    {
+      title: "举报人政策",
+      link: "",
+    },
+    {
+      title: "薪酬委员会章程",
+      link: "",
+    },
+    {
+      title: "关联方交易政策",
+      link: "",
+    },
+    {
+      title: "提名和治理委员会章程",
+      link: "",
+    },
+    {
+      title: "2022年多样性矩阵",
+      link: "",
+    },
+    {
+      title: "2023年多样性矩阵",
+      link: "",
+    },
+  ],
+});
+
+const carouselTrack = ref(null);
+let carouselAnimation = null; // 存储 GSAP 动画实例
+
+const getVisibleItems = () => {
+  const items = state.marqueeArr;
+  // 复制两组用于无缝滚动
+  return [...items, ...items];
+};
+
+// 监听窗口大小变化
+onMounted(() => {
+  ctx = gsap.context(() => {
+    moveRefs.value.forEach((moveRef, index) => {
+      if (moveRef.value) {
+        // 修改初始状态设置
+        gsap.set(moveRef.value, {
+          opacity: 0,
+          // 使用 translateX 替代 x，并且初始位置设置在元素自身宽度范围内
+          transform: `translateX(${index % 2 === 0 ? "-100%" : "100%"})`,
+          // 添加 overflow: hidden 确保不会影响布局
+          overflow: "hidden",
+        });
+
+        // 修改动画设置
+        gsap.to(moveRef.value, {
+          opacity: 1,
+          transform: "translateX(0)", // 使用 transform 替代 x
+          duration: 1.2,
+          ease: "power2.out",
+          scrollTrigger: {
+            trigger: moveRef.value,
+            start: "top 80%",
+            end: "top 40%",
+            toggleActions: "play none none reverse",
+            markers: false,
+          },
+        });
+      }
+    });
+
+    // 初始化轮播动画
+    nextTick(() => {
+      if (carouselTrack.value) {
+        const firstItem = carouselTrack.value.querySelector(".carousel-item");
+        if (!firstItem) return;
+
+        const itemWidth = firstItem.offsetWidth;
+        const itemMargin = parseInt(
+          window.getComputedStyle(firstItem).marginRight
+        );
+        const slideWidth = itemWidth + itemMargin;
+        const totalWidth = slideWidth * state.marqueeArr.length;
+
+        // 创建无限滚动动画
+        carouselAnimation = gsap.to(carouselTrack.value, {
+          x: -totalWidth,
+          duration: 20,
+          ease: "none",
+          repeat: -1,
+          onRepeat: () => {
+            gsap.set(carouselTrack.value, { x: 0 });
+          },
+        });
+      }
+    });
+  });
+});
+
+onUnmounted(() => {
+  if (ctx) {
+    ctx.revert();
+  }
+  ScrollTrigger.killAll();
+  if (carouselAnimation) {
+    carouselAnimation.kill();
+  }
+});
+
+import { useRouter } from "vue-router";
+const router = useRouter();
+
+const goToSection = (i) => {
+  ctx.data.forEach((e) => {
+    if (e.vars && e.vars.id === "scrollTween") {
+      e.kill();
+    }
+  });
+  ctx.add(() => {
+    scrollTween = gsap.to(window, {
+      scrollTo: { y: i * window.innerHeight, autoKill: false },
+      duration: 1,
+      id: "scrollTween",
+      onComplete: () => (scrollTween = null),
+      overwrite: true,
+    });
+  });
+};
+const handleLink = (url) => {
+  window.open(url);
+};
+</script>
+
+<style scoped lang="scss">
+.page-container {
+  width: 100%;
+  overflow-x: hidden;
+  position: relative;
+}
+
+.title {
+  font-size: 85px;
+  font-weight: 600;
+}
+
+.section-first {
+  width: 100%;
+  background-image: url("@/assets/image/investor/768/bg-1.png");
+  background-size: cover;
+  background-position: bottom;
+  background-repeat: no-repeat;
+}
+.section-four {
+  background: url("@/assets/image/investor/768/bg-2.png");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.div-bg3 {
+  background: url("@/assets/image/investor/768/bg-3.png");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 0px 45px 50px 45px;
+  align-content: end;
+  box-shadow: 0 20px 41px 10px rgba(0, 0, 0, 0.16);
+  border-radius: 40px;
+}
+.div-bg4 {
+  background: url("@/assets/image/investor/768/bg-4.png");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 0px 45px 50px 45px;
+  align-content: end;
+  box-shadow: 0 10px 41px 5px rgba(0, 0, 0, 0.16);
+  border-radius: 40px;
+}
+.icon-langmul {
+  position: absolute;
+  bottom: -80px;
+  right: 0;
+}
+.carousel-container {
+  width: 96%;
+  overflow: hidden;
+  position: relative;
+}
+
+.arrow-btn {
+  cursor: pointer;
+}
+
+.carousel-track {
+  display: flex;
+  will-change: transform;
+  cursor: grab;
+  user-select: none;
+
+  &:active {
+    cursor: grabbing;
+  }
+}
+
+.carousel-item {
+  width: 785px;
+  margin-right: 73px;
+  flex: 0 0 auto;
+  display: block; // 改为 block 布局
+  padding: 23px 20px 83px 20px;
+  border-radius: 30px;
+  box-shadow: 0 8px 35px 3px rgba(0, 0, 0, 0.16);
+}
+
+.carousel-image {
+  width: 748px;
+  height: 563px;
+  object-fit: cover;
+  display: block;
+}
+
+.carousel-content {
+  padding: 0 20px 0 60px;
+  margin-top: 38px;
+}
+
+.carousel-title {
+  font-size: 50px;
+  font-weight: 500;
+  margin-top: 48px;
+}
+
+.carousel-subtitle {
+  margin-top: 23px;
+  color: #455363;
+  font-size: 40px;
+}
+.carousel-link {
+  margin-top: 25px;
+  color: #8b59fa;
+  font-size: 35px;
+}
+// 添加一个通用的溢出控制类
+.overflow-hidden {
+  overflow: hidden;
+}
+.divider1 {
+  position: absolute;
+  z-index: 3;
+  left: 142px;
+  width: 1px;
+  height: 100%;
+  background-color: rgba(230, 234, 238, 0.5) !important;
+}
+
+.divider5 {
+  position: absolute;
+  z-index: 3;
+  right: 142px;
+  width: 1px;
+  height: 100%;
+  background-color: rgba(230, 234, 238, 0.5) !important;
+}
+.line-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: calc(1.5em * 2);
+}
+.before-line {
+  position: relative;
+  &::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 16px;
+    height: 100%;
+    background: #c6acff;
+    border-radius: 20px 0 0 20px;
+  }
+}
+</style>