add service swiper效果

Andy
1 parent c01b036b
Showing 5 changed files with 30 additions and 30 deletions
css/portfollo.css
index.html
portfolio.html
services.html
style.css
@@ -232,12 +232,12 @@
 .ortfolio-soft-bottom-des span:before{
     position: absolute;
     content: '';
-    top:50%;
-    margin-top: -6px;
-    width:6px;
-    height:6px;
-    background:rgba(66,160,251,1);
-    border-radius:50%;
+    top: 50%;
+    margin-top: -8px;
+    width: 10px;
+    height: 10px;
+    background: rgba(66,160,251,1);
+    border-radius: 50%;
 }
 .padding20-0-70{
     padding: 70px 0 70px;
@@ -245,7 +245,7 @@
 /*硬件sta-----*/
 .portfolio-hardware-top{
     background: #fff;
-    padding-top: 70px !important;
+    padding-top: 36px !important;
     padding-bottom: 0;
 }
@@ -129,7 +129,7 @@
         <div class="row">
             <div class="col-md-12">
                 <div class="section-title">
-                    <h2>硬件设备</h2>
+                    <h2>硬件产品</h2>
                     <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p>
                 </div>
             </div>
@@ -163,7 +163,7 @@
         <div class="row">
             <div class="col-md-12">
                 <div class="section-title">
-                    <h2>软件平台</h2>
+                    <h2>软件产品</h2>
                     <p>任你停+企业云平台+数据分析平台</p>
                 </div>
             </div>
@@ -78,7 +78,7 @@
 <section id="portfolio-soft-top" class="section"  id="portfoliobody">
     <div class="container">
         <div class="row">
-            <div class="section-title-name">软件平台</div>
+            <div class="section-title-name">软件产品</div>
             <ul class="portfolio-soft-wrap" id="portfolio-soft-wrap">
                 <li class="text-center col-md-4 col-xs-4 active">
                     任你停
@@ -228,7 +228,7 @@
 <section id="portfolio-hardware-top" class="portfolio-hardware-top section">
     <div class="container">
         <div class="row">
-            <div class="section-title-name">硬件平台</div>
+            <div class="section-title-name">硬件产品</div>
             <ul class="portfolio-hardware-wrap" id="portfolio-hardware-wrap">
                 <li class="text-center col-md-3 col-xs-3 active">
                     封闭式设备
@@ -101,14 +101,14 @@
                             <li class="swiper-slide swiper-slide-next">
                                 <div class="txt">
                                     <p class="p1">任你停运营监控中心</p>
-                                    <p class="p2">建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化</p>
+                                    <p class="p2">建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化。</p>
                                 </div>
                                 <div class="img"><img src="images/services_saasIco2.png" alt=""></div>
                             </li>
                             <li class="swiper-slide">
                                 <div class="txt">
                                     <p class="p1">实时数据信息流互通</p>
-                                    <p class="p2">多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化连接，辅助商业决策分析，打造互联网+智慧停车新生态</p>
+                                    <p class="p2">多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化连接，辅助商业决策分析，打造互联网+智慧停车新生态。</p>
                                 </div>
                                 <div class="img"><img src="images/services_saasIco3.png" alt=""></div>
                             </li>
@@ -146,7 +146,7 @@
                     <li class="swiper-slide swiper-slide-active" style="display:block">
                         <div class="txt">
                             <p class="p1">一站式车场服务平台</p>
-                            <p class="p2">运用互联网+、物联网、AI开放平台，为车场提供科学专业建设方案，综合车位引导、视频监控、停车计费、运营监控等运营管理，提供一站式个性化定制，推动智慧停车商业运营新生态
+                            <p class="p2">运用互联网+、物联网、AI开放平台，为车场提供科学专业建设方案，综合车位引导、视频监控、停车计费、运营监控等运营管理，提供一站式个性化定制，推动智慧停车商业运营新生态。
                             </p>
                         </div>
                         <div class="img"><img src="images/services_parkIco1.png" alt=""></div>
@@ -154,14 +154,14 @@
                     <li class="swiper-slide swiper-slide-next">
                         <div class="txt">
                             <p class="p1">企业云平台</p>
-                            <p class="p2">为车场管理者提供财务对账，统计报表，运营监控，收入管理，权限管理，资产管理、人员排班，车位共享，灵活费率管理等多样化运营服务</p>
+                            <p class="p2">为车场管理者提供财务对账，统计报表，运营监控，收入管理，权限管理，资产管理、人员排班，车位共享，灵活费率管理等多样化运营服务。</p>
                         </div>
                         <div class="img"><img src="images/services_parkIco2.png" alt=""></div>
                     </li>
                     <li class="swiper-slide">
                         <div class="txt">
                             <p class="p1">政府云平台</p>
-                            <p class="p2">对数据进行集成、归类，建立完整的综合停车数据资源目录，深度洞察用户数据，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化。同时打造“新型智慧城市”解决交通拥堵治理、增进绿色经济发展</p>
+                            <p class="p2">对数据进行集成、归类，建立完整的综合停车数据资源目录，深度洞察用户数据，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化。同时打造“新型智慧城市”解决交通拥堵治理、增进绿色经济发展。</p>
                         </div>
                         <div class="img"><img src="images/services_parkIco3.png" alt="" ></div>
                     </li>
@@ -200,21 +200,21 @@
                     <li class="swiper-slide swiper-slide-active" style="display:block">
                         <div class="txt">
                             <p class="p1">车主服务平台</p>
-                            <p class="p2">移动掌上互联，为车主提供附近车位，个性导航，语音播报，手机缴费，订单详情，积分会员，共享车位，无感支付等多样化移动应用，解决停车难题，方便车主快捷出行</p>
+                            <p class="p2">移动掌上互联，为车主提供附近车位，个性导航，语音播报，手机缴费，订单详情，积分会员，共享车位，无感支付等多样化移动应用，解决停车难题，方便车主快捷出行。</p>
                         </div>
                         <div class="img"><img src="images/services_userIco1.png" alt="" ></div>
                     </li>
                     <li class="swiper-slide swiper-slide-next">
                         <div class="txt">
                             <p class="p1">移动端停车服务</p>
-                            <p class="p2">提供附近停车场（当前位置智能推荐，选择离您“最近”停车场，一键导航前往）车场详情（展示停车场详情信息，距离、位置，空余车位数实时更新）电子支付（支持常用电子支付，更有抵扣优惠券）</p>
+                            <p class="p2">提供附近停车场（当前位置智能推荐，选择离您“最近”停车场，一键导航前往）车场详情（展示停车场详情信息，距离、位置，空余车位数实时更新）电子支付（支持常用电子支付，更有抵扣优惠券）。</p>
                         </div>
                         <div class="img"><img src="images/services_userIco2.png" alt=""></div>
                     </li>
                     <li class="swiper-slide">
                         <div class="txt">
                             <p class="p1">会员和车主服务</p>
-                            <p class="p2">成为任你停会员，尊贵会员身份停车优惠。为车主提供查违章、加油站、汽车美容等完善的服务，一站式出行，一站式服务</p>
+                            <p class="p2">成为任你停会员，尊贵会员身份停车优惠。为车主提供查违章、加油站、汽车美容等完善的服务，一站式出行，一站式服务。</p>
                         </div>
                         <div class="img"><img src="images/services_userIco3.png" alt=""></div>
                     </li>
@@ -4,7 +4,7 @@
 	padding:0;
 }
 .section{
-	padding:70px 0 ;
+	padding:36px 0 ;
 }
 html,body {
 	height: 100%;
@@ -112,7 +112,7 @@ a:hover{
 	margin-bottom: 15px;
 	position: relative;
 	text-align: center;
-	margin-bottom: 40px;
+	/*margin-bottom: 40px;*/
 }
 .displaynone{
 	display: none;
@@ -683,15 +683,15 @@ a:hover{
 }
 .features-container li span:before{
-	 content: '';
-	 width:6px;
-	 height:6px;
-	position: absolute;
-	left: 0px;
-	top:50%;
-	margin-top: -3px;
-	 background:rgba(66,160,251,1);
-	 border-radius:50%;
+    content: '';
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    left: 0px;
+    top: 50%;
+    margin-top: -7px;
+    background: rgba(66,160,251,1);
+    border-radius: 50%;
  }
 #features .feature-left{}
 #features .feature-left img {