产品界面 add 硬件平台

Andy
1 parent 8cf8c4c7
Showing 3 changed files with 104 additions and 29 deletions
css/portfollo.css
portfolio.html
style.css
@@ -68,29 +68,58 @@
 .displaynone{
     display: none;
 }
+.ortfolio-hardware-bottom-title {
+    font-size: 30px;
+    font-weight: bold;
+    color: rgba(0,0,0,.8);
+    margin: 0px 0 27px;
+    text-align: left;
+}
 .ortfolio-hardware-bottom-1>li:nth-of-type(1){
-    background: #ffff00;
+    width: 460px;
+    height: 200px;
+    margin: 227px 100px 0 50px;
 }
 .ortfolio-hardware-bottom-1 li:nth-of-type(2){
-    padding-left: 100px;
+    /*padding-left: 100px;*/
+    background: url("../images/produect_dev1.png") no-repeat;
+    width: 578px;
+    height: 522px;
+    margin-top: 40px;
 }
 .ortfolio-hardware-bottom-2 li:nth-of-type(1){
-    background: #f00;
+    margin-top: 227px;
 }
 .ortfolio-hardware-bottom-2 li:nth-of-type(2){
-
+    background: url("../images/produect_dev4.png") no-repeat;
+    width: 383px;
+    height: 480px;
+    margin-top: 70px;
+    margin-left: 147px;
 }
 .ortfolio-hardware-bottom-3 li:nth-of-type(1){
-    background: #f0f;
+    /*background: #f0f;*/
 }
 .ortfolio-hardware-bottom-3 li:nth-of-type(2){
  
 }
+.ortfolio-hardware-bottom-4 li:nth-of-type(1){
+    margin-top: 185px;
+    width: 500px;
+    margin-left: 50px;
+}
+.ortfolio-hardware-bottom-4 li:nth-of-type(2){
+    background: url("../images/produect_dev2.png") no-repeat;
+    width: 297px;
+    height: 369px;
+    margin-top: 138px;
+    margin-left: 180px;
+}
 .ortfolio-hardware-bottom-title{
     font-size:30px;
     font-weight:bold;
     color:rgba(0,0,0,.8);
-    margin: 239px 0 27px;
+    /*margin: 239px 0 27px;*/
     text-align: left;
 }
 .ortfolio-hardware-bottom-des{
@@ -104,7 +133,7 @@
     position: absolute;
     content: '';
     left: 0;
-    top:50%;
+    top:10px;
     margin-top: -3px;
     width:6px;
     height:6px;
@@ -123,7 +123,19 @@
                         1
                     </li>
                     <li class="text-center col-md-6">
-                        2
+                        <div class="ortfolio-soft-bottom-title">
+                            企业云平台
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            车场智能推荐,一键导航随停即走
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            电子支付，简单方便，账户余额，自动代扣，快速离场
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            会员卡线上办理，到期智能提醒，快捷实用。
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">积分兑换，礼券不断，优惠多多</div>
                     </li>
  
                 </ul>
@@ -138,7 +150,18 @@
                         1
                     </li>
                     <li class="text-center col-md-6">
-                        2
+                        <div class="ortfolio-soft-bottom-title">
+                            数据分析平台
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            停车数据综合监测，停车热点、供需分析、区域治理
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            动态交通组织优化,城市早晚高峰、大型交通枢纽
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            停车视频联网监控，视频监控资源分布查看、违停抓拍、车辆剐蹭责任追查
+                        </div>
                     </li>
  
                 </ul>
@@ -174,22 +197,20 @@
     <li class="">
         <section>
             <div class="container">
-                <ul class="row ortfolio-soft-bottom-1">
-                    <li class="text-center col-md-6">
-                        1
-                    </li>
+                <ul class="row ortfolio-hardware-bottom-1">
                     <li class="text-center col-md-6">
-                        <div class="ortfolio-soft-bottom-title">
-                            任你停APP
+                        <div class="ortfolio-hardware-bottom-title">
+                            封闭式停车场出入口系统
                         </div>
-                        <div class="ortfolio-soft-bottom-des">车场智能推荐,一键导航随停即走
-
+                        <div class="ortfolio-hardware-bottom-des">
+                            <span style="color: #3F9FFE">车牌识别一体机，</span>高精度视频检测算法，70°大角度识、150多种车标、99.99%识别率，支持无人值守模式，降低运营成本
                         </div>
-                        <div class="ortfolio-soft-bottom-des">电子支付，简单方便，账户余额，自动代扣，快速离场
+                        <div class="ortfolio-hardware-bottom-des">
+                            <span style="color: #3F9FFE">智能数字道闸，</span>一体化机芯，噪音小运行平稳，2~6s可调起落速度，高强度钢板机身
                         </div>
-                        <div class="ortfolio-soft-bottom-des">会员卡线上办理，到期智能提醒，快捷实用
-                        </div>
-                        <div class="ortfolio-soft-bottom-des">积分兑换，礼券不断，优惠多多</div>
+                    </li>
+                    <li class="text-center col-md-6">
+
                     </li>
  
                 </ul>
@@ -199,12 +220,20 @@
     <li class="displaynone">
         <section>
             <div class="container">
-                <ul class="row ortfolio-soft-bottom-2">
+                <ul class="row ortfolio-hardware-bottom-2">
                     <li class="text-center col-md-6">
-                        1
+                        <div class="ortfolio-hardware-bottom-title">
+                            开放式路内停车管理系统
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                            <span style="color: #3F9FFE">无线地埋式车辆检测器，</span>室外太阳能供电，地磁感应时间可调节，80米通信距离，IP68防护等级。
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                            <span style="color: #3F9FFE">PDA手持便携收费终端，</span>人体工学设计，小巧轻便，便于携带，4.0寸高清、高亮、高透LCD屏幕，强光下清晰可见，IP65防护，1.5m可自由跌落，800万像素高清摄像4G全网通通讯
+                        </div>
                     </li>
                     <li class="text-center col-md-6">
-                        2
+
                     </li>
  
                 </ul>
@@ -229,12 +258,29 @@
     <li class="displaynone">
         <section>
             <div class="container">
-                <ul class="row ortfolio-soft-bottom-3">
+                <ul class="row ortfolio-hardware-bottom-4">
                     <li class="text-center col-md-6">
-                        1
+                        <div class="ortfolio-hardware-bottom-title">
+                            城市道路三级停车诱导系统
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                            LED高亮、小间距全点阵全彩诱导屏，像素间距10mm,像素密度10000点/㎡。
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                            前后整屏不低于IP65，防护等级高适应恶劣工作环境，
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                        逐点校正技术，亮度均匀高
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                        显示内容自定义，可以高清显示路网及停车场信息
+                        </div>
+                        <div class="ortfolio-hardware-bottom-des">
+                        远程监控工作状态及远程升级，LED单点自检、通讯检测、电源检测、温度监控
+                        </div>
                     </li>
                     <li class="text-center col-md-6">
-                        2
+
                     </li>
  
                 </ul>
@@ -196,13 +196,13 @@ a:hover{
 	background: #f00;
 }
 .ortfolio-soft-bottom-2 li:nth-of-type(2){
-
+	padding-left:50px;
 }
 .ortfolio-soft-bottom-3 li:nth-of-type(1){
 	background: #f0f;
 }
 .ortfolio-soft-bottom-3 li:nth-of-type(2){
-
+	padding-left:20px;
 }
 .ortfolio-soft-bottom-title{
 	font-size:30px;