diff --git a/src/assets/scss/globalVar.scss b/src/assets/scss/globalVar.scss
index 771137c..5142c71 100644
--- a/src/assets/scss/globalVar.scss
+++ b/src/assets/scss/globalVar.scss
@@ -1 +1,3 @@
-$bg-color: #1989fa;
\ No newline at end of file
+$bg-color: #1989fa;
+$bottom-height: 38px;
+$sub-header-height: 47px;
diff --git a/src/components/Bottom.vue b/src/components/Bottom.vue
new file mode 100644
index 0000000..fcdcd68
--- /dev/null
+++ b/src/components/Bottom.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="bottom_container">bottom</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.bottom_container {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: $bottom-height;
+  background: #283fe7;
+}
+</style>
diff --git a/src/components/SubNavigation.vue b/src/components/SubNavigation.vue
new file mode 100644
index 0000000..1b74c4a
--- /dev/null
+++ b/src/components/SubNavigation.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="sub_navigation_container">sub</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.sub_navigation_container {
+  height: $sub-header-height;
+  background: #efefef;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/components/Swiper.vue b/src/components/Swiper.vue
index afad721..0808ec8 100644
--- a/src/components/Swiper.vue
+++ b/src/components/Swiper.vue
@@ -21,12 +21,8 @@
 </template>
 
 <script setup>
-// Import Swiper Vue.js components
 import { Swiper, SwiperSlide } from 'swiper/vue'
-
-// Import Swiper styles
 import 'swiper/css'
-
 import 'swiper/css/pagination'
 import 'swiper/css/navigation'
 import { Pagination, Navigation } from 'swiper'
diff --git a/src/pages/Company.vue b/src/pages/Company.vue
index 17cb1af..18557bb 100644
--- a/src/pages/Company.vue
+++ b/src/pages/Company.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="company_container">
+    <SubNavigation />
     <AboutUs />
     <div class="video_container">
       <video
@@ -29,6 +30,7 @@ import Movie from '@/static/video/a.mp4'
 import DesignConcept from 'cpns/DesignConcept'
 import Cooperation from 'cpns/Cooperation'
 import QRCode from 'cpns/QRCode'
+import SubNavigation from 'cpns/SubNavigation'
 const video = ref(null)
 const maskShow = ref(true)
 const playVideo = () => {
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 1509044..5a52316 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -10,6 +10,7 @@
     <News />
     <Cooperation />
     <Awards />
+    <Bottom />
   </div>
 </template>
 
@@ -24,6 +25,11 @@ import OneStop from 'cpns/OneStop'
 import News from 'cpns/News'
 import Cooperation from 'cpns/Cooperation'
 import Awards from 'cpns/Awards'
+import Bottom from 'cpns/Bottom'
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.home_container {
+  margin-bottom: $bottom-height;
+}
+</style>