BJ_web_developers / webportal

Commit daadc05c6655276c21bafac01991e20e97132445

Authored by Andy
1 parent c01b036b

add service swiper效果

Inline Side-by-side
Showing 5 changed files with 30 additions and 30 deletions
css/portfollo.css
  View file @daadc05
... ... @@ -232,12 +232,12 @@
232 232 .ortfolio-soft-bottom-des span:before{
233 233 position: absolute;
234 234 content: '';
235   - top:50%;
236   - margin-top: -6px;
237   - width:6px;
238   - height:6px;
239   - background:rgba(66,160,251,1);
240   - border-radius:50%;
  235 + top: 50%;
  236 + margin-top: -8px;
  237 + width: 10px;
  238 + height: 10px;
  239 + background: rgba(66,160,251,1);
  240 + border-radius: 50%;
241 241 }
242 242 .padding20-0-70{
243 243 padding: 70px 0 70px;
... ... @@ -245,7 +245,7 @@
245 245 /*硬件sta-----*/
246 246 .portfolio-hardware-top{
247 247 background: #fff;
248   - padding-top: 70px !important;
  248 + padding-top: 36px !important;
249 249 padding-bottom: 0;
250 250 }
251 251  
... ...
index.html
  View file @daadc05
... ... @@ -129,7 +129,7 @@
129 129 <div class="row">
130 130 <div class="col-md-12">
131 131 <div class="section-title">
132   - <h2>硬件设备</h2>
  132 + <h2>硬件产品</h2>
133 133 <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p>
134 134 </div>
135 135 </div>
... ... @@ -163,7 +163,7 @@
163 163 <div class="row">
164 164 <div class="col-md-12">
165 165 <div class="section-title">
166   - <h2>软件平台</h2>
  166 + <h2>软件产品</h2>
167 167 <p>任你停+企业云平台+数据分析平台</p>
168 168 </div>
169 169 </div>
... ...
portfolio.html
  View file @daadc05
... ... @@ -78,7 +78,7 @@
78 78 <section id="portfolio-soft-top" class="section" id="portfoliobody">
79 79 <div class="container">
80 80 <div class="row">
81   - <div class="section-title-name">软件平台</div>
  81 + <div class="section-title-name">软件产品</div>
82 82 <ul class="portfolio-soft-wrap" id="portfolio-soft-wrap">
83 83 <li class="text-center col-md-4 col-xs-4 active">
84 84 任你停
... ... @@ -228,7 +228,7 @@
228 228 <section id="portfolio-hardware-top" class="portfolio-hardware-top section">
229 229 <div class="container">
230 230 <div class="row">
231   - <div class="section-title-name">硬件平台</div>
  231 + <div class="section-title-name">硬件产品</div>
232 232 <ul class="portfolio-hardware-wrap" id="portfolio-hardware-wrap">
233 233 <li class="text-center col-md-3 col-xs-3 active">
234 234 封闭式设备
... ...
services.html
  View file @daadc05
... ... @@ -101,14 +101,14 @@
101 101 <li class="swiper-slide swiper-slide-next">
102 102 <div class="txt">
103 103 <p class="p1">任你停运营监控中心</p>
104   - <p class="p2">建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化</p>
  104 + <p class="p2">建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化。</p>
105 105 </div>
106 106 <div class="img"><img src="images/services_saasIco2.png" alt=""></div>
107 107 </li>
108 108 <li class="swiper-slide">
109 109 <div class="txt">
110 110 <p class="p1">实时数据信息流互通</p>
111   - <p class="p2">多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化连接，辅助商业决策分析，打造互联网+智慧停车新生态</p>
  111 + <p class="p2">多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化连接，辅助商业决策分析，打造互联网+智慧停车新生态。</p>
112 112 </div>
113 113 <div class="img"><img src="images/services_saasIco3.png" alt=""></div>
114 114 </li>
... ... @@ -146,7 +146,7 @@
146 146 <li class="swiper-slide swiper-slide-active" style="display:block">
147 147 <div class="txt">
148 148 <p class="p1">一站式车场服务平台</p>
149   - <p class="p2">运用互联网+、物联网、AI开放平台，为车场提供科学专业建设方案，综合车位引导、视频监控、停车计费、运营监控等运营管理，提供一站式个性化定制，推动智慧停车商业运营新生态
  149 + <p class="p2">运用互联网+、物联网、AI开放平台，为车场提供科学专业建设方案，综合车位引导、视频监控、停车计费、运营监控等运营管理，提供一站式个性化定制，推动智慧停车商业运营新生态。
150 150 </p>
151 151 </div>
152 152 <div class="img"><img src="images/services_parkIco1.png" alt=""></div>
... ... @@ -154,14 +154,14 @@
154 154 <li class="swiper-slide swiper-slide-next">
155 155 <div class="txt">
156 156 <p class="p1">企业云平台</p>
157   - <p class="p2">为车场管理者提供财务对账，统计报表，运营监控，收入管理，权限管理，资产管理、人员排班，车位共享，灵活费率管理等多样化运营服务</p>
  157 + <p class="p2">为车场管理者提供财务对账，统计报表，运营监控，收入管理，权限管理，资产管理、人员排班，车位共享，灵活费率管理等多样化运营服务。</p>
158 158 </div>
159 159 <div class="img"><img src="images/services_parkIco2.png" alt=""></div>
160 160 </li>
161 161 <li class="swiper-slide">
162 162 <div class="txt">
163 163 <p class="p1">政府云平台</p>
164   - <p class="p2">对数据进行集成、归类，建立完整的综合停车数据资源目录，深度洞察用户数据，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化。同时打造“新型智慧城市”解决交通拥堵治理、增进绿色经济发展</p>
  164 + <p class="p2">对数据进行集成、归类，建立完整的综合停车数据资源目录，深度洞察用户数据，搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解拥堵实现车位运营智能化。同时打造“新型智慧城市”解决交通拥堵治理、增进绿色经济发展。</p>
165 165 </div>
166 166 <div class="img"><img src="images/services_parkIco3.png" alt="" ></div>
167 167 </li>
... ... @@ -200,21 +200,21 @@
200 200 <li class="swiper-slide swiper-slide-active" style="display:block">
201 201 <div class="txt">
202 202 <p class="p1">车主服务平台</p>
203   - <p class="p2">移动掌上互联，为车主提供附近车位，个性导航，语音播报，手机缴费，订单详情，积分会员，共享车位，无感支付等多样化移动应用，解决停车难题，方便车主快捷出行</p>
  203 + <p class="p2">移动掌上互联，为车主提供附近车位，个性导航，语音播报，手机缴费，订单详情，积分会员，共享车位，无感支付等多样化移动应用，解决停车难题，方便车主快捷出行。</p>
204 204 </div>
205 205 <div class="img"><img src="images/services_userIco1.png" alt="" ></div>
206 206 </li>
207 207 <li class="swiper-slide swiper-slide-next">
208 208 <div class="txt">
209 209 <p class="p1">移动端停车服务</p>
210   - <p class="p2">提供附近停车场（当前位置智能推荐，选择离您“最近”停车场，一键导航前往）车场详情（展示停车场详情信息，距离、位置，空余车位数实时更新）电子支付（支持常用电子支付，更有抵扣优惠券）</p>
  210 + <p class="p2">提供附近停车场（当前位置智能推荐，选择离您“最近”停车场，一键导航前往）车场详情（展示停车场详情信息，距离、位置，空余车位数实时更新）电子支付（支持常用电子支付，更有抵扣优惠券）。</p>
211 211 </div>
212 212 <div class="img"><img src="images/services_userIco2.png" alt=""></div>
213 213 </li>
214 214 <li class="swiper-slide">
215 215 <div class="txt">
216 216 <p class="p1">会员和车主服务</p>
217   - <p class="p2">成为任你停会员，尊贵会员身份停车优惠。为车主提供查违章、加油站、汽车美容等完善的服务，一站式出行，一站式服务</p>
  217 + <p class="p2">成为任你停会员，尊贵会员身份停车优惠。为车主提供查违章、加油站、汽车美容等完善的服务，一站式出行，一站式服务。</p>
218 218 </div>
219 219 <div class="img"><img src="images/services_userIco3.png" alt=""></div>
220 220 </li>
... ...
style.css
  View file @daadc05
... ... @@ -4,7 +4,7 @@
4 4 padding:0;
5 5 }
6 6 .section{
7   - padding:70px 0 ;
  7 + padding:36px 0 ;
8 8 }
9 9 html,body {
10 10 height: 100%;
... ... @@ -112,7 +112,7 @@ a:hover{
112 112 margin-bottom: 15px;
113 113 position: relative;
114 114 text-align: center;
115   - margin-bottom: 40px;
  115 + /*margin-bottom: 40px;*/
116 116 }
117 117 .displaynone{
118 118 display: none;
... ... @@ -683,15 +683,15 @@ a:hover{
683 683 }
684 684  
685 685 .features-container li span:before{
686   - content: '';
687   - width:6px;
688   - height:6px;
689   - position: absolute;
690   - left: 0px;
691   - top:50%;
692   - margin-top: -3px;
693   - background:rgba(66,160,251,1);
694   - border-radius:50%;
  686 + content: '';
  687 + width: 10px;
  688 + height: 10px;
  689 + position: absolute;
  690 + left: 0px;
  691 + top: 50%;
  692 + margin-top: -7px;
  693 + background: rgba(66,160,251,1);
  694 + border-radius: 50%;
695 695 }
696 696 #features .feature-left{}
697 697 #features .feature-left img {
... ...