From 5676c2e8f11d34238ca354621dc9887a7e6c4258 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 20 Oct 2025 16:51:15 +0800
Subject: [PATCH] =?UTF-8?q?bike=E9=A1=B5=E9=9D=A2=E6=9B=B4=E6=94=B91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/sharedSolutions/bike.vue |   50 +-
 public/cssBike/index.css           | 1304 +++++++++++++++-------------
 2 files changed, 714 insertions(+), 640 deletions(-)

diff --git a/app/pages/sharedSolutions/bike.vue b/app/pages/sharedSolutions/bike.vue
index 23d9d58..dbf0221 100644
--- a/app/pages/sharedSolutions/bike.vue
+++ b/app/pages/sharedSolutions/bike.vue
@@ -23,14 +23,10 @@ useHead({
 onMounted(() => {
   // 延迟加载以确保DOM完全渲染
   setTimeout(() => {
-    // 检查jQuery是否加载
-    if (typeof $ === 'undefined') {
-      console.error('jQuery未加载');
-      return;
-    }
+
 
     // 设置首页巨幕高度
-    $('.index-giant').height($(window).height());
+    // $('.index-giant').height($(window).height());
 
     // 解决方案切换功能
     $('.index-solut ul li').on('click', function () {
@@ -53,48 +49,6 @@ onMounted(() => {
       }
     });
 
-    // 左侧栏动画功能
-    (function offBar() {
-      let off = true;
-      $('.left-bar-1').on('click', function () {
-        if (off) {
-          $('.left-bar').animate({'right': 0}, "1000");
-          off = false;
-        } else {
-          $('.left-bar').animate({'right': '-32px'}, "slow");
-          off = true;
-        }
-      });
-    })();
-
-    // 微信二维码悬停效果
-    $('.left-bar-2 a.wecate').hover(function () {
-      $('.left-bar-3').show();
-    }, function () {
-      $('.left-bar-3').hide();
-    });
-
-    // 腾讯QQ悬停效果
-    $('._tencent').hover(function () {
-      $('.left-bar-4').show();
-    }, function () {
-      $('.left-bar-4').hide();
-    });
-
-    // 电话悬停效果
-    $('._phone').hover(function () {
-      $('.left-bar-5').show();
-    }, function () {
-      $('.left-bar-5').hide();
-    });
-
-    // 锚点滚动功能
-    $(".miaodian a").click(function () {
-      $("body").animate({
-        scrollTop: 3550
-      }, 1500);
-      return false;
-    });
 
     // 初始化轮播图
     initBanner();
diff --git a/public/cssBike/index.css b/public/cssBike/index.css
index f71a38a..bbd0697 100644
--- a/public/cssBike/index.css
+++ b/public/cssBike/index.css
@@ -3,81 +3,94 @@
 /*首页*/
 
 /*首屏巨慕*/
-.index-giant{
-	width: 100%;
-	padding-top: 50px;
-	text-align: center;
-	background-image: -webkit-linear-gradient(bottom, #354457 0%, #102438 100%);
-	background-image: -o-linear-gradient(bottom, #354457 0%, #102438 100%);
-	background-image: linear-gradient(to top, #354457 0%, #102438 100%);
-	background: url('../images/P_1_banner_bg.png') no-repeat bottom center;
-}	
-.index-giant-cont{
-	width: 100%;
-	margin: 15% auto 0 auto;
-	text-align: center;
+.index-giant {
+    width: 100%;
+    height: 100vh;
+    padding-top: 50px;
+    text-align: center;
+    background-image: -webkit-linear-gradient(bottom, #354457 0%, #102438 100%);
+    background-image: -o-linear-gradient(bottom, #354457 0%, #102438 100%);
+    background-image: linear-gradient(to top, #354457 0%, #102438 100%);
+    background: url('../images/P_1_banner_bg.png') no-repeat bottom center;
 }
-.index-giant-cont h1{
-	font-size: 4.2rem;
-	color: #FFFFFF;
-	white-space: nowrap; 
-}
-.index-giant-cont p{
-	margin: 28px auto;
-}
-.index-giant-cont button{
-	width: 230px;
-	height: 50px;
-	font-size: 1.8rem;
-	color: #FFFFFF;
-	border: none;
-	border-radius: 37.2px;
-	box-shadow: 2px 8px 8px #444;
 
-	background-image: -webkit-linear-gradient(#80D3FF 1%, #008AFF 100%);
-	background-image: -o-linear-gradient(#80D3FF 1%, #008AFF 100%);
-	background-image: linear-gradient(#80D3FF 1%, #008AFF 100%);
+.index-giant-cont {
+    width: 100%;
+    margin: 15% auto 0 auto;
+    text-align: center;
 }
-.index-giant-cont button a{
-	color: #fff;
-	text-decoration: none;
+
+.index-giant-cont h1 {
+    font-size: 4.2rem;
+    color: #FFFFFF;
+    white-space: nowrap;
 }
+
+.index-giant-cont p {
+    margin: 28px auto;
+}
+
+.index-giant-cont button {
+    width: 230px;
+    height: 50px;
+    font-size: 1.8rem;
+    color: #FFFFFF;
+    border: none;
+    border-radius: 37.2px;
+    box-shadow: 2px 8px 8px #444;
+
+    background-image: -webkit-linear-gradient(#80D3FF 1%, #008AFF 100%);
+    background-image: -o-linear-gradient(#80D3FF 1%, #008AFF 100%);
+    background-image: linear-gradient(#80D3FF 1%, #008AFF 100%);
+}
+
+.index-giant-cont button a {
+    color: #fff;
+    text-decoration: none;
+}
+
 /*解决方案*/
-.index-solut{
-	height: 200px;
-	padding-top: 120px;
-	margin: 0 auto;
-	text-align: center;
-	position: relative;
+.index-solut {
+    height: 200px;
+    padding-top: 120px;
+    margin: 0 auto;
+    text-align: center;
+    position: relative;
 }
-.index-solut h2{
-	font-size: 3.2rem;
-	color: #485766;
+
+.index-solut h2 {
+    font-size: 3.2rem;
+    color: #485766;
 }
-.index-solut p{
-	font-size: 1.2rem;
-	color: #BCC3C9;
-	margin: 20px auto 40px auto;
+
+.index-solut p {
+    font-size: 1.2rem;
+    color: #BCC3C9;
+    margin: 20px auto 40px auto;
 }
-.index-solut ul{
-	width: 272px;
-	height: 32px;
-	line-height: 32px;
-	margin: 0 auto;
-	border: 1px solid #EEEEEE;
-	border-radius: 8px;
-	overflow: hidden;
+
+.index-solut ul {
+    width: 272px;
+    height: 32px;
+    line-height: 32px;
+    margin: 0 auto;
+    border: 1px solid #EEEEEE;
+    border-radius: 8px;
+    overflow: hidden;
 }
-.index-solut ul li{
-	float: left;
-	width: 33.3%;
-	cursor: pointer;
+
+.index-solut ul li {
+    float: left;
+    width: 33.3%;
+    cursor: pointer;
 }
-.index-solut-li{
-	color: #fff;
-	background: #485766;
+
+.index-solut-li {
+    color: #fff;
+    background: #485766;
 }
-#triangle-up{
+
+#triangle-up {
     width: 0;
     height: 0;
     margin: 0 auto;
@@ -88,221 +101,261 @@
     left: 45%;
     bottom: 0;
 }
+
 /*解决方案1*/
-.solut-detail{
-	width: 100%;
-	height: 400px;
-	margin: 0 auto;
-	text-align: center;
-	background: #F0F0F0;
+.solut-detail {
+    width: 100%;
+    height: 400px;
+    margin: 0 auto;
+    text-align: center;
+    background: #F0F0F0;
 }
-.solut-detail ul{
-	margin: 0 auto;
-	text-align: center;
-	overflow: hidden;
-	position: relative;
-	top: 134px;
-	display: none;
+
+.solut-detail ul {
+    margin: 0 auto;
+    text-align: center;
+    overflow: hidden;
+    position: relative;
+    top: 134px;
+    display: none;
 }
-.solut-detail ul li{
-	width: 132px;
-	height: 132px;
-	float: left;
-	text-align: center;
-	margin: 0 65px;
+
+.solut-detail ul li {
+    width: 132px;
+    height: 132px;
+    float: left;
+    text-align: center;
+    margin: 0 65px;
 }
-.solut-detail-ul1{width: 1048px;}
-.solut-detail-ul2{width: 786px;}
+
+.solut-detail-ul1 {
+    width: 1048px;
+}
+
+.solut-detail-ul2 {
+    width: 786px;
+}
+
 /**/
-.app-introduce{
-	margin: 100px auto 65px auto;
-	text-align: center;
-	overflow: hidden;
+.app-introduce {
+    margin: 100px auto 65px auto;
+    text-align: center;
+    overflow: hidden;
 }
-.app-introd-top h2{
-	font-size: 3.2rem;
-	color: #485766;
+
+.app-introd-top h2 {
+    font-size: 3.2rem;
+    color: #485766;
 }
-.app-introd-top p{
-	font-size: 1.2rem;
-	color: #BCC3C9;
+
+.app-introd-top p {
+    font-size: 1.2rem;
+    color: #BCC3C9;
 }
-#picplayer{
-	width: 257px;
-	height: 528px;
-	margin: 70px auto 60px auto;
-	text-align: center;
-	background-image: url('../images/Device.png');
-	background-size: 100%;
+
+#picplayer {
+    width: 257px;
+    height: 528px;
+    margin: 70px auto 60px auto;
+    text-align: center;
+    background-image: url('../images/Device.png');
+    background-size: 100%;
 }
-#piccontent{
-	width: 224px;
-	height: 394px;
-	margin: 0 auto;
-	text-align: center;
-	position: relative;
-	top: 62px;
-	overflow: hidden;
+
+#piccontent {
+    width: 224px;
+    height: 394px;
+    margin: 0 auto;
+    text-align: center;
+    position: relative;
+    top: 62px;
+    overflow: hidden;
 }
-#piccontent a{
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
+
+#piccontent a {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
 }
-#piccontent a img{
-	width: 100%;
-	height: 100%;
+
+#piccontent a img {
+    width: 100%;
+    height: 100%;
 }
-#picbtns{
-	width: 1036px;
-	margin: 0 auto;
-	text-align: center;
+
+#picbtns {
+    width: 1036px;
+    margin: 0 auto;
+    text-align: center;
 }
-#picbtns .caption{
-	width: 185px;
-	margin: 0 37px;
-	text-align: center;
-	float: left;
+
+#picbtns .caption {
+    width: 185px;
+    margin: 0 37px;
+    text-align: center;
+    float: left;
 }
-#picbtns .caption span{
-	width: 60px;
-	height: 60px;
-	line-height: 70px;
-	display: block;
-	margin: 0 auto;
-	background: #D8D8D8;
-	border-radius: 50%;
+
+#picbtns .caption span {
+    width: 60px;
+    height: 60px;
+    line-height: 70px;
+    display: block;
+    margin: 0 auto;
+    background: #D8D8D8;
+    border-radius: 50%;
 }
-#picbtns .caption span:hover{
-	background: #485766;
+
+#picbtns .caption span:hover {
+    background: #485766;
 }
-#picbtns .caption h2{
-	font-size: 1.6rem;
-	color: #485766;
-	margin: 20px auto 10px auto;
+
+#picbtns .caption h2 {
+    font-size: 1.6rem;
+    color: #485766;
+    margin: 20px auto 10px auto;
 }
-#picbtns .caption p{
-	font-size: 1.2rem;
-	color: #999999;
-	text-align: left;
+
+#picbtns .caption p {
+    font-size: 1.2rem;
+    color: #999999;
+    text-align: left;
 }
+
 /*我们的收益*/
-.index-profit{
-	width: 100%;
-	height: 600px;
-	margin: 0 auto;
-	overflow: hidden;
-	text-align: center;
-	background: #F4F5F8;
+.index-profit {
+    width: 100%;
+    height: 600px;
+    margin: 0 auto;
+    overflow: hidden;
+    text-align: center;
+    background: #F4F5F8;
 }
-.index-profit h2{
-	font-size: 3.2rem;
-	color: #485766;
-	margin: 100px auto 20px auto;
+
+.index-profit h2 {
+    font-size: 3.2rem;
+    color: #485766;
+    margin: 100px auto 20px auto;
 }
-.index-profit p{
-	font-size: 1.2rem;
-	color: #BCC3C9;
+
+.index-profit p {
+    font-size: 1.2rem;
+    color: #BCC3C9;
 }
-.index-profit ul{
-	width: 1200px;
-	margin: 60px auto 0 auto;
+
+.index-profit ul {
+    width: 1200px;
+    margin: 60px auto 0 auto;
 }
-.index-profit ul li{
-	float: left;
-	width: 260px;
-	height: 216px;
-	margin: 0 70px;
-	position: relative;
-	background: url('../images/bg.png') no-repeat;
+
+.index-profit ul li {
+    float: left;
+    width: 260px;
+    height: 216px;
+    margin: 0 70px;
+    position: relative;
+    background: url('../images/bg.png') no-repeat;
 }
-.index-profit ul li p{
-	color: #485766;
-	font-size: 1.4rem;
-	width: 128px;
-	margin: 90px auto;
-	text-align: left;
+
+.index-profit ul li p {
+    color: #485766;
+    font-size: 1.4rem;
+    width: 128px;
+    margin: 90px auto;
+    text-align: left;
 }
-.index-profit ul li h2{
-	font-size: 1.8rem;
-	color: #485766;
-	position: absolute;
-	bottom: -11%;
-	left: 26%;
+
+.index-profit ul li h2 {
+    font-size: 1.8rem;
+    color: #485766;
+    position: absolute;
+    bottom: -11%;
+    left: 26%;
 }
+
 /*推荐投放应用场景*/
-.use-scene{
-	width: 100%;
-	height: 755px;
-	text-align: center;
-	background: #495768;
+.use-scene {
+    width: 100%;
+    height: 755px;
+    text-align: center;
+    background: #495768;
 }
-.use-scene-tit h2{
-	font-size: 3.2rem;
-	color: #FFFFFF;
-	padding-top: 100px;
+
+.use-scene-tit h2 {
+    font-size: 3.2rem;
+    color: #FFFFFF;
+    padding-top: 100px;
 }
-.use-scene-tit p{
-	font-size: 1.2rem;
-	color: #BCC3C9;
-	margin: 25px auto 60px auto;
+
+.use-scene-tit p {
+    font-size: 1.2rem;
+    color: #BCC3C9;
+    margin: 25px auto 60px auto;
 }
-.use-scene ul{
-	width: 1024px;
-	margin: 0 auto;
+
+.use-scene ul {
+    width: 1024px;
+    margin: 0 auto;
 }
-.use-scene ul li{
-	width: 256px;
-	height: 500px;
-	float: left;
-	overflow: hidden;
-	position: relative;
+
+.use-scene ul li {
+    width: 256px;
+    height: 500px;
+    float: left;
+    overflow: hidden;
+    position: relative;
 }
-.use-scene ul li:hover .use-scene-info{
-	bottom: 20px;
+
+.use-scene ul li:hover .use-scene-info {
+    bottom: 20px;
 }
-.use-scene-info{
-	color: #fff;
-	width: 90%;
-	margin: 0 auto;
-	text-align: center;
-	position: absolute;
-	bottom: -200px;
-	left: 5%;
-	
-	transition: bottom 1s;
-	-moz-transition: bottom 1s;	/* Firefox 4 */
-	-webkit-transition: bottom 1s;	/* Safari 和 Chrome */
-	-o-transition: bottom 1s;	
+
+.use-scene-info {
+    color: #fff;
+    width: 90%;
+    margin: 0 auto;
+    text-align: center;
+    position: absolute;
+    bottom: -200px;
+    left: 5%;
+
+    transition: bottom 1s;
+    -moz-transition: bottom 1s; /* Firefox 4 */
+    -webkit-transition: bottom 1s; /* Safari 和 Chrome */
+    -o-transition: bottom 1s;
 }
-.use-scene-info a{
-	color: #fff;
-	padding: 4px;
-	font-size: 1.8rem;
-	margin-bottom: 50px;
-	display: inline-block;
-	border-bottom: 2px solid #fff;
+
+.use-scene-info a {
+    color: #fff;
+    padding: 4px;
+    font-size: 1.8rem;
+    margin-bottom: 50px;
+    display: inline-block;
+    border-bottom: 2px solid #fff;
 }
-.use-scene-info p{
-	font-size: 1.2rem;
-	color: #FFFFFF;
-	text-align: left;
-	line-height: 1.6;
-	background:-webkit-linear-gradient(top,#fff,#888);
-    -webkit-background-clip:text;
-    -webkit-text-fill-color:transparent;
-    text-transform:uppercase;
+
+.use-scene-info p {
+    font-size: 1.2rem;
+    color: #FFFFFF;
+    text-align: left;
+    line-height: 1.6;
+    background: -webkit-linear-gradient(top, #fff, #888);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    text-transform: uppercase;
 }
+
 /* 侧边栏 */
-.left-bar{
-	width: 31px;
-	height: 228;
-	position: fixed;
-	right: 0;
-	top: 40%;
-	background: #35424F;
-	/*border-radius: 20px 0 0 20px;*/
+.left-bar {
+    width: 31px;
+    height: 228;
+    position: fixed;
+    right: 0;
+    top: 40%;
+    background: #35424F;
+    /*border-radius: 20px 0 0 20px;*/
 }
+
 /*.left-bar-1, .left-bar-2{
 	float: left;
 }*/
@@ -315,448 +368,515 @@
 /*.left-bar-1 img{
 
 }*/
-.left-bar-2{
-	height: 100%;
-	width: 31px;
-	text-align: center;
-	border-left: 1px solid #4A5C6E;
-}
-.left-bar-2 a{
-	width: 2.1rem;
-	margin: 0 0.3rem;
-	height: 45px;
-	line-height: 45px;
-	display: block;
-	border-bottom: 1px solid #4A5C6E;
-}
-.left-bar-2 a:last-child{
-	border-bottom: none;
-}
-.left-bar-2 a img{
-	margin: 15px 0;
-}
-.left-bar-3{
-	height: 137px;
-	width: 137px;
-	line-height: 137px;
-	text-align: center;
-	background: #35424F;
-	position: absolute;
-	top: 0;
-	right: 2.7rem;
-	border-radius: 10px 0 0 10px;
-	display: none;
+.left-bar-2 {
+    height: 100%;
+    width: 31px;
+    text-align: center;
+    border-left: 1px solid #4A5C6E;
 }
 
-.left-bar-4{
-	color: #fff;
-	height: 40px;
-	width: 137px;
-	line-height: 40px;
-	text-align: center;
-	background: #35424F;
-	position: absolute;
-	top: 142px;
-	right: 2.7rem;
-	border-radius: 4px 0 0 4px;
-	display: none;
+.left-bar-2 a {
+    width: 2.1rem;
+    margin: 0 0.3rem;
+    height: 45px;
+    line-height: 45px;
+    display: block;
+    border-bottom: 1px solid #4A5C6E;
 }
 
-.left-bar-5{
-	color: #fff;
-	height: 40px;
-	width: 137px;
-	line-height: 40px;
-	text-align: center;
-	background: #35424F;
-	position: absolute;
-	top: 187px;
-	right: 2.7rem;
-	border-radius: 4px 0 0 4px;
-	display: none;
+.left-bar-2 a:last-child {
+    border-bottom: none;
 }
 
-.left-bar-3 img{
-	margin-top: 15px;
+.left-bar-2 a img {
+    margin: 15px 0;
+}
+
+.left-bar-3 {
+    height: 137px;
+    width: 137px;
+    line-height: 137px;
+    text-align: center;
+    background: #35424F;
+    position: absolute;
+    top: 0;
+    right: 2.7rem;
+    border-radius: 10px 0 0 10px;
+    display: none;
+}
+
+.left-bar-4 {
+    color: #fff;
+    height: 40px;
+    width: 137px;
+    line-height: 40px;
+    text-align: center;
+    background: #35424F;
+    position: absolute;
+    top: 142px;
+    right: 2.7rem;
+    border-radius: 4px 0 0 4px;
+    display: none;
+}
+
+.left-bar-5 {
+    color: #fff;
+    height: 40px;
+    width: 137px;
+    line-height: 40px;
+    text-align: center;
+    background: #35424F;
+    position: absolute;
+    top: 187px;
+    right: 2.7rem;
+    border-radius: 4px 0 0 4px;
+    display: none;
+}
+
+.left-bar-3 img {
+    margin-top: 15px;
 }
 
 
 /*锁页面*/
 /*锁页面*/
 /*锁页面*/
-.top-nav{
-	width: 100%;
-	height: 60px;
-	line-height: 60px;
-	opacity: 0.82;
-	background-image: -webkit-linear-gradient(bottom, #354457 0%, #102438 100%);
-	background-image: -o-linear-gradient(bottom, #354457 0%, #102438 100%);
-	background-image: linear-gradient(to top, #354457 0%, #102438 100%);
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 888888;
+.top-nav {
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    opacity: 0.82;
+    background-image: -webkit-linear-gradient(bottom, #354457 0%, #102438 100%);
+    background-image: -o-linear-gradient(bottom, #354457 0%, #102438 100%);
+    background-image: linear-gradient(to top, #354457 0%, #102438 100%);
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 888888;
 }
-.top-nav-cent{
-	width: 1024px;
-	margin: 0 auto;
+
+.top-nav-cent {
+    width: 1024px;
+    margin: 0 auto;
 }
-.top-nav-logo{
-	color: #fff;
-	float: left;
+
+.top-nav-logo {
+    color: #fff;
+    float: left;
 }
-.top-nav-logo img{
-	position: relative;
-	top: 10px;
-	margin-right: 10px;
+
+.top-nav-logo img {
+    position: relative;
+    top: 10px;
+    margin-right: 10px;
 }
-.top-nav-cent ul{
-	float: right;
-	font-size: 1.4rem;
+
+.top-nav-cent ul {
+    float: right;
+    font-size: 1.4rem;
 }
-.top-nav-cent ul  li{
-	color: #fff;
-	float: left;
-	margin-left: 55px;
+
+.top-nav-cent ul li {
+    color: #fff;
+    float: left;
+    margin-left: 55px;
 }
-.top-nav-cent ul  li a{
-	color: #fff;
-	text-decoration: none;
+
+.top-nav-cent ul li a {
+    color: #fff;
+    text-decoration: none;
 }
-.top-nav-cent ul  li a:hover{
-	color: #88AFDB;
+
+.top-nav-cent ul li a:hover {
+    color: #88AFDB;
 }
-.top-nav-cent ul  li a.topnav-a-activ{
-	color: #88AFDB;
+
+.top-nav-cent ul li a.topnav-a-activ {
+    color: #88AFDB;
 }
-.page-conter{
-	width: 1366px;
-	background: #fff;
-	margin: 60px auto 100px auto;
-	border-radius: 0 0 40px 40px;
+
+.page-conter {
+    width: 1366px;
+    background: #fff;
+    margin: 60px auto 100px auto;
+    border-radius: 0 0 40px 40px;
 }
+
 /**/
-.car-lock{
-	width: 1042px;
-	padding-top: 100px;
-	margin: 0 auto 50px auto;
+.car-lock {
+    width: 1042px;
+    padding-top: 100px;
+    margin: 0 auto 50px auto;
 }
-.car-lock-left{
-	width: 575px;
+
+.car-lock-left {
+    width: 575px;
 }
-.car-lock-left h2{
-	font-size: 5.0rem;
-	color: #383B3E;
-	letter-spacing: 0;
-	line-height: 1.5
+
+.car-lock-left h2 {
+    font-size: 5.0rem;
+    color: #383B3E;
+    letter-spacing: 0;
+    line-height: 1.5
 }
-.car-lock-left p{
-	margin: 20px auto;
-	font-size: 1.4rem.;
-	color: #383B3E;
-	letter-spacing: 0;
-	line-height: 20px;
+
+.car-lock-left p {
+    margin: 20px auto;
+    font-size: 1.4rem.;
+    color: #383B3E;
+    letter-spacing: 0;
+    line-height: 20px;
 }
-.car-lock-left button{
-	width: 122px;
-	height: 39px;
-	border: none;
-	color: #FFFFFF;
-	font-size: 1.4rem;
-	background-image: -webkit-linear-gradient(#1CC3FF 0%, #0C90FF 100%);
-	background-image: -o-linear-gradient(#1CC3FF 0%, #0C90FF 100%);
-	background-image: linear-gradient(#1CC3FF 0%, #0C90FF 100%);
+
+.car-lock-left button {
+    width: 122px;
+    height: 39px;
+    border: none;
+    color: #FFFFFF;
+    font-size: 1.4rem;
+    background-image: -webkit-linear-gradient(#1CC3FF 0%, #0C90FF 100%);
+    background-image: -o-linear-gradient(#1CC3FF 0%, #0C90FF 100%);
+    background-image: linear-gradient(#1CC3FF 0%, #0C90FF 100%);
 }
-.car-lock-left button a{
-	color: #FFFFFF;
-	text-decoration: none;
+
+.car-lock-left button a {
+    color: #FFFFFF;
+    text-decoration: none;
 }
+
 /**/
-.lock-descript{
-	width: 1042px;
-	margin: 0 auto;
+.lock-descript {
+    width: 1042px;
+    margin: 0 auto;
 }
-.title-line{
-	height: 30px;
-	border-bottom: 1px solid #D8D8D8;
+
+.title-line {
+    height: 30px;
+    border-bottom: 1px solid #D8D8D8;
 }
-.title-font{
-	width: 100px;
-	height: 30px;
-	color: #393C3F;
-	font-size: 2.2rem;
-	background: #fff;
-	position: relative;
-	top: 15px;
+
+.title-font {
+    width: 100px;
+    height: 30px;
+    color: #393C3F;
+    font-size: 2.2rem;
+    background: #fff;
+    position: relative;
+    top: 15px;
 }
-.h-cont{
-	margin-top: 58px;
-	margin-bottom: 100px;
+
+.h-cont {
+    margin-top: 58px;
+    margin-bottom: 100px;
 }
-.h-cont ul{
-	border-right: 1px solid #ccc;
-	border-top: 1px solid #ccc;
-	overflow: hidden;
+
+.h-cont ul {
+    border-right: 1px solid #ccc;
+    border-top: 1px solid #ccc;
+    overflow: hidden;
 }
-.h-cont ul li{
-	width: 24.9%;
-	height: 144px;
-	float: left;
-	padding-top: 60px;
-	text-align: center;
-	border-left: 1px solid #ccc;
-	border-bottom: 1px solid #ccc;
+
+.h-cont ul li {
+    width: 24.9%;
+    height: 144px;
+    float: left;
+    padding-top: 60px;
+    text-align: center;
+    border-left: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
 }
-.h-cont ul li p{
-	max-width: 170px;
-	text-align: center;
-	margin: 12px auto 0 auto;
-	font-size: 1.2rem;
-	color: #333333;
+
+.h-cont ul li p {
+    max-width: 170px;
+    text-align: center;
+    margin: 12px auto 0 auto;
+    font-size: 1.2rem;
+    color: #333333;
 }
+
 /*锁对比*/
-.table-cont{
-	margin-top: 12px;
-	margin-bottom: 100px;
+.table-cont {
+    margin-top: 12px;
+    margin-bottom: 100px;
 }
-.table-cont table{
-	border-right:1px solid #ccc;
-	border-bottom:1px solid #ccc;
+
+.table-cont table {
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
 }
-.table-cont table th{
-	height: 50px;
-	font-size: 1.4rem;
-	color: #393C3F;
-	text-align: center;
-	border-left:1px solid #ccc;
-	border-top:1px solid #ccc;
+
+.table-cont table th {
+    height: 50px;
+    font-size: 1.4rem;
+    color: #393C3F;
+    text-align: center;
+    border-left: 1px solid #ccc;
+    border-top: 1px solid #ccc;
 }
-.table-cont table td{
-	height: 50px;
-	font-size: 1.2rem;
-	color: #333333;
-	padding-left: 25px;
-	border-left:1px solid #ccc;
-	border-top:1px solid #ccc;
+
+.table-cont table td {
+    height: 50px;
+    font-size: 1.2rem;
+    color: #333333;
+    padding-left: 25px;
+    border-left: 1px solid #ccc;
+    border-top: 1px solid #ccc;
 }
-.table-cont table .table-tit td{
-	border: none;
-	font-size: 1.4rem;
-	color: #393C3F;
-	text-align: center;
-	font-weight: 700;
+
+.table-cont table .table-tit td {
+    border: none;
+    font-size: 1.4rem;
+    color: #393C3F;
+    text-align: center;
+    font-weight: 700;
 }
-.tr-bg{
-	background: #F4F4F4;
+
+.tr-bg {
+    background: #F4F4F4;
 }
+
 /*系统定制*/
-.h-sett{
-	margin-top: 58px;
-	margin-bottom: 100px;
+.h-sett {
+    margin-top: 58px;
+    margin-bottom: 100px;
 }
-.writ-modes{
-	width: 2%;
-	font-size: 1.4rem;
-	color: #393C3F;
-	font-weight: 700;
-	padding: 10px 1%;
-	text-align: center;
-	background: #F4F4F4;
-	border-radius: 100px;
+
+.writ-modes {
+    width: 2%;
+    font-size: 1.4rem;
+    color: #393C3F;
+    font-weight: 700;
+    padding: 10px 1%;
+    text-align: center;
+    background: #F4F4F4;
+    border-radius: 100px;
 }
-.sett-masseg{
-	width: 66.8%;
-	height: 136px;
-	font-size: 1.2rem;
-	color: #393C3F;
-	padding: 50px 24% 0 3%;
-	line-height: 1.6;
-	border: 1px solid #D8D8D8;
-	margin-left: 2%;
+
+.sett-masseg {
+    width: 66.8%;
+    height: 136px;
+    font-size: 1.2rem;
+    color: #393C3F;
+    padding: 50px 24% 0 3%;
+    line-height: 1.6;
+    border: 1px solid #D8D8D8;
+    margin-left: 2%;
 }
+
 /*公司愿景*/
-.h-vision{
-	margin-top: 58px;
-	margin-bottom: 100px;
+.h-vision {
+    margin-top: 58px;
+    margin-bottom: 100px;
 }
-.h-vision ul li{
-	width: 33.3%;
-	height: 60px;
-	float: left;
-	margin-bottom: 40px;
+
+.h-vision ul li {
+    width: 33.3%;
+    height: 60px;
+    float: left;
+    margin-bottom: 40px;
 }
-.h-vision ul li a{
-	display: block;
-	height: 100%;
-	margin-right: 20px;
+
+.h-vision ul li a {
+    display: block;
+    height: 100%;
+    margin-right: 20px;
 }
-.h-vision ul li a, .h-vision ul li div{
-	float: left;
+
+.h-vision ul li a, .h-vision ul li div {
+    float: left;
 }
-.h-vision ul li div h2{
-	font-size: 1.6rem;
-	color: #393C3F;
-	line-height: 2;
-	font-weight: 700;
+
+.h-vision ul li div h2 {
+    font-size: 1.6rem;
+    color: #393C3F;
+    line-height: 2;
+    font-weight: 700;
 }
-.h-vision ul li div p{
-	font-size: 1.4rem;
-	color: #999999;
+
+.h-vision ul li div p {
+    font-size: 1.4rem;
+    color: #999999;
 }
+
 /*content-us*/
-.content-bg-us{
-	width: 100%;
-	background: #fff;
+.content-bg-us {
+    width: 100%;
+    background: #fff;
 }
-.cont-us{
-	width: 1042px;
-	margin: 0 auto;
-	padding: 100px 0;
+
+.cont-us {
+    width: 1042px;
+    margin: 0 auto;
+    padding: 100px 0;
 }
-.cont-us p{
-	text-align: center;
+
+.cont-us p {
+    text-align: center;
 }
-.cont-us ul{
-	margin-top: 50px;
+
+.cont-us ul {
+    margin-top: 50px;
 }
-.cont-us ul li{
-	height: 30px;
-	line-height: 30px;
-	float: left;
-	width: 25%;
-	text-align: center;
-	margin: 0 auto;
+
+.cont-us ul li {
+    height: 30px;
+    line-height: 30px;
+    float: left;
+    width: 25%;
+    text-align: center;
+    margin: 0 auto;
 }
-.cont-us ul li img{
-	margin-right: 10px;
+
+.cont-us ul li img {
+    margin-right: 10px;
 }
-.cont-us ul li span{
-	position: relative;
-	top: -9px;
+
+.cont-us ul li span {
+    position: relative;
+    top: -9px;
 }
+
 /*.cont-us ul li img, .cont-us ul li span{
 	float: left;
 }*/
 /*footer*/
-.foot-bar{
-	width: 100%;
-	height: 62px;
-	line-height: 62px;
-	background: #F0F0F0;
-}
-.foot-bar .cont-dress{
-	width: 1042px;
-	margin: 0 auto;
-}
-.foot-bar .cont-dress p{
-	width: 50%;
-	font-size: 1.2rem;
-	color: #485766;
+.foot-bar {
+    width: 100%;
+    height: 62px;
+    line-height: 62px;
+    background: #F0F0F0;
 }
 
+.foot-bar .cont-dress {
+    width: 1042px;
+    margin: 0 auto;
+}
 
+.foot-bar .cont-dress p {
+    width: 50%;
+    font-size: 1.2rem;
+    color: #485766;
+}
 
 
 /*案例页面*/
 /*案例页面*/
 /*案例页面*/
-.top-nav2{
-	background: #FFFFFF;
-	border-bottom: 1px solid #ECF2F8;
+.top-nav2 {
+    background: #FFFFFF;
+    border-bottom: 1px solid #ECF2F8;
 }
-.top-nav-cent2 ul  li{
-	color: #BBC4CE;
+
+.top-nav-cent2 ul li {
+    color: #BBC4CE;
 }
-.top-nav-cent2 ul  li a{
-	color: #BBC4CE;
+
+.top-nav-cent2 ul li a {
+    color: #BBC4CE;
 }
-.top-nav-cent2 ul  li a:hover{
-	color: #002200;
+
+.top-nav-cent2 ul li a:hover {
+    color: #002200;
 }
-.top-nav-cent ul  li a.topnav-a-activ2{
-	color: #002200;
+
+.top-nav-cent ul li a.topnav-a-activ2 {
+    color: #002200;
 }
+
 /*giant-screen*/
-.giant-screen{
-	width: 100%;
-	letter-spacing: 1px;
-	margin: 60px auto 0 auto;
-	background-image: -webkit-linear-gradient(#F3F9FF 0%, #D0DFF2 86%, #C6D8EF 98%);
-	background-image: -o-linear-gradient(#F3F9FF 0%, #D0DFF2 86%, #C6D8EF 98%);
-	background-image: linear-gradient(#F3F9FF 0%, #D0DFF2 86%, #C6D8EF 98%);
-	overflow: hidden;
+.giant-screen {
+    width: 100%;
+    letter-spacing: 1px;
+    margin: 60px auto 0 auto;
+    background-image: -webkit-linear-gradient(#F3F9FF 0%, #D0DFF2 86%, #C6D8EF 98%);
+    background-image: -o-linear-gradient(#F3F9FF 0%, #D0DFF2 86%, #C6D8EF 98%);
+    background-image: linear-gradient(#F3F9FF 0%, #D0DFF2 86%, #C6D8EF 98%);
+    overflow: hidden;
 }
-.giant-cont{
-	width: 670px;
-	margin: 100px auto;
-	text-align: center;
-}
-.giant-cont h2{
-	font-size: 6.0rem;
-	color: #70849D;
-	font-weight: 200;
-}
-.giant-cont p{
-	font-size: 1.2rem;
-	color: #A8B6C5;
-	margin: 22px auto 50px auto;
-}
-.giant-cont button{
-	color: #fff;
-	width: 200px;
-	height: 40px;
-	border: none;
-	font-size: 1.2rem;
-	border-radius: 8px;
 
-	background-image: -webkit-linear-gradient(#7BD0FF 0%, #078EFF 98%);
-	background-image: -o-linear-gradient(#7BD0FF 0%, #078EFF 98%);
-	background-image: linear-gradient(#7BD0FF 0%, #078EFF 98%);
+.giant-cont {
+    width: 670px;
+    margin: 100px auto;
+    text-align: center;
 }
-.giant-cont button a{
-	color: #fff;
-	text-decoration: none;
+
+.giant-cont h2 {
+    font-size: 6.0rem;
+    color: #70849D;
+    font-weight: 200;
 }
+
+.giant-cont p {
+    font-size: 1.2rem;
+    color: #A8B6C5;
+    margin: 22px auto 50px auto;
+}
+
+.giant-cont button {
+    color: #fff;
+    width: 200px;
+    height: 40px;
+    border: none;
+    font-size: 1.2rem;
+    border-radius: 8px;
+
+    background-image: -webkit-linear-gradient(#7BD0FF 0%, #078EFF 98%);
+    background-image: -o-linear-gradient(#7BD0FF 0%, #078EFF 98%);
+    background-image: linear-gradient(#7BD0FF 0%, #078EFF 98%);
+}
+
+.giant-cont button a {
+    color: #fff;
+    text-decoration: none;
+}
+
 /*你所在的位置*/
-.location{
-	width: 1024px;
-	margin: 60px auto;
+.location {
+    width: 1024px;
+    margin: 60px auto;
 }
-.route-guidance{
-	font-size: 1.2rem;
-	margin-bottom: 20px;
+
+.route-guidance {
+    font-size: 1.2rem;
+    margin-bottom: 20px;
 }
-.route-guidance a{
-	color: #70849D;
-	text-decoration: none;
+
+.route-guidance a {
+    color: #70849D;
+    text-decoration: none;
 }
-.location-cont{
-	width: 100%;
-	/*height: 314px;*/
-	background: #FFFFFF;
-	border: 1px solid #F0F0F0;
-	box-shadow: 0 0 4px 0 #E3F0FF;
-	overflow: hidden;
+
+.location-cont {
+    width: 100%;
+    /*height: 314px;*/
+    background: #FFFFFF;
+    border: 1px solid #F0F0F0;
+    box-shadow: 0 0 4px 0 #E3F0FF;
+    overflow: hidden;
 }
-.location-cont ul{
-	/*height: 164px;*/
-	/*margin: 50px auto;*/
+
+.location-cont ul {
+    /*height: 164px;*/
+    /*margin: 50px auto;*/
 }
-.location-cont ul li{
-	float: left;
-	width: 33.2%;
-	height: 164px;
-	padding-top: 50px;
-	margin: 20px 0;
-	text-align: center;
+
+.location-cont ul li {
+    float: left;
+    width: 33.2%;
+    height: 164px;
+    padding-top: 50px;
+    margin: 20px 0;
+    text-align: center;
 }
-.location-cont ul li.li-border{
-	border-right: 1px solid #E4E8EC;
-	border-left: 1px solid #E4E8EC;
+
+.location-cont ul li.li-border {
+    border-right: 1px solid #E4E8EC;
+    border-left: 1px solid #E4E8EC;
 }
-.location-cont ul li span{
-	font-size: 1.2rem;
-	color: #70849D;
-	margin-top: 20px;
-	display: inline-block;
+
+.location-cont ul li span {
+    font-size: 1.2rem;
+    color: #70849D;
+    margin-top: 20px;
+    display: inline-block;
 }
\ No newline at end of file