solutionSelect2.vue
4.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<template>
<div>
<div class="width" style="padding: 50px 0;">
<p style="font-size: 18px;text-align: center;margin-bottom: 20px;">公共交通综合分析与研判系统</p>
<ul class="overHidden">
<li class="fl">
<img src="../../../assets/images/solution/solution11.png" width="337px" height="326px">
</li>
<li class="fl" style="width: 392px;margin-left: 166px;">
<p style="font-size: 18px;padding: 40px 0;">公共交通</p>
<p style="font-size: 14px;line-height: 20px">公交车、出租车、执法车船
接口拓展：铁路、民航、水运</p>
</li>
</ul>
</div>
<div class="bgCommon" style="padding: 50px 0">
<div class="width">
<ul class="overHidden">
<li class="fl" style="width: 392px;">
<p style="font-size: 18px;padding: 40px 0;">公交调度系统</p>
<p style="font-size: 14px;line-height: 20px">公交调度、智能排班、信息发布、线路模拟、运营统计、电子站牌</p>
</li>
<li class="fl" style="margin-left: 166px;">
<img src="../../../assets/images/solution/solution12.png" width="447px" height="278px">
</li>
</ul>
</div>
</div>
<div class="width" style="padding: 50px 0">
<ul class="overHidden">
<li class="fl" style="">
<img src="../../../assets/images/solution/solution13.png" width="447px" height="278px">
</li>
<li class="fl" style="width: 392px;margin-left: 166px;">
<p style="font-size: 18px;padding: 40px 0;">公交监测与分析</p>
<p style="font-size: 14px;line-height: 20px">交通专题数据库建设、运营监测、车辆运营状况监控、公交运力分析、动态服务信息推送。</p>
</li>
</ul>
</div>
<div class="bgCommon" style="padding: 50px 0">
<div class="width">
<ul class="overHidden">
<li class="fl" style="width: 392px;">
<p style="font-size: 18px;padding: 40px 0;">公交电子站牌</p>
<p style="font-size: 14px;line-height: 20px">多媒体信息显示、车辆到站提醒、车辆到站预报、语音播报、公交智能调度管理、视频实时监控及客流统计。</p>
</li>
<li class="fl" style="margin-left: 166px;">
<img src="../../../assets/images/solution/solution14.png" width="447px" height="278px">
</li>
</ul>
</div>
</div>
<div class="width" style="padding: 50px 0">
<ul class="overHidden">
<li class="fl" style="">
<img src="../../../assets/images/solution/solution15.png" width="447px" height="278px">
</li>
<li class="fl" style="width: 392px;margin-left: 166px;">
<p style="font-size: 18px;padding: 40px 0;">公交视频监控</p>
<p style="font-size: 14px;line-height: 20px">公交车载视频、公交视频录像、电子站牌视频、电子站牌录像、公路实时视频、公路录像回放，为纠纷及刑事案件追查和划分责任提供强有力的证据支撑。</p>
</li>
</ul>
</div>
<div class="bgCommon" style="padding: 50px 0">
<div class="width">
<p style="font-size: 24px;">知识产权</p>
<ul class="knowledge-wrapper">
<li>
<img src="../../../assets/images/solution/knowledge0.png" alt="">
</li>
<li>
<img src="../../../assets/images/solution/knowledge1.png" alt="">
</li>
<li>
<img src="../../../assets/images/solution/knowledge2.png" alt="">
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'solutionSelect2',
data(){
return{
}
},
mounted() {
},
methods:{
}
}
</script>
<style scoped lang="scss">
.width{
width: 1200px;
margin: 0 auto;
}
.knowledge-wrapper{
display: flex;
justify-content: center;
li:nth-of-type(2){
margin: 0 97px;
}
img{
width: 185px;
height: 260px;
}
}
</style>