diff --git a/components/header.vue b/components/header.vue
index 0ea3d72..2d28f13 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <header class="header-box d-none d-md-flex justify-content-between align-items-center">
+    <header class="header-box d-none d-xl-flex justify-content-between align-items-center">
       <nuxt-link to="/">
         <img :src="footerInfo.logo" width="265px" :alt="$t('index.corporateName')"></img>
       </nuxt-link>
@@ -24,7 +24,7 @@
       </div>
     </header>
 
-    <header class="header-box-mob d-block d-md-none">
+    <header class="header-box-mob d-block d-xl-none">
       <div class="header-top">
         <img class="mr-4" :src="footerInfo.mobileLogo" width="164px" :alt="$t('index.corporateName')">
         <div class="search-box">
@@ -48,7 +48,7 @@
         </div>
       </div>
 
-      <nav class="mob-nav hide_scroll_bar d-flex align-items-center">
+      <nav class="mob-nav hide_scroll_bar d-flex align-items-center justify-content-around">
         <nuxt-link 
           class="nav-link-item d-flex align-items-center" 
           :to="item.to"
diff --git a/pages/index.vue b/pages/index.vue
index 767ba88..05dcc24 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -89,7 +89,6 @@
           </template>
         </b-carousel-slide>
       </b-carousel>
-      <!--  这里写的不对    -->
       <template v-if="hotProductList.length">
         <nuxt-link 
           class="more box_shadow"