硬件设备

liuqimichale
1 parent cec4e378
Showing 3 changed files with 41 additions and 44 deletions
images/deviceall.png
index.html
style.css
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <title>Ruby - Responsive Corporate Tempalte</title>
+    <title>任你停</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -26,7 +26,7 @@
     <link type="text/css" rel="stylesheet" href="css/swiper.css">
     <!-- Ruby CSS -->
     <link type="text/css" rel="stylesheet" href="css/normalize.css">
-    <link type="text/css" rel="stylesheet" href="style.css">
+    <link type="text/css" rel="stylesheet" href="style.css?a=1">
     <link type="text/css" rel="stylesheet" href="css/responsive.css">
     <!-- Color CSS -->
@@ -152,47 +152,24 @@
         <div class="row">
             <div class="col-md-12">
                 <div class="section-title">
-                    <h2>Our Feautes</h2>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
+                    <h2>硬件设备</h2>
+                    <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p>
                 </div>
             </div>
         </div>
         <div class="row">
-            <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">
-                <div class="feature-left">
-                    <img src="img/computer.jpg" alt="#">
-                </div>
+
+            <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <ul class="features-container">
+                    <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
+                    <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
+                    <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
+                    <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
+                </ul>
             </div>
             <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
-                <div class="feature-right">
-                    <div class="single-right">
-                        <i class="fa fa-line-chart" aria-hidden="true"></i>
-                        <div class="right-content">
-                            <h3>UX design</h3>
-                            <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
-                        </div>
-                    </div>
-                    <div class="single-right">
-                        <i class="fa fa-database" aria-hidden="true"></i>
-                        <div class="right-content">
-                            <h3>UI design</h3>
-                            <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
-                        </div>
-                    </div>
-                    <div class="single-right">
-                        <i class="fa fa-cubes" aria-hidden="true"></i>
-                        <div class="right-content">
-                            <h3>SEO Services</h3>
-                            <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
-                        </div>
-                    </div>
-                    <div class="single-right">
-                        <i class="fa fa-desktop" aria-hidden="true"></i>
-                        <div class="right-content">
-                            <h3>Web Development</h3>
-                            <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
-                        </div>
-                    </div>
+                <div class="feature-left">
+                    <img src="images/deviceall.png" alt="#">
                 </div>
             </div>
         </div>
@@ -4,7 +4,7 @@
 	padding:0;
 }
 .section{
-	padding:100px 0px;
+	padding:162px 0 0 0;
 }
 html,body {
 	height: 100%;
@@ -69,10 +69,10 @@ a:hover{
     padding: 0 190px;
 }
 .section-title h2{
-	font-size:32px;
+	font-size:36px;
 	font-weight: 500;
 	text-transform:uppercase;
-	padding-bottom:10px;
+	padding-bottom:15px;
 	margin-bottom:15px;
 	position:relative;
 }
@@ -96,8 +96,8 @@ a:hover{
 	transform: rotate(45deg);
 }
 .section-title p{
-	font-size:15px;
-	color:#888;
+	font-size:20px;
+	color:rgba(0,0,0,.7);
 }
 .tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
@@ -696,8 +696,28 @@ a:hover{
 	features CSS
 ===========================*/
 #features{
-
+	background:#fff;
 }
+.features-container{
+	margin-top: 120px;
+}
+.features-container li{
+	padding-left: 20px;
+	margin-bottom: 10px;
+	font-size: 16px;
+	position: relative;
+}
+.features-container li:before{
+	 content: '';
+	 width:6px;
+	 height:6px;
+	position: absolute;
+	left: 0px;
+	top:50%;
+	margin-top: -3px;
+	 background:rgba(66,160,251,1);
+	 border-radius:50%;
+ }
 #features .feature-left{}
 #features .feature-left img {
 	height: 368px;
@@ -749,7 +769,7 @@ a:hover{
 	services CSS
 ===========================*/
 #Services{
-	background:#fff;
+	background:rgba(247,248,250,1);;
 }
 #Services .single-service {
 	padding: 20px;