BJ_web_developers / webportal

Commit 85c3efcc5c0b9e03e931e471569a9a7049615abb

Authored by Andy
1 parent ccfb5595

产品介绍：更新图片 新增无人值守 

服务页面：新增无人值守card
Inline Side-by-side
Showing 12 changed files with 81 additions and 18 deletions
css/portfollo.css
  View file @85c3efc
... ... @@ -254,6 +254,8 @@
254 254 font-size: 20px;
255 255 cursor: pointer;
256 256 position: relative;
  257 + width: 20%;
  258 + float: left;
257 259 }
258 260 .portfolio-hardware-wrap li:nth-of-type(1){
259 261 padding-top: 60px;
... ... @@ -275,6 +277,11 @@
275 277 background: url("../images/portfolio-hardware-wrap-4.png") no-repeat center 0;
276 278  
277 279 }
  280 +.portfolio-hardware-wrap li:nth-of-type(5){
  281 + padding-top: 60px;
  282 + background: url("../images/portfolio-hardware-wrap-5.png") no-repeat center 0;
  283 +
  284 +}
278 285 .portfolio-hardware-wrap li:nth-of-type(1).active{
279 286 color: #3F9FFE;
280 287 padding-bottom: 10px;
... ... @@ -299,6 +306,11 @@
299 306 padding-bottom: 10px;
300 307 /*border-bottom: 3px solid rgba(63,159,254,1);*/
301 308 background: url("../images/portfolio-hardware-wrap-4-active.png") no-repeat center 0;
  309 +}.portfolio-hardware-wrap li:nth-of-type(5).active{
  310 + color: #3F9FFE;
  311 + padding-bottom: 10px;
  312 + /*border-bottom: 3px solid rgba(63,159,254,1);*/
  313 + background: url("../images/portfolio-hardware-wrap-5-active.png") no-repeat center 0;
302 314 }
303 315  
304 316 .portfolio-section-wrap{
... ... @@ -323,15 +335,15 @@
323 335 .ortfolio-hardware-bottom-1>li:nth-of-type(1){
324 336 /*width: 460px;*/
325 337 height: 200px;
326   - margin: 190px auto 0 ;
  338 + margin: 90px auto 0 ;
327 339 padding-right: 100px;
328 340 }
329 341 .ortfolio-hardware-bottom-1 li:nth-of-type(2){
330 342 /*padding-left: 100px;*/
331   - background: url("../images/produect_dev1new.png") no-repeat center 0;
332   - /*width: 578px;*/
333   - height: 500px;
334   - background-size: 578px 500px;
  343 + background: url("../images/produect_dev1.jpg") no-repeat center 0;
  344 + height: 375px;
  345 + background-size: 658px 375px;
  346 + /*background-size: 578px 500px;*/
335 347 }
336 348 .ortfolio-hardware-bottom-2 li:nth-of-type(1){
337 349 margin-top: 190px;
... ... @@ -366,6 +378,16 @@
366 378 height: 500px;
367 379 /*margin-left: 180px;*/
368 380 }
  381 +.ortfolio-hardware-bottom-5 li:nth-of-type(1){
  382 + margin-top: 187px;
  383 + height: 200px;
  384 +}
  385 +.ortfolio-hardware-bottom-5 li:nth-of-type(2){
  386 + background: url("../images/produect_dev5.jpg") no-repeat center center;
  387 + /*width: 297px;*/
  388 + height: 500px;
  389 + /*margin-left: 180px;*/
  390 +}
369 391 .ortfolio-hardware-bottom-1{
370 392  
371 393 }
... ...
css/services.css
  View file @85c3efc
... ... @@ -303,12 +303,12 @@
303 303 width: 100%;
304 304 }
305 305 .services-foot-div{
306   - height: 362px;
  306 + height: 302px;
307 307 background:rgba(255,255,255,1);
308 308 box-shadow:2px 2px 2px 2px rgba(234,235,235,0.48);
309 309 }
310 310 .services-foot-div div:nth-of-type(1){
311   - height: 219px;
  311 + height: 165px;
312 312 width: 100%;
313 313 }
314 314 .services-footmsgtit{
... ... @@ -326,7 +326,7 @@
326 326 font-size: 16px;
327 327 font-weight: 500;
328 328 color: rgba(0,0,0,0.6);
329   - line-height: 28px;
  329 + line-height: 22px;
330 330 text-align: left;
331 331 padding: 0 20px 0 40px;
332 332 }
... ... @@ -337,10 +337,15 @@
337 337 .services-footIco2{
338 338 background: url("../images/services_footIco2.png") no-repeat;
339 339 /*background-size: ;*/
340   -}.services-footIco3{
  340 +}
  341 +.services-footIco3{
341 342 background: url("../images/services_footIco3.png") no-repeat;
342 343 /*background-size: ;*/
343 344 }
  345 +.services-footIco4{
  346 + background: url("../images/services_footIco4.png") no-repeat;
  347 + /*background-size: ;*/
  348 +}
344 349 /*.ai-success-stories-list-bar{
345 350 position: absolute;
346 351 left: 0;
... ...
images/portfolio-hardware-wrap-5-active.png 0 → 100644
View file @85c3efc

1.94 KB
images/portfolio-hardware-wrap-5.png 0 → 100644
View file @85c3efc

2.02 KB
images/produect_dev1.jpg 0 → 100644
View file @85c3efc

51.7 KB
images/produect_dev5.jpg 0 → 100644
View file @85c3efc

86.2 KB
images/services_footIco1.png
View file @85c3efc

137 KB | W: | H:

81.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/services_footIco2.png 100755 → 100644
View file @85c3efc

176 KB | W: | H:

85.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/services_footIco3.png 100755 → 100644
View file @85c3efc

151 KB | W: | H:

66.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/services_footIco4.png 0 → 100644
View file @85c3efc

88.3 KB
portfolio.html
  View file @85c3efc
... ... @@ -230,22 +230,26 @@
230 230 <div class="row">
231 231 <div class="section-title-name">硬件产品</div>
232 232 <ul class="portfolio-hardware-wrap" id="portfolio-hardware-wrap">
233   - <li class="text-center col-md-3 col-xs-3 active">
  233 + <li class="text-center active">
234 234 封闭式设备
235 235 <div class="ai-success-stories-list-bar"></div>
236 236 </li>
237   - <li class="text-center col-md-3 col-xs-3">
  237 + <li class="text-center">
238 238 开放式设备
239 239 <div class="ai-success-stories-list-bar displaynone"></div>
240 240 </li>
241   - <li class="text-center col-md-3 col-xs-3">
  241 + <li class="text-center">
242 242 场内引导设备
243 243 <div class="ai-success-stories-list-bar displaynone"></div>
244 244 </li>
245   - <li class="text-center col-md-3 col-xs-3">
  245 + <li class="text-center ">
246 246 停车诱导设备
247 247 <div class="ai-success-stories-list-bar displaynone"></div>
248 248 </li>
  249 + <li class="text-center ">
  250 + 无人值守一体机
  251 + <div class="ai-success-stories-list-bar displaynone"></div>
  252 + </li>
249 253  
250 254 </ul>
251 255 </div>
... ... @@ -334,7 +338,7 @@
334 338 <ul class="row ortfolio-hardware-bottom-4">
335 339 <li class="text-center col-md-6">
336 340 <div class="ortfolio-hardware-bottom-title">
337   - 城市道路三级停车诱导系统
  341 + 城市道路停车诱导系统
338 342 </div>
339 343 <div class="ortfolio-soft-bottom-des"><span></span>
340 344 LED高亮、小间距全点阵全彩诱导屏，像素间距10mm,像素密度10000点/㎡。
... ... @@ -364,6 +368,32 @@
364 368 </div>
365 369 </section>
366 370 </li>
  371 + <li class="displaynone">
  372 + <section>
  373 + <div class="container">
  374 + <ul class="row ortfolio-hardware-bottom-5">
  375 + <li class="text-center col-md-6">
  376 + <div class="ortfolio-hardware-bottom-title">
  377 + 无人值守一体机
  378 + </div>
  379 + <div class="ortfolio-soft-bottom-des"><span></span>
  380 + 联网智能监控相机，实时监控运行状况 高清屏幕，实时展示收费信息
  381 + </div>
  382 + <div class="ortfolio-soft-bottom-des"><span></span>
  383 + 入口取票，无牌车精准计时计费 自助语音对讲，远程/中心协助
  384 + </div>
  385 +
  386 +
  387 +
  388 + </li>
  389 + <li class="text-center col-md-6">
  390 +
  391 + </li>
  392 +
  393 + </ul>
  394 + </div>
  395 + </section>
  396 + </li>
367 397 </ul>
368 398 <!--硬件平台 end-->
369 399  
... ...
services.html
  View file @85c3efc
... ... @@ -229,26 +229,32 @@
229 229 <div class="text-center services-foottit">全面智慧停车解决方案</div>
230 230 <div class="container">
231 231 <div class="row ">
232   - <div class="text-center col-md-4 col-sm-4">
  232 + <div class="text-center col-md-3 col-sm-3">
233 233 <div class="services-foot-div">
234 234 <div class="services-footIco1"></div>
235 235 <div class="services-footmsgtit">硬件互联</div>
236 236 <div class="services-footmsg">一体化车牌识别、地磁感应、道闸、岗亭收费系统</div>
237 237 </div>
238 238 </div>
239   - <div class="text-center col-md-4 col-sm-4">
  239 + <div class="text-center col-md-3 col-sm-3">
240 240 <div class="services-foot-div">
241 241 <div class="services-footIco2"></div>
242 242 <div class="services-footmsgtit">云平台</div>
243 243 <div class="services-footmsg">企业云平台、政府云平台、移动端APP全面停车运营管理</div>
244 244 </div>
245 245 </div>
246   - <div class="text-center col-md-4 col-sm-4">
  246 + <div class="text-center col-md-3 col-sm-3">
247 247 <div class="services-foot-div">
248 248 <div class="services-footIco3"></div>
249 249 <div class="services-footmsgtit">移动支付</div>
250 250 <div class="services-footmsg">提供会员优惠、支付宝、微信、无感等多种便捷优惠缴费方式</div>
251   -
  251 + </div>
  252 + </div>
  253 + <div class="text-center col-md-3 col-sm-3">
  254 + <div class="services-foot-div">
  255 + <div class="services-footIco4"></div>
  256 + <div class="services-footmsgtit">无人值守</div>
  257 + <div class="services-footmsg">一整套齐全、完整的服务体系， 保障车场无人化收费顺利运行</div>
252 258 </div>
253 259 </div>
254 260 </div>
... ...