diff --git a/src/components/Portal/guideBox.vue b/src/components/Portal/guideBox.vue
index e16585ab..173ef466 100644
--- a/src/components/Portal/guideBox.vue
+++ b/src/components/Portal/guideBox.vue
@@ -284,4 +284,124 @@
         color: #333333;
     }
 }
+
+@media screen and (max-width: 1366px){
+  .gui-box-left{
+    //width: 160px;
+    .left-title{
+      width: 160px;
+    }
+    dd{
+      margin-left: 10px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 497px;
+    .swiper-slide{
+      width: 376px;
+      height: 300px;
+      text-align: center;
+      .banner-img{
+         width: 376px;
+         height: 100%;
+      }
+   }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:25px;
+    }
+  }
+}
+@media screen and (max-width: 1680px) and (min-width:1367px){
+  .gui-box-left{
+    //width: 160px;
+    .left-title{
+      width: 160px;
+    }
+    dd{
+      margin-left: 10px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 658px;
+    .swiper-slide{
+       width: 476px;
+       height: 400px;
+       text-align: center;
+       .banner-img{
+          width: 476px;
+          height: 100%;
+       }
+    }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:25px;
+    }
+  }
+}
+
+@media screen and (max-width: 1920px) and (min-width: 1681px){
+  .gui-box-left{
+    //width: 160px;
+    .left-title{
+      width: 160px;
+    }
+    dd{
+      margin-left: 10px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 722px;
+    .swiper-slide{
+       width: 500px;
+       height: 400px;
+       text-align: center;
+       .banner-img{
+          width: 500px;
+          height: 100%;
+       }
+    }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:28px;
+    }
+  }
+}
+
+@media screen and (min-width: 1921px){
+  .gui-box-left{
+   // width: 190px;
+    .left-title{
+      width: 190px;
+    }
+    dd{
+      margin-left: 20px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 897px;
+    .swiper-slide{
+       width: 576px;
+       height: 500px;
+       text-align: center;
+       .banner-img{
+          width: 576px;
+          height: 100%;
+       }
+    }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:45px;
+    }
+  }
+}
+
 </style>