Commit 15cf61bea534815acf76ad96f11860e47a938251
1 parent
8cf8c4c7
产品界面 add 硬件平台
Showing
3 changed files
with
104 additions
and
29 deletions
css/portfollo.css
| @@ -68,29 +68,58 @@ | @@ -68,29 +68,58 @@ | ||
| 68 | .displaynone{ | 68 | .displaynone{ |
| 69 | display: none; | 69 | display: none; |
| 70 | } | 70 | } |
| 71 | +.ortfolio-hardware-bottom-title { | ||
| 72 | + font-size: 30px; | ||
| 73 | + font-weight: bold; | ||
| 74 | + color: rgba(0,0,0,.8); | ||
| 75 | + margin: 0px 0 27px; | ||
| 76 | + text-align: left; | ||
| 77 | +} | ||
| 71 | .ortfolio-hardware-bottom-1>li:nth-of-type(1){ | 78 | .ortfolio-hardware-bottom-1>li:nth-of-type(1){ |
| 72 | - background: #ffff00; | 79 | + width: 460px; |
| 80 | + height: 200px; | ||
| 81 | + margin: 227px 100px 0 50px; | ||
| 73 | } | 82 | } |
| 74 | .ortfolio-hardware-bottom-1 li:nth-of-type(2){ | 83 | .ortfolio-hardware-bottom-1 li:nth-of-type(2){ |
| 75 | - padding-left: 100px; | 84 | + /*padding-left: 100px;*/ |
| 85 | + background: url("../images/produect_dev1.png") no-repeat; | ||
| 86 | + width: 578px; | ||
| 87 | + height: 522px; | ||
| 88 | + margin-top: 40px; | ||
| 76 | } | 89 | } |
| 77 | .ortfolio-hardware-bottom-2 li:nth-of-type(1){ | 90 | .ortfolio-hardware-bottom-2 li:nth-of-type(1){ |
| 78 | - background: #f00; | 91 | + margin-top: 227px; |
| 79 | } | 92 | } |
| 80 | .ortfolio-hardware-bottom-2 li:nth-of-type(2){ | 93 | .ortfolio-hardware-bottom-2 li:nth-of-type(2){ |
| 81 | - | 94 | + background: url("../images/produect_dev4.png") no-repeat; |
| 95 | + width: 383px; | ||
| 96 | + height: 480px; | ||
| 97 | + margin-top: 70px; | ||
| 98 | + margin-left: 147px; | ||
| 82 | } | 99 | } |
| 83 | .ortfolio-hardware-bottom-3 li:nth-of-type(1){ | 100 | .ortfolio-hardware-bottom-3 li:nth-of-type(1){ |
| 84 | - background: #f0f; | 101 | + /*background: #f0f;*/ |
| 85 | } | 102 | } |
| 86 | .ortfolio-hardware-bottom-3 li:nth-of-type(2){ | 103 | .ortfolio-hardware-bottom-3 li:nth-of-type(2){ |
| 87 | 104 | ||
| 88 | } | 105 | } |
| 106 | +.ortfolio-hardware-bottom-4 li:nth-of-type(1){ | ||
| 107 | + margin-top: 185px; | ||
| 108 | + width: 500px; | ||
| 109 | + margin-left: 50px; | ||
| 110 | +} | ||
| 111 | +.ortfolio-hardware-bottom-4 li:nth-of-type(2){ | ||
| 112 | + background: url("../images/produect_dev2.png") no-repeat; | ||
| 113 | + width: 297px; | ||
| 114 | + height: 369px; | ||
| 115 | + margin-top: 138px; | ||
| 116 | + margin-left: 180px; | ||
| 117 | +} | ||
| 89 | .ortfolio-hardware-bottom-title{ | 118 | .ortfolio-hardware-bottom-title{ |
| 90 | font-size:30px; | 119 | font-size:30px; |
| 91 | font-weight:bold; | 120 | font-weight:bold; |
| 92 | color:rgba(0,0,0,.8); | 121 | color:rgba(0,0,0,.8); |
| 93 | - margin: 239px 0 27px; | 122 | + /*margin: 239px 0 27px;*/ |
| 94 | text-align: left; | 123 | text-align: left; |
| 95 | } | 124 | } |
| 96 | .ortfolio-hardware-bottom-des{ | 125 | .ortfolio-hardware-bottom-des{ |
| @@ -104,7 +133,7 @@ | @@ -104,7 +133,7 @@ | ||
| 104 | position: absolute; | 133 | position: absolute; |
| 105 | content: ''; | 134 | content: ''; |
| 106 | left: 0; | 135 | left: 0; |
| 107 | - top:50%; | 136 | + top:10px; |
| 108 | margin-top: -3px; | 137 | margin-top: -3px; |
| 109 | width:6px; | 138 | width:6px; |
| 110 | height:6px; | 139 | height:6px; |
portfolio.html
| @@ -123,7 +123,19 @@ | @@ -123,7 +123,19 @@ | ||
| 123 | 1 | 123 | 1 |
| 124 | </li> | 124 | </li> |
| 125 | <li class="text-center col-md-6"> | 125 | <li class="text-center col-md-6"> |
| 126 | - 2 | 126 | + <div class="ortfolio-soft-bottom-title"> |
| 127 | + 企业云平台 | ||
| 128 | + </div> | ||
| 129 | + <div class="ortfolio-soft-bottom-des"> | ||
| 130 | + 车场智能推荐,一键导航随停即走 | ||
| 131 | + </div> | ||
| 132 | + <div class="ortfolio-soft-bottom-des"> | ||
| 133 | + 电子支付，简单方便，账户余额，自动代扣，快速离场 | ||
| 134 | + </div> | ||
| 135 | + <div class="ortfolio-soft-bottom-des"> | ||
| 136 | + 会员卡线上办理，到期智能提醒，快捷实用。 | ||
| 137 | + </div> | ||
| 138 | + <div class="ortfolio-soft-bottom-des">积分兑换，礼券不断，优惠多多</div> | ||
| 127 | </li> | 139 | </li> |
| 128 | 140 | ||
| 129 | </ul> | 141 | </ul> |
| @@ -138,7 +150,18 @@ | @@ -138,7 +150,18 @@ | ||
| 138 | 1 | 150 | 1 |
| 139 | </li> | 151 | </li> |
| 140 | <li class="text-center col-md-6"> | 152 | <li class="text-center col-md-6"> |
| 141 | - 2 | 153 | + <div class="ortfolio-soft-bottom-title"> |
| 154 | + 数据分析平台 | ||
| 155 | + </div> | ||
| 156 | + <div class="ortfolio-soft-bottom-des"> | ||
| 157 | + 停车数据综合监测，停车热点、供需分析、区域治理 | ||
| 158 | + </div> | ||
| 159 | + <div class="ortfolio-soft-bottom-des"> | ||
| 160 | + 动态交通组织优化,城市早晚高峰、大型交通枢纽 | ||
| 161 | + </div> | ||
| 162 | + <div class="ortfolio-soft-bottom-des"> | ||
| 163 | + 停车视频联网监控，视频监控资源分布查看、违停抓拍、车辆剐蹭责任追查 | ||
| 164 | + </div> | ||
| 142 | </li> | 165 | </li> |
| 143 | 166 | ||
| 144 | </ul> | 167 | </ul> |
| @@ -174,22 +197,20 @@ | @@ -174,22 +197,20 @@ | ||
| 174 | <li class=""> | 197 | <li class=""> |
| 175 | <section> | 198 | <section> |
| 176 | <div class="container"> | 199 | <div class="container"> |
| 177 | - <ul class="row ortfolio-soft-bottom-1"> | ||
| 178 | - <li class="text-center col-md-6"> | ||
| 179 | - 1 | ||
| 180 | - </li> | 200 | + <ul class="row ortfolio-hardware-bottom-1"> |
| 181 | <li class="text-center col-md-6"> | 201 | <li class="text-center col-md-6"> |
| 182 | - <div class="ortfolio-soft-bottom-title"> | ||
| 183 | - 任你停APP | 202 | + <div class="ortfolio-hardware-bottom-title"> |
| 203 | + 封闭式停车场出入口系统 | ||
| 184 | </div> | 204 | </div> |
| 185 | - <div class="ortfolio-soft-bottom-des">车场智能推荐,一键导航随停即走 | ||
| 186 | - | 205 | + <div class="ortfolio-hardware-bottom-des"> |
| 206 | + <span style="color: #3F9FFE">车牌识别一体机，</span>高精度视频检测算法，70°大角度识、150多种车标、99.99%识别率，支持无人值守模式，降低运营成本 | ||
| 187 | </div> | 207 | </div> |
| 188 | - <div class="ortfolio-soft-bottom-des">电子支付，简单方便，账户余额，自动代扣，快速离场 | 208 | + <div class="ortfolio-hardware-bottom-des"> |
| 209 | + <span style="color: #3F9FFE">智能数字道闸，</span>一体化机芯，噪音小运行平稳，2~6s可调起落速度，高强度钢板机身 | ||
| 189 | </div> | 210 | </div> |
| 190 | - <div class="ortfolio-soft-bottom-des">会员卡线上办理，到期智能提醒，快捷实用 | ||
| 191 | - </div> | ||
| 192 | - <div class="ortfolio-soft-bottom-des">积分兑换，礼券不断，优惠多多</div> | 211 | + </li> |
| 212 | + <li class="text-center col-md-6"> | ||
| 213 | + | ||
| 193 | </li> | 214 | </li> |
| 194 | 215 | ||
| 195 | </ul> | 216 | </ul> |
| @@ -199,12 +220,20 @@ | @@ -199,12 +220,20 @@ | ||
| 199 | <li class="displaynone"> | 220 | <li class="displaynone"> |
| 200 | <section> | 221 | <section> |
| 201 | <div class="container"> | 222 | <div class="container"> |
| 202 | - <ul class="row ortfolio-soft-bottom-2"> | 223 | + <ul class="row ortfolio-hardware-bottom-2"> |
| 203 | <li class="text-center col-md-6"> | 224 | <li class="text-center col-md-6"> |
| 204 | - 1 | 225 | + <div class="ortfolio-hardware-bottom-title"> |
| 226 | + 开放式路内停车管理系统 | ||
| 227 | + </div> | ||
| 228 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 229 | + <span style="color: #3F9FFE">无线地埋式车辆检测器，</span>室外太阳能供电，地磁感应时间可调节，80米通信距离，IP68防护等级。 | ||
| 230 | + </div> | ||
| 231 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 232 | + <span style="color: #3F9FFE">PDA手持便携收费终端，</span>人体工学设计，小巧轻便，便于携带，4.0寸高清、高亮、高透LCD屏幕，强光下清晰可见，IP65防护，1.5m可自由跌落，800万像素高清摄像4G全网通通讯 | ||
| 233 | + </div> | ||
| 205 | </li> | 234 | </li> |
| 206 | <li class="text-center col-md-6"> | 235 | <li class="text-center col-md-6"> |
| 207 | - 2 | 236 | + |
| 208 | </li> | 237 | </li> |
| 209 | 238 | ||
| 210 | </ul> | 239 | </ul> |
| @@ -229,12 +258,29 @@ | @@ -229,12 +258,29 @@ | ||
| 229 | <li class="displaynone"> | 258 | <li class="displaynone"> |
| 230 | <section> | 259 | <section> |
| 231 | <div class="container"> | 260 | <div class="container"> |
| 232 | - <ul class="row ortfolio-soft-bottom-3"> | 261 | + <ul class="row ortfolio-hardware-bottom-4"> |
| 233 | <li class="text-center col-md-6"> | 262 | <li class="text-center col-md-6"> |
| 234 | - 1 | 263 | + <div class="ortfolio-hardware-bottom-title"> |
| 264 | + 城市道路三级停车诱导系统 | ||
| 265 | + </div> | ||
| 266 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 267 | + LED高亮、小间距全点阵全彩诱导屏，像素间距10mm,像素密度10000点/㎡。 | ||
| 268 | + </div> | ||
| 269 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 270 | + 前后整屏不低于IP65，防护等级高适应恶劣工作环境， | ||
| 271 | + </div> | ||
| 272 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 273 | + 逐点校正技术，亮度均匀高 | ||
| 274 | + </div> | ||
| 275 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 276 | + 显示内容自定义，可以高清显示路网及停车场信息 | ||
| 277 | + </div> | ||
| 278 | + <div class="ortfolio-hardware-bottom-des"> | ||
| 279 | + 远程监控工作状态及远程升级，LED单点自检、通讯检测、电源检测、温度监控 | ||
| 280 | + </div> | ||
| 235 | </li> | 281 | </li> |
| 236 | <li class="text-center col-md-6"> | 282 | <li class="text-center col-md-6"> |
| 237 | - 2 | 283 | + |
| 238 | </li> | 284 | </li> |
| 239 | 285 | ||
| 240 | </ul> | 286 | </ul> |
style.css
| @@ -196,13 +196,13 @@ a:hover{ | @@ -196,13 +196,13 @@ a:hover{ | ||
| 196 | background: #f00; | 196 | background: #f00; |
| 197 | } | 197 | } |
| 198 | .ortfolio-soft-bottom-2 li:nth-of-type(2){ | 198 | .ortfolio-soft-bottom-2 li:nth-of-type(2){ |
| 199 | - | 199 | + padding-left:50px; |
| 200 | } | 200 | } |
| 201 | .ortfolio-soft-bottom-3 li:nth-of-type(1){ | 201 | .ortfolio-soft-bottom-3 li:nth-of-type(1){ |
| 202 | background: #f0f; | 202 | background: #f0f; |
| 203 | } | 203 | } |
| 204 | .ortfolio-soft-bottom-3 li:nth-of-type(2){ | 204 | .ortfolio-soft-bottom-3 li:nth-of-type(2){ |
| 205 | - | 205 | + padding-left:20px; |
| 206 | } | 206 | } |
| 207 | .ortfolio-soft-bottom-title{ | 207 | .ortfolio-soft-bottom-title{ |
| 208 | font-size:30px; | 208 | font-size:30px; |