1080 适配

html/about.html

@@ -115,7 +115,7 @@
                       </div>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-md-4">
-                      <div class="item item2">
+                      <div class="item item2 hidden-sm hidden-xs">
                         <div class="title">
                           数字化体系
                         </div>
@@ -125,7 +125,7 @@
                       </div>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-md-4">
-                      <div class="item item3">
+                      <div class="item item3 hidden-sm hidden-xs" >
                         <div class="title">
                           视觉互动体验
                         </div>
@@ -150,10 +150,10 @@
                   <div class="item">
                       <img src="../img/personal2.png" alt="">
                   </div>
-                  <div class="item">
+                  <div class="item hidden-xs hidden-sm">
                       <img src="../img/personal3.png" alt="">
                   </div>
-                  <div class="item">
+                  <div class="item hidden-sm hidden-md hidden-xs">
                       <img src="../img/personal4.png" alt="">
                   </div>
               
@@ -166,7 +166,7 @@
               <img src="../img/patners.png" alt="">
             </div>
           <div class="container map-container" >
-            <div id="map"></div>
+            <div id="map" class="visible-lg visible-md"></div>
             <div class="introduce">
                 <div class="top">
                     <div class="line1"></div>

style/about.css

@@ -271,10 +271,14 @@ ul {
   padding-top: 100px;
   padding-bottom: 134px;
 }
+.patners img {
+  width: 100%;
+}
 .map-container {
   position: relative;
   height: 617px;
   background: url('../img/bg8.png') no-repeat top center;
+  background-size: 100% auto;
 }
 .map-container #map {
   width: 591px;

style/about.less

@@ -289,11 +289,15 @@ ul {
 .patners {
   padding-top: 100px;
   padding-bottom: 134px;
+  img {
+    width: 100%;
+  }
 }
 .map-container {
   position: relative;
   height: 617px;
   background:  url('../img/bg8.png') no-repeat top center;
+  background-size: 100% auto;
   #map {
     width:591px;
     height:332px;

style/index.css

@@ -751,6 +751,14 @@ ul {
     width: 28%;
   }
 }
+@media only screen and (max-width: 1200px) {
+  .solution .list {
+    width: 440px;
+  }
+  .industry-dynamics .list {
+    width: 409px;
+  }
+}
 @media only screen and (max-width: 750px) {
   .jobs .block .detail {
     width: 40%;

style/index.less

@@ -808,7 +808,13 @@ ul {
 @media only screen and (max-width: 1212px) {
 	.jobs .block .detail{width: 28%;}
 }
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 1200px) {
+  .solution .list {
+    width: 440px;
+  }
+  .industry-dynamics .list {
+    width:409px;
+  }
 
 }
 @media only screen and (max-width: 750px) {

style/products.css

@@ -554,6 +554,14 @@ ul {
     width: 28%;
   }
 }
+@media only screen and (max-width: 1200px) {
+  .solution .list {
+    width: 440px;
+  }
+  .industry-dynamics .list {
+    width: 409px;
+  }
+}
 @media only screen and (max-width: 750px) {
   .jobs .block .detail {
     width: 40%;

style/products.less

@@ -607,7 +607,13 @@ ul {
 @media only screen and (max-width: 1212px) {
 	.jobs .block .detail{width: 28%;}
 }
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 1200px) {
+  .solution .list {
+    width: 440px;
+  }
+  .industry-dynamics .list {
+    width:409px;
+  }
 
 }
 @media only screen and (max-width: 750px) {

style/solution.css

@@ -848,6 +848,14 @@ ul {
     width: 28%;
   }
 }
+@media only screen and (max-width: 1200px) {
+  .solution .list {
+    width: 440px;
+  }
+  .industry-dynamics .list {
+    width: 409px;
+  }
+}
 @media only screen and (max-width: 750px) {
   .jobs .block .detail {
     width: 40%;

style/solution.less

@@ -909,7 +909,13 @@ ul {
 @media only screen and (max-width: 1212px) {
 	.jobs .block .detail{width: 28%;}
 }
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 1200px) {
+  .solution .list {
+    width: 440px;
+  }
+  .industry-dynamics .list {
+    width:409px;
+  }
 
 }
 @media only screen and (max-width: 750px) {