From 1e4688d1726532773c429e2caaba250337b24e70 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Wed, 26 Sep 2018 11:06:25 +0800
Subject: [PATCH] 首页自适应

---
 index.html       | 10 +++++-----
 js/nav-footer.js |  2 +-
 style.css        | 29 ++++++++++++++++++++++++++++-
 3 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 4882f1f..12a7106 100755
--- a/index.html
+++ b/index.html
@@ -129,10 +129,10 @@
             <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="features-container-text">
                     <ul class="features-container">
-                        <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
-                        <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
-                        <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
-                        <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
+                        <li><span></span>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
+                        <li><span></span>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
+                        <li><span></span>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
+                        <li><span></span>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
                     </ul>
                 </div>
 
@@ -219,6 +219,6 @@
 <script type="text/javascript" src="js/swiper.js"></script>
 <script type="text/javascript" src="js/gmaps.min.js"></script>
 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
-<script type="text/javascript" src="js/main.js?a=2"></script>
+<script type="text/javascript" src="js/main.js?a=3"></script>
 </body>
 </html>
diff --git a/js/nav-footer.js b/js/nav-footer.js
index d99edc4..555a4bd 100644
--- a/js/nav-footer.js
+++ b/js/nav-footer.js
@@ -8,7 +8,7 @@ var headerHtmls='<div class="header-inner">' +
   '<a href="index.html">' +
   '<img src="images/logo.png" alt="logo.png" style="margin-right: 16px;">' +
   '<img src="images/logoname.png" alt="logoname.png" style="margin-right: 26px;">' +
-  '<img src="images/logotitle.png" alt="logotitle.png">' +
+  '<img src="images/logotitle.png" alt="logotitle.png" class="logotitle">' +
   '</a>' +
   '</div>' +
   '</div>' +
diff --git a/style.css b/style.css
index 15beefb..bd7cab7 100755
--- a/style.css
+++ b/style.css
@@ -784,9 +784,16 @@ a:hover{
 	padding-left: 20px;
 	margin-bottom: 10px;
 	font-size: 16px;
+	text-align: center;
+}
+.features-container li span{
 	position: relative;
+	width: 10px;
+	height: 10px;
+	display: inline-block;
 }
-.features-container li:before{
+
+.features-container li span:before{
 	 content: '';
 	 width:6px;
 	 height:6px;
@@ -2552,3 +2559,23 @@ a:hover{
 	left: 0px;
 }
 
+
+
+/*适应规则*/
+@media screen and (max-width: 992px){
+	/*logotitle消失*/
+	.logotitle{
+		display: none;
+	}
+	.swiper-slide-large,.swiper-slide-middle{
+		text-align: center;
+	}
+	.swiper-slide-more{
+		margin: 0 auto;
+	}
+	#features .feature-left img{
+		width: 80%;
+		margin: 0 auto;
+	}
+}
+
--
libgit2 0.21.4