修改样式

html/products.html

@@ -158,6 +158,43 @@
           <img src="../img/earthselect.png" class="select " alt="" />
 
         </div>
+        <div class="des-list visible-xs">
+            <ul class="">
+              <li>
+                1、城市全景精细呈现
+              </li>
+              <li>
+                2、多部门、多类型数据融合，全面互联互通
+              </li>
+              <li>
+                3、强大的统计分析
+              </li>
+              <li>
+                4、真正与数据对话——丰富的交互查询手段
+              </li>
+              <li>
+                5、可视化部署、指挥调度
+              </li>
+            </ul>
+            <ul class="">
+              <li>
+                1、全面互联互通，多类型数据融合，大数据云计算处理
+              </li>
+              <li>
+                2、全三维城市态势，千万数据前端展示
+              </li>
+              <li>
+                3、二三维态势联动分析决策
+              </li>
+              <li>
+                4、全时空态势呈现，三维实时渲染
+              </li>
+              <li>
+                5、智能物联，全方位感知城市信息
+              </li>
+            </ul>
+
+        </div>
       </div>
     </div>
     <div class="solution">

style/about.css

@@ -258,6 +258,7 @@ ul {
   border: none;
 }
 .strength {
+  display: none;
   height: 534px;
   margin-top: 89px;
   background: #000;

style/about.less

@@ -277,6 +277,7 @@ ul {
   }
 }
 .strength {
+  display: none;
   height: 534px;
   margin-top: 89px;
   background: #000;

style/common.css

@@ -43,7 +43,7 @@ body {
 /* custom */
 a {
   color: #7e8c8d;
-  text-decoration: none;
+  text-decoration: none !important;
   -webkit-backface-visibility: hidden;
 }
 

style/products.css

@@ -641,13 +641,16 @@ ul {
   }
 }
 @media (max-width: 768px) {
+  .main-container {
+    height: 4.2rem !important;
+  }
   .main-container .qiu {
     display: none !important;
   }
   .main-container #banner .word-box {
     position: absolute;
     padding-left: 20px;
-    padding-top: 1.5rem;
+    padding-top: 1rem;
     z-index: 555;
     width: 80%;
   }
@@ -661,7 +664,7 @@ ul {
     width: 147px;
     height: 1px;
     background: #333333;
-    margin-top: 0.5rem;
+    margin-top: 0.3rem;
   }
   .main-container #banner .word-box p.btword {
     font-size: 0.28rem;
@@ -673,9 +676,10 @@ ul {
     font-size: 0.125rem;
     color: #333333;
   }
-  .main-container #banner .word-box p.conword {
+  .main-container #banner .word-box .conword {
     font-size: 0.16rem;
     color: #333333;
+    opacity: 0.6;
     line-height: 0.26rem;
     margin-top: 0.15rem;
     max-width: 466px;

style/products.less

@@ -695,13 +695,14 @@ ul {
 }
 @media (max-width: 768px) {
   .main-container {
+    height:4.2rem !important;
     .qiu {
       display: none !important;
     }
     #banner  .word-box {
       position: absolute;
       padding-left: 20px;
-      padding-top: 1.5rem;
+      padding-top: 1rem;
       z-index: 555;
       width: 80%;
       p.line1 {
@@ -714,7 +715,7 @@ ul {
         width:147px;
         height:1px;
         background:#333333;
-        margin-top: 0.5rem;
+        margin-top: 0.3rem;
       }
       p.btword {
         font-size: 0.28rem;
@@ -727,9 +728,10 @@ ul {
         color: #333333;
         // margin-top: 21px;
       }
-      p.conword {
+      .conword {
         font-size: 0.16rem;
         color: #333333;
+        opacity: 0.6;
         line-height: 0.26rem;
         margin-top: 0.15rem;
         max-width: 466px;