bike
This commit is contained in:
WindowBird
parent
a0e3938009
commit
a1de4e2436
|
|
@ -9,6 +9,7 @@
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
|
<li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
|
||||||
<!-- <li><a href="">共享汽车</a></li> -->
|
<!-- <li><a href="">共享汽车</a></li> -->
|
||||||
|
<li><a href="/sharedSolutions/carShare">景区共享电动车</a></li>
|
||||||
<li><a href="/sharedSolutions/scooter">共享滑板车</a></li>
|
<li><a href="/sharedSolutions/scooter">共享滑板车</a></li>
|
||||||
<li><a href="/sharedSolutions/sharedbed">共享陪护床</a></li>
|
<li><a href="/sharedSolutions/sharedbed">共享陪护床</a></li>
|
||||||
<li><a href="/sharedSolutions/eBike">共享电动车</a></li>
|
<li><a href="/sharedSolutions/eBike">共享电动车</a></li>
|
||||||
|
|
@ -19,17 +20,18 @@
|
||||||
<div class="col-xs-4 col-lg-2">
|
<div class="col-xs-4 col-lg-2">
|
||||||
<h2>行业方案</h2>
|
<h2>行业方案</h2>
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a>
|
<!-- <li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a>-->
|
||||||
</li>
|
<!-- </li>-->
|
||||||
<li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>
|
<!-- <li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>-->
|
||||||
<li><a href="/industrySolutions/ElectCar" title="智能电动车">智能电动车</a></li>
|
<li><a href="/industrySolutions/ElectCar" title="智能电动车">智能电动车</a></li>
|
||||||
|
<li><a href="/industrySolutions/cabinet" title="智能换电柜">智能换电柜</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-4 col-lg-2">
|
<div class="col-xs-4 col-lg-2">
|
||||||
<h2>软件开发</h2>
|
<h2>软件开发</h2>
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
|
<!-- <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>-->
|
||||||
<li><a href="/softwareDevelopment/app">APP开发</a></li>
|
<li><a href="/softwareDevelopment/app">APP开发</a></li>
|
||||||
<li><a href="/softwareDevelopment/miniprogram">小程序开发</a></li>
|
<li><a href="/softwareDevelopment/miniprogram">小程序开发</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<img alt="共享充电宝" class="img-responsive" src="/img/yuxiupdata/mune-6.png">
|
<img alt="共享充电宝" class="img-responsive" src="/img/yuxiupdata/mune-6.png">
|
||||||
</div>
|
</div>
|
||||||
<ul class="pull-right col-xs-4 col-sm-6">
|
<ul class="pull-right col-xs-4 col-sm-6">
|
||||||
<li><a href="http://bike.yuxiit.com/" target="_blank">共享单车<p>
|
<li><a href="/sharedSolutions/bike" target="_blank">共享单车<p>
|
||||||
一种新型环保共享经济，最大化的利用了公共道路通过率</p></a></li>
|
一种新型环保共享经济，最大化的利用了公共道路通过率</p></a></li>
|
||||||
|
|
||||||
<li><a href="/sharedSolutions/carShare">景区共享电动车<p>
|
<li><a href="/sharedSolutions/carShare">景区共享电动车<p>
|
||||||
|
|
@ -71,8 +71,8 @@
|
||||||
<img alt="小程序开发" class="img-responsive" src="/img/yuxiupdata/mune-11.png">
|
<img alt="小程序开发" class="img-responsive" src="/img/yuxiupdata/mune-11.png">
|
||||||
</div>
|
</div>
|
||||||
<ul class="pull-right col-xs-4 col-sm-6">
|
<ul class="pull-right col-xs-4 col-sm-6">
|
||||||
<li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发<p>
|
<!-- <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发<p>-->
|
||||||
定制开发可使您的微信公众平台更突出价值</p></a></li>
|
<!-- 定制开发可使您的微信公众平台更突出价值</p></a></li>-->
|
||||||
<li><a href="/softwareDevelopment/app">APP开发<p>
|
<li><a href="/softwareDevelopment/app">APP开发<p>
|
||||||
小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验</p></a></li>
|
小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验</p></a></li>
|
||||||
<li><a href="/softwareDevelopment/miniprogram">小程序开发<p>
|
<li><a href="/softwareDevelopment/miniprogram">小程序开发<p>
|
||||||
|
|
|
||||||
306
app/pages/sharedSolutions/bike.vue
Normal file
306
app/pages/sharedSolutions/bike.vue
Normal file
|
|
@ -0,0 +1,306 @@
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import {onMounted} from "vue";
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
// 加载CSS样式文件
|
||||||
|
loadCSSFiles()
|
||||||
|
|
||||||
|
// 加载JavaScript文件
|
||||||
|
loadJSFiles()
|
||||||
|
})
|
||||||
|
|
||||||
|
const loadJSFiles = () => {
|
||||||
|
const jsFiles = [
|
||||||
|
'/jsBike/jquery.min.js',
|
||||||
|
'/jsBike/minBanner.js',
|
||||||
|
'/jsBike/news.js',
|
||||||
|
|
||||||
|
|
||||||
|
]
|
||||||
|
|
||||||
|
jsFiles.forEach(src => {
|
||||||
|
// 检查是否已经加载过该JS文件
|
||||||
|
const existingScript = document.querySelector(`script[src="${src}"]`)
|
||||||
|
if (!existingScript) {
|
||||||
|
const script = document.createElement('script')
|
||||||
|
script.src = src
|
||||||
|
script.type = 'text/javascript'
|
||||||
|
document.head.appendChild(script)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadCSSFiles = () => {
|
||||||
|
const cssFiles = [
|
||||||
|
'/cssBike/bootstrap.min.css',
|
||||||
|
'/cssBike/main2.css',
|
||||||
|
|
||||||
|
|
||||||
|
'/cssBike/index.css',
|
||||||
|
'/cssBike/public.css',
|
||||||
|
]
|
||||||
|
|
||||||
|
cssFiles.forEach(href => {
|
||||||
|
// 检查是否已经加载过该CSS文件
|
||||||
|
const existingLink = document.querySelector(`link[href="${href}"]`)
|
||||||
|
if (!existingLink) {
|
||||||
|
const link = document.createElement('link')
|
||||||
|
link.rel = 'stylesheet'
|
||||||
|
link.href = href
|
||||||
|
link.type = 'text/css'
|
||||||
|
document.head.appendChild(link)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<view>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 首页巨幕 -->
|
||||||
|
<div class="index-giant">
|
||||||
|
<div class="index-giant-cont">
|
||||||
|
<h1>共享单车APP + 运营管理后台 + 智能锁 = 一站式解决方案</h1>
|
||||||
|
<p><img alt="" src="/images/P_1_English.png"></p>
|
||||||
|
<button><a
|
||||||
|
href="http://wpa.qq.com/msgrd?v=3&uin=1829668236&site=qq&menu=yes"
|
||||||
|
target="_blank">立即咨询</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 我们的解决方案 -->
|
||||||
|
<div class="index-solut">
|
||||||
|
<h2>我们的解决方案</h2>
|
||||||
|
<p>通过APP+单车+智能锁实现GPS定位实时找车、扫码快速开锁用车、预约用车、实时计费等功能。</p>
|
||||||
|
<ul>
|
||||||
|
<li class="index-solut-li">APP</li>
|
||||||
|
<li>后台</li>
|
||||||
|
<li>智能锁</li>
|
||||||
|
</ul>
|
||||||
|
<div id="triangle-up"/>
|
||||||
|
</div>
|
||||||
|
<!-- -->
|
||||||
|
<div class="solut-detail">
|
||||||
|
<!-- 解决方案1***APP -->
|
||||||
|
<ul class="solut-detail-ul1" style="display: block;">
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/location-icon.png">
|
||||||
|
<p>实时定位找车</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/Group.png">
|
||||||
|
<p>扫码快速开锁</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/togo.png">
|
||||||
|
<p>实时预约用车</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/pay.png">
|
||||||
|
<p>精准实时计费</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- -->
|
||||||
|
<ul class="solut-detail-ul2">
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/electricquantity.png">
|
||||||
|
<p>实时观察管理车辆</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/match.png">
|
||||||
|
<p>用户多数据一目了然</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/sett.png">
|
||||||
|
<p>财务管理清晰</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- -->
|
||||||
|
<ul class="solut-detail-ul2">
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/clock.png">
|
||||||
|
<p>GPS智能锁精准定位</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/speaktoke.png">
|
||||||
|
<p>蓝牙智能模块快速开锁</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/GPRS.png">
|
||||||
|
<p>GPRS超强通信</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 玩转单车，你只差这个APP -->
|
||||||
|
<div class="app-introduce">
|
||||||
|
<div class="app-introd-top">
|
||||||
|
<h2>玩转单车，你只差个APP</h2>
|
||||||
|
<p>来一场所走就走的骑行之旅</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="min-banner">
|
||||||
|
<div id="picplayer">
|
||||||
|
<div id="piccontent"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="picbtnHolder">
|
||||||
|
<div id="picbtns">
|
||||||
|
<div id="picbtn0" class="caption">
|
||||||
|
<span><img alt="" src="/images/loction-2.png"></span>
|
||||||
|
<h2>精准定位，找车不难</h2>
|
||||||
|
<p>APP寻附近单车，GPS精准定位让您找车不再困难</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="picbtn1" class="caption">
|
||||||
|
<span><img alt="" src="/images/QR-2.png"></span>
|
||||||
|
<h2>一键扫码，说走就走</h2>
|
||||||
|
<p>扫码开锁可以选择蓝牙，GPS，GPRS进行开锁，锁开之后即可骑行</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="picbtn2" class="caption">
|
||||||
|
<span><img alt="" src="/images/che-2.png"></span>
|
||||||
|
<h2>用车骑行，随心而行</h2>
|
||||||
|
<p>可查看当前位置，使用时长与花费情况，让您用的放心。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="picbtn3" class="caption">
|
||||||
|
<span><img alt="" src="/images/prem-2.png"></span>
|
||||||
|
<h2>结束骑行，关锁结算</h2>
|
||||||
|
<p>骑行结束之后需将单车停靠在单车公共停放区域，关锁即结束骑行并结算金额</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 我们的收益在哪里？ -->
|
||||||
|
<div class="index-profit">
|
||||||
|
<h2>我们的收益在哪里？</h2>
|
||||||
|
<p>来一场所走就走的骑行之旅</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>可根据不同城市区域设置不同价格</p>
|
||||||
|
<h2>租金收益</h2>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>单车广告更直观，收益更可观</p>
|
||||||
|
<h2>广告收益</h2>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>符合政府绿色出行低碳环保理念</p>
|
||||||
|
<h2>政府补贴</h2>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 推荐投放应用场景 -->
|
||||||
|
<div class="use-scene">
|
||||||
|
<div class="use-scene-tit">
|
||||||
|
<h2>推荐投放应用场景</h2>
|
||||||
|
<p>景区、园区、校区、城区</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/lighthouse-581082_1920.png">
|
||||||
|
<div class="use-scene-info">
|
||||||
|
<a href="#">景区</a>
|
||||||
|
<p>景区内有数家自行车租赁点，租金也比较多
|
||||||
|
而且在哪里租的骑完之后还要到那里还回去
|
||||||
|
这样会给用户造成诸多的不便。<br><br>
|
||||||
|
|
||||||
|
共享单车是一个自由共享模式，随时随地骑
|
||||||
|
行，随时随地还车，计费也很便宜。这种自
|
||||||
|
由方便的模式就解决了让用户跑动跑西的去
|
||||||
|
还车，以及高额的租赁费，这样会大大吸引
|
||||||
|
用户去使用，提高APP的使用量和微信吸粉
|
||||||
|
量。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/bridge-53769_1920.png">
|
||||||
|
<div class="use-scene-info">
|
||||||
|
<a href="#">园区</a>
|
||||||
|
<p>景区内有数家自行车租赁点，租金也比较多
|
||||||
|
而且在哪里租的骑完之后还要到那里还回去
|
||||||
|
这样会给用户造成诸多的不便。<br><br>
|
||||||
|
|
||||||
|
共享单车是一个自由共享模式，随时随地骑
|
||||||
|
行，随时随地还车，计费也很便宜。这种自
|
||||||
|
由方便的模式就解决了让用户跑动跑西的去
|
||||||
|
还车，以及高额的租赁费，这样会大大吸引
|
||||||
|
用户去使用，提高APP的使用量和微信吸粉
|
||||||
|
量。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/universit.png">
|
||||||
|
<div class="use-scene-info">
|
||||||
|
<a href="#">校区</a>
|
||||||
|
<p>景区内有数家自行车租赁点，租金也比较多
|
||||||
|
而且在哪里租的骑完之后还要到那里还回去
|
||||||
|
这样会给用户造成诸多的不便。<br><br>
|
||||||
|
|
||||||
|
共享单车是一个自由共享模式，随时随地骑
|
||||||
|
行，随时随地还车，计费也很便宜。这种自
|
||||||
|
由方便的模式就解决了让用户跑动跑西的去
|
||||||
|
还车，以及高额的租赁费，这样会大大吸引
|
||||||
|
用户去使用，提高APP的使用量和微信吸粉
|
||||||
|
量。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img alt="" src="/images/malaysia-911580_1920.png">
|
||||||
|
<div class="use-scene-info">
|
||||||
|
<a href="#">城区</a>
|
||||||
|
<p>景区内有数家自行车租赁点，租金也比较多
|
||||||
|
而且在哪里租的骑完之后还要到那里还回去
|
||||||
|
这样会给用户造成诸多的不便。<br><br>
|
||||||
|
|
||||||
|
共享单车是一个自由共享模式，随时随地骑
|
||||||
|
行，随时随地还车，计费也很便宜。这种自
|
||||||
|
由方便的模式就解决了让用户跑动跑西的去
|
||||||
|
还车，以及高额的租赁费，这样会大大吸引
|
||||||
|
用户去使用，提高APP的使用量和微信吸粉
|
||||||
|
量。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* 自定义动画效果 */
|
||||||
|
.hover\:shadow-lg:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 响应式字体大小 */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.text-4xl {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-5xl {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-6xl {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -39,7 +39,7 @@ const loadCSSFiles = () => {
|
||||||
|
|
||||||
|
|
||||||
'/css/yuxi2019.css',
|
'/css/yuxi2019.css',
|
||||||
'/css/Internet_Things.css',
|
'/css/new_index.css',
|
||||||
]
|
]
|
||||||
|
|
||||||
cssFiles.forEach(href => {
|
cssFiles.forEach(href => {
|
||||||
|
|
|
||||||
6
public/cssBike/bootstrap.min.css
vendored
Normal file
6
public/cssBike/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
762
public/cssBike/index.css
Normal file
762
public/cssBike/index.css
Normal file
|
|
@ -0,0 +1,762 @@
|
||||||
|
/*首页*/
|
||||||
|
/*首页*/
|
||||||
|
/*首页*/
|
||||||
|
|
||||||
|
/*首屏巨慕*/
|
||||||
|
.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-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 h2{
|
||||||
|
font-size: 3.2rem;
|
||||||
|
color: #485766;
|
||||||
|
}
|
||||||
|
.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 li{
|
||||||
|
float: left;
|
||||||
|
width: 33.3%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.index-solut-li{
|
||||||
|
color: #fff;
|
||||||
|
background: #485766;
|
||||||
|
}
|
||||||
|
#triangle-up{
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-left: 8px solid transparent;
|
||||||
|
border-right: 8px solid transparent;
|
||||||
|
border-bottom: 16px solid #F4F5F8;
|
||||||
|
position: absolute;
|
||||||
|
left: 45%;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
/*解决方案1*/
|
||||||
|
.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 li{
|
||||||
|
width: 132px;
|
||||||
|
height: 132px;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 65px;
|
||||||
|
}
|
||||||
|
.solut-detail-ul1{width: 1048px;}
|
||||||
|
.solut-detail-ul2{width: 786px;}
|
||||||
|
/**/
|
||||||
|
.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 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%;
|
||||||
|
}
|
||||||
|
#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 img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#picbtns{
|
||||||
|
width: 1036px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#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:hover{
|
||||||
|
background: #485766;
|
||||||
|
}
|
||||||
|
#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;
|
||||||
|
}
|
||||||
|
/*我们的收益*/
|
||||||
|
.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 p{
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #BCC3C9;
|
||||||
|
}
|
||||||
|
.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 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%;
|
||||||
|
}
|
||||||
|
/*推荐投放应用场景*/
|
||||||
|
.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 p{
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #BCC3C9;
|
||||||
|
margin: 25px auto 60px 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: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 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;
|
||||||
|
}
|
||||||
|
/* 侧边栏 */
|
||||||
|
.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;
|
||||||
|
}*/
|
||||||
|
/*.left-bar-1{
|
||||||
|
width: 18px;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 137px;
|
||||||
|
text-align: center;
|
||||||
|
}*/
|
||||||
|
/*.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-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-cent{
|
||||||
|
width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.top-nav-logo{
|
||||||
|
color: #fff;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.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 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:hover{
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/**/
|
||||||
|
.car-lock{
|
||||||
|
width: 1042px;
|
||||||
|
padding-top: 100px;
|
||||||
|
margin: 0 auto 50px auto;
|
||||||
|
}
|
||||||
|
.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 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 a{
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
/**/
|
||||||
|
.lock-descript{
|
||||||
|
width: 1042px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
.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 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;
|
||||||
|
}
|
||||||
|
/*锁对比*/
|
||||||
|
.table-cont{
|
||||||
|
margin-top: 12px;
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
.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 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;
|
||||||
|
}
|
||||||
|
.tr-bg{
|
||||||
|
background: #F4F4F4;
|
||||||
|
}
|
||||||
|
/*系统定制*/
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
.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 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, .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 p{
|
||||||
|
font-size: 1.4rem;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
/*content-us*/
|
||||||
|
.content-bg-us{
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.cont-us{
|
||||||
|
width: 1042px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
.cont-us p{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.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 img{
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*案例页面*/
|
||||||
|
/*案例页面*/
|
||||||
|
/*案例页面*/
|
||||||
|
.top-nav2{
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-bottom: 1px solid #ECF2F8;
|
||||||
|
}
|
||||||
|
.top-nav-cent2 ul li{
|
||||||
|
color: #BBC4CE;
|
||||||
|
}
|
||||||
|
.top-nav-cent2 ul li a{
|
||||||
|
color: #BBC4CE;
|
||||||
|
}
|
||||||
|
.top-nav-cent2 ul li a:hover{
|
||||||
|
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-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 button a{
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
/*你所在的位置*/
|
||||||
|
.location{
|
||||||
|
width: 1024px;
|
||||||
|
margin: 60px auto;
|
||||||
|
}
|
||||||
|
.route-guidance{
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.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 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.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;
|
||||||
|
}
|
||||||
420
public/cssBike/main2.css
Normal file
420
public/cssBike/main2.css
Normal file
|
|
@ -0,0 +1,420 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
ul,li{list-style-type:none;}
|
||||||
|
/*公共样式*/
|
||||||
|
.marginT20{margin-top: 20px !important;}
|
||||||
|
.marginB10{margin-bottom: 10px !important;}
|
||||||
|
.marginB20{margin-bottom: 20px !important;}
|
||||||
|
|
||||||
|
/*溢出不换行*/
|
||||||
|
.oneIn{white-space:normal;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;}
|
||||||
|
.oneIn_1{-webkit-line-clamp:1;}
|
||||||
|
.oneIn_2{-webkit-line-clamp:2;}
|
||||||
|
.oneIn_3{-webkit-line-clamp:3;}
|
||||||
|
.oneIn_10{-webkit-line-clamp:10;}
|
||||||
|
|
||||||
|
/*blank*/
|
||||||
|
.blank0, .blank5, .blank10, .blank20,.blank30,.blank50,.blank150{clear:both; display:block; font-size:1px; overflow:hidden;}
|
||||||
|
.blank0{height:0px;}
|
||||||
|
.blank5{height:5px;}
|
||||||
|
.blank10{height:10px;}
|
||||||
|
.blank20{height:20px;}
|
||||||
|
.blank30{height:30px;}
|
||||||
|
.blank50{height:50px;}
|
||||||
|
.lazy{width: 100% !important;}
|
||||||
|
.inlineBlock{display: inline-block;}
|
||||||
|
|
||||||
|
/*系统色*/
|
||||||
|
.bgBlack{background-color:#42464b !important;}
|
||||||
|
.cGray{color:#999 !important;}
|
||||||
|
.bgGray{background-color:#f9f9f9 !important;}
|
||||||
|
.cTran{color: transparent !important;}
|
||||||
|
.bgTran{background-color: transparent !important;}
|
||||||
|
.bgLightBlue{background-color: #f6fbff !important;}
|
||||||
|
.cBlue{color:#2088e4 !important;}
|
||||||
|
|
||||||
|
/*小屏电脑*/
|
||||||
|
@media (max-width:991px){
|
||||||
|
.blank10{height:10px;}
|
||||||
|
.blank20{height:15px;}
|
||||||
|
.blank30{height:25px;}
|
||||||
|
.blank50{height:40px;}
|
||||||
|
|
||||||
|
/*共享经济banner适配*/
|
||||||
|
.togetherShareBanner{height: 750px;}
|
||||||
|
.togetherShareBanner img{bottom: 47%; width: 50%;}
|
||||||
|
.togetherShareBanner .land{height: 410px;}
|
||||||
|
.f_45{font-size: 30px !important;}
|
||||||
|
.f_30{font-size: 18px !important;}
|
||||||
|
.f_24{font-size: 18px !important;}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*平板*/
|
||||||
|
@media (max-width:767px){
|
||||||
|
.blank10{height:5px;}
|
||||||
|
.blank20{height:10px;}
|
||||||
|
.blank30{height:20px;}
|
||||||
|
.blank50{height:30px;}
|
||||||
|
.f_12{font-size: 10px !important;}
|
||||||
|
.f_14{font-size: 12px !important;}
|
||||||
|
.f_16{font-size: 14px !important;}
|
||||||
|
.f_18{font-size: 16px !important;}
|
||||||
|
.f_20{font-size: 18px !important;}
|
||||||
|
.f_24{font-size: 20px !important;}
|
||||||
|
.f_30{font-size: 24px !important;}
|
||||||
|
.f_35{font-size: 30px !important;}
|
||||||
|
.f_40{font-size: 35px !important;}
|
||||||
|
.f_45{font-size: 40px !important;}
|
||||||
|
.f_50{font-size: 45px !important;}
|
||||||
|
.f_60{font-size: 50px !important;}
|
||||||
|
/*共享经济banner适配*/
|
||||||
|
.shareCircle{width: 90px;height: 90px;line-height: 90px;}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*以i6p 为分界线，兼容以下屏幕*/
|
||||||
|
@media (max-width:415px){
|
||||||
|
.blank30{height:15px;}
|
||||||
|
.blank50{height:20px;}
|
||||||
|
.f_16{font-size: 13px !important;}
|
||||||
|
.f_18{font-size: 14px !important;}
|
||||||
|
.f_20{font-size: 15px !important;}
|
||||||
|
.f_24{font-size: 17px !important;}
|
||||||
|
.f_30{font-size: 19px !important;}
|
||||||
|
.f_35{font-size: 20px !important;}
|
||||||
|
.f_40{font-size: 21px !important;}
|
||||||
|
.f_45{font-size: 22px !important;}
|
||||||
|
.f_50{font-size: 23px !important;}
|
||||||
|
.f_60{font-size: 20px !important;}
|
||||||
|
}
|
||||||
|
.adv_text {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 80px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.f18 {
|
||||||
|
font-size: 18px !important;
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.my-col-md-2 {
|
||||||
|
width: 20% !important;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.change22 {
|
||||||
|
font-size: 18px;
|
||||||
|
transition: all 0.3s ease !important;
|
||||||
|
}
|
||||||
|
.firstPageBox2Li:hover .change22 {
|
||||||
|
font-size: 22px !important;
|
||||||
|
}
|
||||||
|
.f28{
|
||||||
|
font-size: 28px !important;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
.f_22{font-size: 22px !important;}
|
||||||
|
.f_42{font-size: 42px !important;}
|
||||||
|
|
||||||
|
/*小屏电脑*/
|
||||||
|
@media (max-width:991px){
|
||||||
|
.f_22{font-size: 18px !important;}
|
||||||
|
.f_42{font-size: 30px !important;}
|
||||||
|
.f28{font-size: 22px !important;}
|
||||||
|
.adv_text{font-size: 18px !important;}
|
||||||
|
.h445{height:auto;}
|
||||||
|
.project-list{margin-bottom:10px;}
|
||||||
|
.my-col-md-2 .my_block {height: 0;}
|
||||||
|
}
|
||||||
|
/*平板*/
|
||||||
|
@media (max-width:767px){
|
||||||
|
.f_22{font-size: 16px !important;}
|
||||||
|
.f_42{font-size: 37px !important;}
|
||||||
|
.f28{font-size: 20px !important;}
|
||||||
|
.adv_text{font-size: 17px !important;line-height:24px !important;}
|
||||||
|
}
|
||||||
|
/*以i6p 为分界线，兼容以下屏幕*/
|
||||||
|
@media (max-width:415px){
|
||||||
|
.f_22{font-size: 16px !important;}
|
||||||
|
.f_42{font-size: 21px !important;}
|
||||||
|
.f28{font-size: 18px !important;}
|
||||||
|
.adv_text{font-size: 16px !important;}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**********************
|
||||||
|
**blog single page css*
|
||||||
|
**********************/
|
||||||
|
.reply_section { background: #f5f5f5; border-radius: 5px; }
|
||||||
|
.post_reply { margin-left: 10px; margin-top: 45px; }
|
||||||
|
.post_reply img { width: 85px; height: 85px; border: 5px solid #D5D8DD; }
|
||||||
|
.post_reply ul { list-style: none outside none; margin: 0; padding: 0; margin-top: 5px; }
|
||||||
|
.post_reply ul li { float: left; }
|
||||||
|
.post_reply ul li a { display: block; }
|
||||||
|
.post_reply ul li a i { border: 1px solid #DDDDDD; border-radius: 39px; color: #FFFFFF; font-size: 20px; height: 30px; margin-right: 3px; padding-top: 7px; text-align: center; width: 30px; }
|
||||||
|
.post_reply ul li a i.fa-facebook { background: #0182C4; }
|
||||||
|
.post_reply ul li a i.fa-twitter { background: none repeat scroll 0 0 #3FC1FE; }
|
||||||
|
.post_reply ul li a i.fa-google-plus { background: none repeat scroll 0 0 #D34836; }
|
||||||
|
.post_reply ul li a i:hover { opacity: .5; }
|
||||||
|
.post_reply_content { margin: 30px; }
|
||||||
|
.post_reply_content h1 a:hover { color: #FFC800; }
|
||||||
|
.post_reply_content h4 { margin-bottom: 50px; }
|
||||||
|
.reply_section .media-body { display: inherit; }
|
||||||
|
.comment_section .media-body { display: inherit; }
|
||||||
|
#comments_title { color: #4e4e4e; font-weight: 700px; font-size: 20px; margin-top: 60px; margin-bottom: 40px; }
|
||||||
|
.comment_section { margin-top: 30px; position: relative; }
|
||||||
|
.post_comments img { width: 85px; height: 85px; margin-top: 35px; }
|
||||||
|
.post_reply_comments { background: #f5f5f5; border-radius: 4px; padding: 30px; }
|
||||||
|
.post_reply_comments:before { border-color: transparent #F0F0F0 transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0; left: 75px; position: absolute; top: 20px; }
|
||||||
|
.post_reply_comments h3, .post_reply_content h3 { margin-top: 0; }
|
||||||
|
.post_reply_comments h1 a:hover { color: #ff8200; }
|
||||||
|
.post_reply_comments h4 { color: #c4c4c5; font-weight: 400; }
|
||||||
|
.post_reply_comments p { padding-bottom: 30px; }
|
||||||
|
.post_reply_comments a { bottom: 15px; position: absolute; right: 30px; background: #ff8200; color: #fff; border-radius: 5px; padding: 8px 20px; }
|
||||||
|
.post_reply_comments a:before { border-color: #ff8200 transparent transparent; border-style: solid; border-width: 16px; bottom: -11px; content: ""; height: 0; left: -12px; position: absolute; z-index: 99999; }
|
||||||
|
.post_reply_comments h2 a { }
|
||||||
|
.message_heading { margin-bottom: 50px; margin-top: 60px; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**/
|
||||||
|
/*.wid-72{
|
||||||
|
width: 72%;
|
||||||
|
}*/
|
||||||
|
.navbar-default{
|
||||||
|
border: none;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-brand{
|
||||||
|
height: auto;
|
||||||
|
margin: 25px 0 0 0;
|
||||||
|
padding: 0 0 0 15px;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-brand img{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-brand span{
|
||||||
|
color: #666;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 14px;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-toggle{
|
||||||
|
padding: 7px 8px;
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
border: 2px solid #FF1717;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-toggle .icon-bar{
|
||||||
|
width: 20px;
|
||||||
|
background-color: #d46161;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav{
|
||||||
|
min-height: 90px;
|
||||||
|
}
|
||||||
|
.nav>li {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > li > a{
|
||||||
|
height: 89px;
|
||||||
|
line-height: 89px;
|
||||||
|
margin: 0 25px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > li:last-child > a{
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.dropdown-menu{
|
||||||
|
width: 100vw;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 89px;
|
||||||
|
z-index: 999999;
|
||||||
|
padding: 30px 20%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.dropdown-menu div{
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.dropdown-menu div img{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul{
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a{
|
||||||
|
color: #333;
|
||||||
|
font-size:15px;
|
||||||
|
padding: 4px 0 4px 20px;
|
||||||
|
height: auto;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
border:1px solid #e6e6e6;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a{
|
||||||
|
color: #333;
|
||||||
|
font-size:15px;
|
||||||
|
padding: 4px 0 4px 20px;
|
||||||
|
height: auto;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
border:1px solid #e6e6e6;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a p{
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin: 6px 0 0 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a:hover{
|
||||||
|
color: #FF1717;
|
||||||
|
background: rgba(255, 23, 23, 0.04);
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a:hover p{
|
||||||
|
color: #FF1717;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*底部*/
|
||||||
|
.footer{
|
||||||
|
color: #fff;
|
||||||
|
padding: 65px 0;
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.footer h2{
|
||||||
|
font-size:18px;
|
||||||
|
margin: 0 0 32px 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.footer ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.footer ul li a,
|
||||||
|
.footer ul li span{
|
||||||
|
color: #ccc;
|
||||||
|
font-size:14px;
|
||||||
|
margin: 10px 0;
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.min-footer{
|
||||||
|
line-height: 50px;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
@media (min-width: 1200px){
|
||||||
|
.container {
|
||||||
|
width: 78vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*小屏电脑*/
|
||||||
|
@media (max-width: 1544px){
|
||||||
|
.navbar-default .navbar-nav > li > a{
|
||||||
|
margin: 0 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 1326px){
|
||||||
|
.navbar-default .navbar-nav > li > a{
|
||||||
|
margin: 0 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 1226px){
|
||||||
|
.navbar-default .navbar-nav > li > a{
|
||||||
|
margin: 0 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width:995px){
|
||||||
|
.navbar-default .navbar-nav > li > a{
|
||||||
|
margin: 0 12px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > li > a:hover{
|
||||||
|
color: #FF1717;
|
||||||
|
background: none;
|
||||||
|
border-bottom: 3px solid #FF1717;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > li:last-child > a:hover{
|
||||||
|
color: #888;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav>.open>a{
|
||||||
|
color: #FF1717;
|
||||||
|
background: none;
|
||||||
|
border-bottom: 3px solid #FF1717;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav>.open>a:hover{
|
||||||
|
color: #FF1717;
|
||||||
|
background: none;
|
||||||
|
border-bottom: 3px solid #FF1717;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*小屏电脑*/
|
||||||
|
@media (max-width:770px){
|
||||||
|
.navbar-default .navbar-nav > li > a{
|
||||||
|
margin: 0 14px;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-brand img{
|
||||||
|
max-width: 128px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-brand span{
|
||||||
|
font-size: 12px;
|
||||||
|
margin-top: 12px;
|
||||||
|
margin-left: 6px;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
padding: 15px 0;
|
||||||
|
}
|
||||||
|
.footer h2 {
|
||||||
|
font-size: 15px;
|
||||||
|
margin: 0 0 10px 0;
|
||||||
|
}
|
||||||
|
.min-footer{
|
||||||
|
line-height: 15px;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 4px 8px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.dropdown-menu{
|
||||||
|
width: 100vw;
|
||||||
|
top: 50px;
|
||||||
|
z-index: 999999;
|
||||||
|
padding: 10px 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.dropdown-menu div{
|
||||||
|
padding-right: 0 !important;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul{
|
||||||
|
padding-right: 13px;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a{
|
||||||
|
font-size:12px;
|
||||||
|
padding-left: 6px;
|
||||||
|
padding-right: 6px;
|
||||||
|
}
|
||||||
|
.dropdown-menu ul li a p{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
78
public/cssBike/public.css
Normal file
78
public/cssBike/public.css
Normal file
|
|
@ -0,0 +1,78 @@
|
||||||
|
html{
|
||||||
|
width: 100%; height: 100%;
|
||||||
|
margin: 0; padding: 0;
|
||||||
|
font-size: 62.5%;
|
||||||
|
font-family: PingFangSC,'微软雅黑', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';
|
||||||
|
}
|
||||||
|
html{
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
html,body{overflow-x: hidden;}
|
||||||
|
body{margin: 0 auto; line-height: 1.5;}
|
||||||
|
.auto-height { /*自适应高度布局*/
|
||||||
|
width: 100%;
|
||||||
|
min-height:100%;
|
||||||
|
height: auto;
|
||||||
|
_height: 100%; /*IE6不识别min-height*/
|
||||||
|
position: relative;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
img { border: 0; max-width: 100%;}
|
||||||
|
button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; font-family: '微软雅黑', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1' ;}
|
||||||
|
ol, ul, li, dl, dd{ list-style:none; margin: 0; padding: 0;}
|
||||||
|
p, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: 500;}
|
||||||
|
|
||||||
|
/* 清除浮动 */
|
||||||
|
html[xmlns] .clearfix { display: block;}
|
||||||
|
.clearfix { display: block;}
|
||||||
|
*html .clearfix { height: 1%;}
|
||||||
|
.clearfix:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
|
||||||
|
.clearfix:before { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
|
||||||
|
|
||||||
|
/*内容垂直居中 */
|
||||||
|
.mid_cont{ display: table-cell; vertical-align: middle;}
|
||||||
|
/*内容两端对齐 */
|
||||||
|
.justify{ text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;}
|
||||||
|
.text-left{text-align: left;}
|
||||||
|
.text-center{text-align: center;}
|
||||||
|
.text-right{text-align: right;}
|
||||||
|
|
||||||
|
/*方向 */
|
||||||
|
.float-l{float:left !important;}
|
||||||
|
.float-r{float:right !important;}
|
||||||
|
.text-l{ text-align: left !important;}
|
||||||
|
.text-r{ text-align: right !important;}
|
||||||
|
.text-c{ text-align: center !important;}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**/
|
||||||
|
.color-020{
|
||||||
|
color: #002200;
|
||||||
|
}
|
||||||
|
.color-writ{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*字体大小*/
|
||||||
|
.size12{ font-size: 1.2rem !important;}
|
||||||
|
.size13{ font-size: 1.3rem !important;}
|
||||||
|
.size14{ font-size: 1.4rem !important;}
|
||||||
|
.size15{ font-size: 1.5rem !important;}
|
||||||
|
.size16{ font-size: 1.6rem !important;}
|
||||||
|
.size17{ font-size: 1.7rem !important;}
|
||||||
|
.size18{ font-size: 1.8rem !important;}
|
||||||
|
.size19{ font-size: 1.9rem !important;}
|
||||||
|
.size20{ font-size: 2.0rem !important;}
|
||||||
|
.size21{ font-size: 2.2rem !important;}
|
||||||
|
.size22{ font-size: 2.3rem !important;}
|
||||||
|
.size23{ font-size: 2.4rem !important;}
|
||||||
|
.size24{ font-size: 2.5rem !important;}
|
||||||
|
.size25{ font-size: 2.6rem !important;}
|
||||||
|
.size26{ font-size: 2.7rem !important;}
|
||||||
|
.size27{ font-size: 2.8rem !important;}
|
||||||
|
.size28{ font-size: 2.8rem !important;}
|
||||||
|
.size29{ font-size: 2.9rem !important;}
|
||||||
|
.size30{ font-size: 3.0rem !important;}
|
||||||
BIN
public/images/Device.png
Normal file
BIN
public/images/Device.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/images/GPRS.png
Normal file
BIN
public/images/GPRS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
public/images/Group.png
Normal file
BIN
public/images/Group.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
public/images/P_1_English.png
Normal file
BIN
public/images/P_1_English.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
BIN
public/images/P_1_banner_bg.png
Normal file
BIN
public/images/P_1_banner_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
public/images/QFQicon.png
Normal file
BIN
public/images/QFQicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
public/images/QQ.png
Normal file
BIN
public/images/QQ.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 991 B |
BIN
public/images/QR-2.png
Normal file
BIN
public/images/QR-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 345 B |
BIN
public/images/Shape.png
Normal file
BIN
public/images/Shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/alikaka.png
Normal file
BIN
public/images/alikaka.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/images/anjoin.png
Normal file
BIN
public/images/anjoin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
BIN
public/images/apple.png
Normal file
BIN
public/images/apple.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 339 B |
BIN
public/images/bar-QQ.png
Normal file
BIN
public/images/bar-QQ.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
BIN
public/images/bg.png
Normal file
BIN
public/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
7
public/images/bottom_logo.html
Normal file
7
public/images/bottom_logo.html
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
<html>
|
||||||
|
<head><title>404 Not Found</title></head>
|
||||||
|
<body>
|
||||||
|
<center><h1>404 Not Found</h1></center>
|
||||||
|
<hr><center>nginx</center>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
public/images/bridge-53769_1920.png
Normal file
BIN
public/images/bridge-53769_1920.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
BIN
public/images/che-2.png
Normal file
BIN
public/images/che-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 639 B |
BIN
public/images/clock.png
Normal file
BIN
public/images/clock.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/images/comlebb.png
Normal file
BIN
public/images/comlebb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
public/images/electricquantity.png
Normal file
BIN
public/images/electricquantity.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/email.png
Normal file
BIN
public/images/email.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 955 B |
BIN
public/images/left-QR_code.png
Normal file
BIN
public/images/left-QR_code.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
public/images/lighthouse-581082_1920.png
Normal file
BIN
public/images/lighthouse-581082_1920.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
BIN
public/images/location-icon.png
Normal file
BIN
public/images/location-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/images/lock/Group10.png
Normal file
BIN
public/images/lock/Group10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/images/lock/Group74.jpg
Normal file
BIN
public/images/lock/Group74.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
public/images/lock/Group8.png
Normal file
BIN
public/images/lock/Group8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 682 B |
BIN
public/images/lock/Group9.png
Normal file
BIN
public/images/lock/Group9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/lock/alert.png
Normal file
BIN
public/images/lock/alert.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
public/images/lock/bike_icon.png
Normal file
BIN
public/images/lock/bike_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/images/lock/ddwasf.png
Normal file
BIN
public/images/lock/ddwasf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/lock/forbidden.png
Normal file
BIN
public/images/lock/forbidden.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/images/lock/interface.png
Normal file
BIN
public/images/lock/interface.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 805 B |
BIN
public/images/lock/key_icon.png
Normal file
BIN
public/images/lock/key_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/images/lock/ling.png
Normal file
BIN
public/images/lock/ling.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 934 B |
BIN
public/images/lock/shield.png
Normal file
BIN
public/images/lock/shield.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/images/loction-2.png
Normal file
BIN
public/images/loction-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 608 B |
BIN
public/images/long.png
Normal file
BIN
public/images/long.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
public/images/malaysia-911580_1920.png
Normal file
BIN
public/images/malaysia-911580_1920.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
BIN
public/images/match.png
Normal file
BIN
public/images/match.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
public/images/miya.png
Normal file
BIN
public/images/miya.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/images/pay.png
Normal file
BIN
public/images/pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
public/images/phone.png
Normal file
BIN
public/images/phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 747 B |
BIN
public/images/phonecall.png
Normal file
BIN
public/images/phonecall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 B |
BIN
public/images/prem-2.png
Normal file
BIN
public/images/prem-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 321 B |
BIN
public/images/sett.png
Normal file
BIN
public/images/sett.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/images/speaktoke.png
Normal file
BIN
public/images/speaktoke.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/images/togo.png
Normal file
BIN
public/images/togo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
public/images/universit.png
Normal file
BIN
public/images/universit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
BIN
public/images/wecate.png
Normal file
BIN
public/images/wecate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
BIN
public/images/xiaoyi.png
Normal file
BIN
public/images/xiaoyi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
public/images/xiniu-icon.png
Normal file
BIN
public/images/xiniu-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/images/yuxi_logo.png
Normal file
BIN
public/images/yuxi_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/yuxi_logo_white.png
Normal file
BIN
public/images/yuxi_logo_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
5
public/jsBike/jquery.min.js
vendored
Normal file
5
public/jsBike/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
63
public/jsBike/minBanner.js
Normal file
63
public/jsBike/minBanner.js
Normal file
|
|
@ -0,0 +1,63 @@
|
||||||
|
var p = $('#picplayer');
|
||||||
|
var pics1 = [{url:'images/minBanner-1.png',link:'#',time:3000},{url:'images/minBanner-2.jpg',link:'',time:3000},{url:'images/minBanner-3.jpg',link:'',time:3000},{url:'images/minBanner-4.jpg',link:'',time:3000}];
|
||||||
|
initPicPlayer(pics1,p.css('width').split('px')[0],p.css('height').split('px')[0]);
|
||||||
|
//
|
||||||
|
//
|
||||||
|
function initPicPlayer(pics,w,h){
|
||||||
|
//选中的图片
|
||||||
|
var selectedItem;
|
||||||
|
//选中的按钮
|
||||||
|
var selectedBtn;
|
||||||
|
//自动播放的id
|
||||||
|
var playID;
|
||||||
|
//选中图片的索引
|
||||||
|
var selectedIndex;
|
||||||
|
//容器
|
||||||
|
var p = $('#picplayer');
|
||||||
|
var c = $('#piccontent');
|
||||||
|
|
||||||
|
for(var i=0; i<pics.length; i++){
|
||||||
|
//添加图片到容器中
|
||||||
|
c.append('<a target="_blank"><img id="picitem'+i+'" style="display: none;z-index:'+i+'" src="'+pics[i].url+'" /></a>');
|
||||||
|
// href="'+pics[i].link+'"
|
||||||
|
}
|
||||||
|
|
||||||
|
//按钮容器，绝对定位在右下角
|
||||||
|
var btnHolder = $('#picbtnHolder');
|
||||||
|
var btns = $('#picbtns');
|
||||||
|
|
||||||
|
for(var i=0; i<pics.length; i++){
|
||||||
|
//增加图片对应的按钮
|
||||||
|
$('#picbtn'+i).data('index',i);
|
||||||
|
$('#picbtn'+i).click( function(event){
|
||||||
|
if(selectedItem.attr('src') == $('#picitem'+$(this).data('index')).attr('src')){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setSelectedItem($(this).data('index'));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
setSelectedItem(0);
|
||||||
|
|
||||||
|
//显示指定的图片index
|
||||||
|
function setSelectedItem(index){
|
||||||
|
selectedIndex = index;
|
||||||
|
clearInterval(playID);
|
||||||
|
if(selectedItem)selectedItem.fadeOut('fast');
|
||||||
|
selectedItem = $('#picitem'+index);
|
||||||
|
selectedItem.fadeIn('slow');
|
||||||
|
//
|
||||||
|
if(selectedBtn){
|
||||||
|
selectedBtn.children('span').css('backgroundColor','#D8D8D8');
|
||||||
|
// selectedBtn.css('color','#000');
|
||||||
|
}
|
||||||
|
selectedBtn = $('#picbtn'+index);
|
||||||
|
selectedBtn.children('span').css('backgroundColor','#485766');
|
||||||
|
// selectedBtn.css('color','#fff');
|
||||||
|
//自动播放
|
||||||
|
playID = setInterval(function(){
|
||||||
|
var index = selectedIndex+1;
|
||||||
|
if(index > pics.length-1)index=0;
|
||||||
|
setSelectedItem(index);
|
||||||
|
},pics[index].time);
|
||||||
|
}
|
||||||
|
}
|
||||||
37
public/jsBike/news.js
Normal file
37
public/jsBike/news.js
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
function timesw(_time){
|
||||||
|
var date = new Date(_time * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
||||||
|
var Y = date.getFullYear() + '-';
|
||||||
|
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
|
||||||
|
var D = date.getDate() + ' ';
|
||||||
|
var h = date.getHours() + ':';
|
||||||
|
var m = date.getMinutes();
|
||||||
|
var s = date.getSeconds();
|
||||||
|
return Y + M + D + h + m;
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
var datas;
|
||||||
|
$.post("http://article.yuxiit.com/Home/Article/articleList.html",{p1_Num: 10}).done(function(res){
|
||||||
|
if(res.code == '10000'){
|
||||||
|
datas = res.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(function(){
|
||||||
|
// console.log(datas);
|
||||||
|
for (var i = 0; i < datas.length; i++) {
|
||||||
|
$('.firstPageBox3Li .cBlue').eq(i).html(datas[i].name);
|
||||||
|
for ( var j = 0; j < datas[i].articleList.length; j++) {
|
||||||
|
var _html = '<li>' +
|
||||||
|
'<a rel="nofollow" target="_blank"><span class="pull-right "></span></a>' +
|
||||||
|
'<a target="_blank" href="http://yuxiit.com/news/news_' + datas[i].articleList[j].id + '.html' + ' "title="' +datas[i].articleList[j].title+ '"class="cGray f_14">' +
|
||||||
|
'<span class="pull-right">' + timesw(datas[i].articleList[j].time) + '</span>' +
|
||||||
|
'<span class="oneIn oneIn_1">' + datas[i].articleList[j].title + '</span>'+
|
||||||
|
'<div class="blank20"></div>' +
|
||||||
|
'</a>' +
|
||||||
|
'</li>'
|
||||||
|
$('.firstPageBox3Li').eq(i).children('ul').append(_html);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},1000)
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user