选择我们

liuqimichale
1 parent 9e852fae
Showing 8 changed files with 87 additions and 3 deletions
src/assets/images/home/chose.png
src/assets/images/home/sign1.png
src/assets/images/home/sign2.png
src/assets/images/home/sign3.png
src/assets/images/home/sign4.png
src/assets/images/home/sign5.png
src/assets/images/home/sign6.png
src/views/home/index.vue
@@ -2,9 +2,6 @@
     <div>
       <div class="banner-wrapper">
-
-
-
         <ul class="widthCommon banner-text">
           <li>
             <div>覆盖城市</div>
@@ -33,6 +30,40 @@
       <div class="bgCommon textCommonPadding">
         <div class="heading-text">为什么选择我们?</div>
+        <ul class="chose-wrap widthCommon">
+          <li>
+            <div class="sign1 sign">
+              <p>智能交通行业优势</p>
+              <p>公司在智能交通行业已经耕耘了19个年头，行业经验丰富，在动静态交通的结合方面优势尤为突出。</p>
+            </div>
+            <div class="sign2 sign">
+              <p>综合服务体系优势</p>
+              <p>规划设计、投融资、信息化建设、大数据整合、运营服务等 全产业链服务。</p>
+            </div>
+            <div class="sign3 sign">
+              <p>商业模式创新优势</p>
+              <p>技术+投资+运营+产业服务结合的商业模式属于行业首创。</p>
+            </div>
+          </li>
+
+          <li>
+
+          </li>
+          <li>
+            <div class="sign4 sign">
+              <p>技术研发优势</p>
+              <p>公司拥有北京、无锡、青岛三大研发基地，核心产品覆盖城市公安交通、公共交通、智慧停车三大领域，自主知识产权及专利达200余项。</p>
+            </div>
+            <div class="sign5 sign">
+              <p>停车治理经验优势</p>
+              <p>在多个城市级停车项目中，形成了一套完善的城市停车治理体系和运营管理体系。</p>
+            </div>
+            <div class="sign6 sign">
+              <p>战略合作策略优势</p>
+              <p>公司响应国家“一带一路”倡议，签订对外战略合作协议，引进国外先进的城市停车治理理念。</p>
+            </div>
+          </li>
+        </ul>
       </div>
@@ -296,5 +327,58 @@ export default {
   .case-main li:hover{
     transform: scale(1.2);
   }
+  .chose-wrap{
+    overflow: hidden;
+
+  }
+  .chose-wrap li{
+    float: left;
+  }
+  .chose-wrap li:nth-of-type(2){
+    width: 451px;
+    height: 325px;
+    margin: 0 20px;
+    background: url("../../assets/images/home/chose.png") no-repeat;
+    background-size: 100% 100%;
+  }
+  .sign1{
+    background: url("../../assets/images/home/sign1.png") no-repeat;
+    background-size: 58px 58px;
+  }
+  .sign2{
+    margin: 50px 0;
+    background: url("../../assets/images/home/sign2.png") no-repeat;
+    background-size: 58px 58px;
+  }
+  .sign3{
+    background: url("../../assets/images/home/sign3.png") no-repeat;
+    background-size: 58px 58px;
+  }
+  .sign4{
+    background: url("../../assets/images/home/sign4.png") no-repeat;
+    background-size: 58px 58px;
+  }
+  .sign5{
+    margin: 50px 0;
+    background: url("../../assets/images/home/sign5.png") no-repeat;
+    background-size: 58px 58px;
+  }
+  .sign6{
+    background: url("../../assets/images/home/sign6.png") no-repeat;
+    background-size: 58px 58px;
+  }
+  .sign{
+    width: 400px;
+    padding-left: 60px;
+    color: #333;
+    min-height: 60px;
+  }
+  .sign p:nth-of-type(1){
+    padding-bottom: 20px;
+    font-size: 14px;
+  }
+  .sign p:nth-of-type(2){
+    font-size: 12px;
+  }
 </style>