增加移动端banner

CZKJ.GBRS2.WebMVC/Views/Home/Index.cshtml

@@ -6,6 +6,7 @@
     <link rel="stylesheet" href="/assets/css/newsIndex.css">
     <link rel="stylesheet" href="/assets/plugins/swiper/idangerous.swiper.css">
 }
+@*pcbanner*@
 <div class="banner">
     <div class="swiper-container" id="banner">
         <div class="swiper-wrapper">
@@ -44,6 +45,33 @@
         </ul>
     </div>
 </div>
+@*mobileBanner*@
+<div class="banner mobileBanner">
+    <div class="swiper-container" id="banner">
+        <div class="swiper-wrapper">
+            <div class="swiper-slide" style="background-image:url('/assets/homeImg/banner.jpg')">         <div class="txt"></div>
+            </div>
+            <div class="swiper-slide" style="background-image:url('/assets/homeImg/banner.jpg')">
+                <div class="txt"></div>
+            </div>
+            <div class="swiper-slide" style="background-image:url('/assets/homeImg/banner.jpg')">
+                <div class="txt"></div>
+            </div>
+        </div>
+        <ul class="swiper-pagination">
+            <li class="cur">
+            </li>
+            <li>
+            </li>
+            <li>
+            </li>
+        </ul>
+    </div>
+</div>
+
+
+
+
 <!-- 新闻和服务 -->
 <div class="w newsORserv" id="news">
     <div class="left fl">

CZKJ.GBRS2.WebMVC/wwwroot/assets/css/newsIndex.css

@@ -2459,4 +2459,18 @@ textarea::-webkit-input-placeholder {
     #productRight .swiper-slide {
         height: 120px !important;
     }
+}
+
+
+/*切换轮播图*/
+.mobileBanner{
+    display:none;
+}
+@media(max-width:768px) {
+    .banner{
+        display:none;
+    }
+    .mobileBanner{
+        display:block;
+    }
 }