diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss
index 5205cf84..be1a8ade 100644
--- a/src/assets/styles/portal-index.scss
+++ b/src/assets/styles/portal-index.scss
@@ -444,6 +444,15 @@
 }
 // boe-index
 @media screen and (max-width: 1366px){
+  .course-banner {// 首页banner导航条样式
+    .swiper-button-prev{
+      left: 42%;
+    }
+    .swiper-button-next{
+      right: 53%;
+    
+    }
+  }
   .gui-box-right{//资源引导位宽度
     width: 497px;
     .swiper-slide{
@@ -702,6 +711,15 @@
  }
 }
 @media screen and (max-width: 1680px) and (min-width:1367px){
+  .course-banner {// 首页banner导航条样式
+    .swiper-button-prev{
+      left: 43%;
+    }
+    .swiper-button-next{
+      right: 53%;
+    
+    }
+  }
   .gui-box-right{//资源引导位宽度
     width: 658px;
     .swiper-slide{
@@ -947,6 +965,15 @@
 }
 
 @media screen and (max-width: 1920px) and (min-width: 1681px){
+  .course-banner {// 首页banner导航条样式
+    .swiper-button-prev{
+      left: 43.5%;
+    }
+    .swiper-button-next{
+      right: 53%;
+    
+    }
+  }
   .gui-box-right{//资源引导位宽度
     width: 697px;
     .swiper-slide{
@@ -1198,6 +1225,15 @@
   }
 
 @media screen and (min-width: 1921px){
+  .course-banner {// 首页banner导航条样式
+    .swiper-button-prev{
+      left: 44%;
+    }
+    .swiper-button-next{
+      right: 52.65%;
+    
+    }
+  }
   .gui-box-right{//资源引导位宽度
     width: 897px;
     .swiper-slide{
diff --git a/src/views/Index.vue b/src/views/Index.vue
index d1f1fc60..c6680e11 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1192,7 +1192,7 @@
     // background: url('/images/course-banner.png');
     .swiper-button-prev{
       height: 38px;
-      left: 44%;
+      // left: 44%;
       top:auto;
       padding: 0 16px;
       background: rgba($color: #000000, $alpha: 0.1) url('../assets/images/icon/ban-left.png') no-repeat;
@@ -1203,7 +1203,7 @@
     }
     .swiper-button-next{
       height: 38px;
-      right: 52.65%;
+      // right: 52.65%;
       bottom: 66px;
       top:auto;
       padding: 0 16px;