jpg8张

style/index.css

@@ -96,19 +96,19 @@ ul {
   top: 0;
   top: 0;
 }
 }
 .main-container .swiper-container .banner1 {
 .main-container .swiper-container .banner1 {
-  background: #0c2655 url('../img/index_banner1.png') top center no-repeat;
+  background: #0c2655 url('../img/index_banner1.jpg') top center no-repeat;
   background-size: cover ;
   background-size: cover ;
 }
 }
 .main-container .swiper-container .banner2 {
 .main-container .swiper-container .banner2 {
-  background: #0c2655 url('../img/index_banner2.png') top center no-repeat;
+  background: #0c2655 url('../img/index_banner2.jpg') top center no-repeat;
   background-size: cover ;
   background-size: cover ;
 }
 }
 .main-container .swiper-container .banner3 {
 .main-container .swiper-container .banner3 {
-  background: #0c2655 url('../img/index_banner3.png') top center no-repeat;
+  background: #0c2655 url('../img/index_banner3.jpg') top center no-repeat;
   background-size: cover ;
   background-size: cover ;
 }
 }
 .main-container .swiper-container .banner4 {
 .main-container .swiper-container .banner4 {
-  background: #0c2655 url('../img/index_banner4.png') top center no-repeat;
+  background: #0c2655 url('../img/index_banner4.jpg') top center no-repeat;
   background-size: cover ;
   background-size: cover ;
 }
 }
 .main-container .swiper-container .word-box {
 .main-container .swiper-container .word-box {

style/index.less

@@ -105,19 +105,19 @@ ul {
     left: 0;
     left: 0;
     top: 0;
     top: 0;
     .banner1 {
     .banner1 {
-      background: #0c2655 url('../img/index_banner1.png')  top center no-repeat;
+      background: #0c2655 url('../img/index_banner1.jpg')  top center no-repeat;
       background-size: cover ;
       background-size: cover ;
     }
     }
     .banner2 {
     .banner2 {
-      background: #0c2655 url('../img/index_banner2.png')  top center no-repeat;
+      background: #0c2655 url('../img/index_banner2.jpg')  top center no-repeat;
       background-size: cover ;
       background-size: cover ;
     }
     }
     .banner3 {
     .banner3 {
-      background: #0c2655 url('../img/index_banner3.png')  top center no-repeat;
+      background: #0c2655 url('../img/index_banner3.jpg')  top center no-repeat;
       background-size: cover ;
       background-size: cover ;
     }
     }
     .banner4 {
     .banner4 {
-      background: #0c2655 url('../img/index_banner4.png')  top center no-repeat;
+      background: #0c2655 url('../img/index_banner4.jpg')  top center no-repeat;
       background-size: cover ;
       background-size: cover ;
     }
     }
     .word-box {
     .word-box {

style/solution.css

@@ -74,19 +74,19 @@ ul {
   display: inline-block;
   display: inline-block;
 }
 }
 .bg-10 {
 .bg-10 {
-  background: #E4E5E8 url('/img/bg10.png') top center no-repeat !important;
+  background: #E4E5E8 url('/img/bg10.jpg') top center no-repeat !important;
   background-size: cover !important;
   background-size: cover !important;
 }
 }
 .bg-11 {
 .bg-11 {
-  background: #E4E5E8 url('/img/bg11.png') top center no-repeat !important;
+  background: #E4E5E8 url('/img/bg11.jpg') top center no-repeat !important;
   background-size: cover !important;
   background-size: cover !important;
 }
 }
 .bg-12 {
 .bg-12 {
-  background: #E4E5E8 url('/img/bg12.png') top center no-repeat !important;
+  background: #E4E5E8 url('/img/bg12.jpg') top center no-repeat !important;
   background-size: cover !important;
   background-size: cover !important;
 }
 }
 .main-container {
 .main-container {
-  background: #E4E5E8 url('/img/bg5.png') top center no-repeat;
+  background: #E4E5E8 url('/img/bg5.jpg') top center no-repeat;
   background-size: cover ;
   background-size: cover ;
   height: 280px;
   height: 280px;
   position: relative;
   position: relative;

style/solution.less

@@ -84,19 +84,19 @@ ul {
   }
   }
 }
 }
 .bg-10 {
 .bg-10 {
-  background: #E4E5E8 url('/img/bg10.png')  top center no-repeat !important;
+  background: #E4E5E8 url('/img/bg10.jpg')  top center no-repeat !important;
   background-size: cover !important;
   background-size: cover !important;
 }
 }
 .bg-11 {
 .bg-11 {
-  background: #E4E5E8 url('/img/bg11.png')  top center no-repeat !important;
+  background: #E4E5E8 url('/img/bg11.jpg')  top center no-repeat !important;
   background-size: cover !important;
   background-size: cover !important;
 }
 }
 .bg-12 {
 .bg-12 {
-  background: #E4E5E8 url('/img/bg12.png')  top center no-repeat !important;
+  background: #E4E5E8 url('/img/bg12.jpg')  top center no-repeat !important;
   background-size: cover !important;
   background-size: cover !important;
 }
 }
 .main-container {
 .main-container {
-  background: #E4E5E8 url('/img/bg5.png')  top center no-repeat;
+  background: #E4E5E8 url('/img/bg5.jpg')  top center no-repeat;
   background-size: cover ;
   background-size: cover ;
   height: 280px;
   height: 280px;
   position: relative;
   position: relative;