Blame view

css/services.css 7.7 KB
4354a61b   Andy   服务页 集团部分
1
2
3
4
5
6
7
8
  .services-banner{
      width: 100%;
      height: 600px;
      background: url(../images/services_bgIxo.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
  }
  .services-bannertit{
4354a61b   Andy   服务页 集团部分
9
10
11
12
13
14
15
16
17
18
      height:50px;
      line-height: 50px;
      font-size:48px;
      font-weight:500;
      color:rgba(255,255,255,1);
      text-align: center;
      margin: 191px auto 44px;
  
  }
  .services-bannertext{
4354a61b   Andy   服务页 集团部分
19
20
21
22
23
24
25
26
27
28
29
      height:25px;
      line-height:25px;
      font-size:24px;
      font-weight:500;
      color:rgba(255,255,255,1);
      text-align: center;
      margin: 0 auto;
  }
  .services-content{
      background-color: #fff;
  }
b9b68354   Andy   服务页 车场 车主模块
30
31
32
33
  .services_bgF7F8FA{
      background-color: #F7F8FA;
      width: 100%;
  }
d9ac57e9   Andy   服务页 车场 车主模块
34
35
36
37
  .section{
      padding: 0 !important;
  }
  
4354a61b   Andy   服务页 集团部分
38
39
  /*tab sta */
  .services-wrap{
d9ac57e9   Andy   服务页 车场 车主模块
40
      /*height: 680px;*/
d744f2f4   Andy   media 服务页
41
      /*width: 1200px;*/
4354a61b   Andy   服务页 集团部分
42
      margin: 0 auto;
d744f2f4   Andy   media 服务页
43
      width: 100%;
4354a61b   Andy   服务页 集团部分
44
  }
b48b7eca   Andy   media 服务页
45
  /*1 tab*/
4354a61b   Andy   服务页 集团部分
46
  .services-wrap-left-1{
746c82fa   liuqimichale   服务
47
      background: url("../images/services_saasIco.png") no-repeat center center;
4925bcc8   Andy   服务页 底部模块
48
      background-size:80% 100%;
4354a61b   Andy   服务页 集团部分
49
      height: 494px;
b9b68354   Andy   服务页 车场 车主模块
50
      margin: 102px auto 0;
4354a61b   Andy   服务页 集团部分
51
52
  }
  .services-wrap-right-1{
b9b68354   Andy   服务页 车场 车主模块
53
      /*width: 100%;*/
4354a61b   Andy   服务页 集团部分
54
      height: 400px;
b9b68354   Andy   服务页 车场 车主模块
55
      margin: 177px auto 0;
4354a61b   Andy   服务页 集团部分
56
  }
b48b7eca   Andy   media 服务页
57
  /*1----tab  右侧 切换部分 sta*/
4354a61b   Andy   服务页 集团部分
58
59
  .services-soft-wrap{
      height: 168px;
b9b68354   Andy   服务页 车场 车主模块
60
      /*width: 100%;*/
c512143a   liuqimichale   服务
61
      /*width: 543px;*/
746c82fa   liuqimichale   服务
62
63
      border-bottom: 2px solid rgba(228,229,229,1);
      display: flex;
4354a61b   Andy   服务页 集团部分
64
65
  }
  .services-soft-wrap li {
746c82fa   liuqimichale   服务
66
      flex: 1;
4354a61b   Andy   服务页 集团部分
67
68
69
70
      color: rgba(6,14,19,.8);
      font-size:20px;
      cursor: pointer;
      height: 168px;
746c82fa   liuqimichale   服务
71
      /*width: 133px;*/
4354a61b   Andy   服务页 集团部分
72
73
74
  }
  .services-soft-wrap li:nth-of-type(1) {
      padding-top: 114px;
b48b7eca   Andy   media 服务页
75
      background: url(../images/services_titico1.png) no-repeat center 0;
4354a61b   Andy   服务页 集团部分
76
77
78
79
80
81
82
83
84
85
86
  }
  .services-soft-wrap li:nth-of-type(1).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico1_active.png) no-repeat center 0;
  }
  .services-soft-wrap li:nth-of-type(2) {
      padding-top: 114px;
      background: url(../images/services_titico2.png) no-repeat center 0;
      margin-right: 72px;
746c82fa   liuqimichale   服务
87
      margin-left: 72px;
4354a61b   Andy   服务页 集团部分
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
  }
  .services-soft-wrap li:nth-of-type(2).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico2_active.png) no-repeat center 0;
  }
  .services-soft-wrap li:nth-of-type(3) {
      padding-top: 114px;
      background: url(../images/services_titico3.png) no-repeat center 0;
  }
  .services-soft-wrap li:nth-of-type(3).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico3_active.png) no-repeat center 0;
  }
b48b7eca   Andy   media 服务页
105
  /*1------tab 右侧 cont*/
b9b68354   Andy   服务页 车场 车主模块
106
  .services-section-wrap,.services-section-user,.services-section-park{
4354a61b   Andy   服务页 集团部分
107
108
109
110
111
      height: 100px;
      margin-top: 58px;
      width: 400px;
  }
  .services-soft-bottom-title{
b48b7eca   Andy   media 服务页
112
      width:360px;
4354a61b   Andy   服务页 集团部分
113
114
115
116
117
      height:30px;
      font-size:30px;
      font-weight:500;
      color:rgba(0,0,0,1);
      margin-bottom: 22px;
b48b7eca   Andy   media 服务页
118
      text-align: left;
4354a61b   Andy   服务页 集团部分
119
120
121
122
123
124
125
126
127
128
129
  }
  .services-soft-bottom-des{
      text-align: left;
      width:400px;
      height:44px;
      line-height: 22px;
      font-size:16px;
      font-weight:400;
      color:rgba(0,0,0,0.7);
  }
  
b48b7eca   Andy   media 服务页
130
  /*----2------ tab sta*/
b9b68354   Andy   服务页 车场 车主模块
131
132
  /*2 tab*/
  .services-wrap-left-2{
c512143a   liuqimichale   服务
133
      /*width: 543px;*/
b9b68354   Andy   服务页 车场 车主模块
134
135
136
      /*width: 100%;*/
      height: 400px;
      margin: 165px auto 0;
c512143a   liuqimichale   服务
137
  
b9b68354   Andy   服务页 车场 车主模块
138
139
140
  }
  .services-wrap-right-2{
      background: url("../images/services_parkIco.png") no-repeat;
c512143a   liuqimichale   服务
141
      /*width: 558px;*/
b9b68354   Andy   服务页 车场 车主模块
142
143
144
145
146
147
148
      /*width: 100%;*/
      height: 574px;
      margin: 67px auto 0;
      /*margin-left: 10px;*/
  }
  /*-------2---*/
  .services-park-wrap{
746c82fa   liuqimichale   服务
149
      display: flex;
b9b68354   Andy   服务页 车场 车主模块
150
      height: 168px;
c512143a   liuqimichale   服务
151
      /*width: 543px;*/
b9b68354   Andy   服务页 车场 车主模块
152
153
154
155
      /*width: 100%;*/
      border-bottom: 2px solid rgba(228,229,229,1);;
  }
  .services-park-wrap li {
746c82fa   liuqimichale   服务
156
      flex: 1;
b9b68354   Andy   服务页 车场 车主模块
157
158
159
160
      color: rgba(6,14,19,.8);
      font-size:20px;
      cursor: pointer;
      height: 168px;
b9b68354   Andy   服务页 车场 车主模块
161
162
163
164
  }
  .services-park-wrap li:nth-of-type(1) {
      padding-top: 114px;
      background: url(../images/services_titico4.png) no-repeat center 0;
b9b68354   Andy   服务页 车场 车主模块
165
166
167
168
169
170
171
172
173
174
175
  }
  .services-park-wrap li:nth-of-type(1).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico4_active.png) no-repeat center 0;
  }
  .services-park-wrap li:nth-of-type(2) {
      padding-top: 114px;
      background: url(../images/services_titico5.png) no-repeat center 0;
      margin-right: 72px;
746c82fa   liuqimichale   服务
176
      margin-left: 72px;
b9b68354   Andy   服务页 车场 车主模块
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
  }
  .services-park-wrap li:nth-of-type(2).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico5_active.png) no-repeat center 0;
  }
  .services-park-wrap li:nth-of-type(3) {
      padding-top: 114px;
      background: url(../images/services_titico6.png) no-repeat center 0;
  }
  .services-park-wrap li:nth-of-type(3).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico6_active.png) no-repeat center 0;
  }
b48b7eca   Andy   media 服务页
194
195
  
  /*----3------ tab sta*/
b9b68354   Andy   服务页 车场 车主模块
196
  /*---3 tab*/
b48b7eca   Andy   media 服务页
197
198
  .services-wrap-left-3{
      background: url("../images/services_userIco.png") no-repeat;
c512143a   liuqimichale   服务
199
      /*width: 568px;*/
b9b68354   Andy   服务页 车场 车主模块
200
      /*width: 100%;*/
b48b7eca   Andy   media 服务页
201
      height: 593px;
b9b68354   Andy   服务页 车场 车主模块
202
203
      margin: 67px auto 0;
      /*margin-left: 10px;*/
b48b7eca   Andy   media 服务页
204
205
  }
  .services-wrap-right-3{
746c82fa   liuqimichale   服务
206
      /*width: 543px;*/
b9b68354   Andy   服务页 车场 车主模块
207
      /*width: 100%;*/
b48b7eca   Andy   media 服务页
208
      height: 400px;
b9b68354   Andy   服务页 车场 车主模块
209
      margin: 165px auto 0;
c512143a   liuqimichale   服务
210
      /*margin-left: 20px;*/
b48b7eca   Andy   media 服务页
211
212
213
  }
  /*-------3---*/
  .services-user-wrap{
746c82fa   liuqimichale   服务
214
      display: flex;
b48b7eca   Andy   media 服务页
215
      height: 168px;
c512143a   liuqimichale   服务
216
      /*width: 543px;*/
b9b68354   Andy   服务页 车场 车主模块
217
      /*width: 100%;*/
b48b7eca   Andy   media 服务页
218
219
220
      border-bottom: 2px solid rgba(228,229,229,1);;
  }
  .services-user-wrap li {
746c82fa   liuqimichale   服务
221
      flex: 1;
b48b7eca   Andy   media 服务页
222
223
224
225
      color: rgba(6,14,19,.8);
      font-size:20px;
      cursor: pointer;
      height: 168px;
b48b7eca   Andy   media 服务页
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
  }
  .services-user-wrap li:nth-of-type(1) {
      padding-top: 114px;
      background: url(../images/services_titico7.png) no-repeat center 0;
      margin-right: 72px;
  }
  .services-user-wrap li:nth-of-type(1).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico7_active.png) no-repeat center 0;
  }
  .services-user-wrap li:nth-of-type(2) {
      padding-top: 114px;
      background: url(../images/services_titico8.png) no-repeat center 0;
      margin-right: 72px;
  }
  .services-user-wrap li:nth-of-type(2).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico8_active.png) no-repeat center 0;
  }
  .services-user-wrap li:nth-of-type(3) {
      padding-top: 114px;
      background: url(../images/services_titico9.png) no-repeat center 0;
  }
  .services-user-wrap li:nth-of-type(3).active {
      color: #3F9FFE;
      padding-bottom: 22px;
      border-bottom: 2px solid rgba(63,159,254,1);
      background: url(../images/services_titico9_active.png) no-repeat center 0;
7e63e5e4   Andy   服务页 底部模块
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
  }
  /*footer sta*/
  .services-foottit{
      width:400px;
      height:38px;
      line-height:38px;
      font-size:36px;
      font-weight:500;
      color:rgba(0,0,0,1);
      margin: 0px auto 71px;
  }
  .services-foot-cont{
      height: 362px;
      width: 100%;
  }
  .services-foot-div{
      height: 362px;
      background:rgba(255,255,255,1);
      box-shadow:2px 2px 2px 2px rgba(234,235,235,0.48);
  }
  .services-foot-div div:nth-of-type(1){
      height: 219px;
      width: 100%;
  }
  .services-footmsgtit{
      width:150px;
      height:33px;
      font-size:29px;
      font-weight:bold;
      color:rgba(78,166,253,1);
      line-height:33px;
      text-align: left;
      margin-left: 40px;
      margin-top: 25px;
  }
  .services-footmsg{
      width:240px;
      height:44px;
      font-size:16px;
      font-weight:500;
      color:rgba(0,0,0,0.6);
      line-height:28px;
      text-align: left;
      margin-left: 40px;
  }
  .services-footIco1{
a831edc4   Andy   服务页 底部模块
304
      background: url("../images/services_footIco1.png") no-repeat;
7e63e5e4   Andy   服务页 底部模块
305
306
307
308
309
310
311
312
      /*background-size: ;*/
  }
  .services-footIco2{
      background: url("../images/services_footIco2.png") no-repeat;
      /*background-size: ;*/
  }.services-footIco3{
      background: url("../images/services_footIco3.png") no-repeat;
      /*background-size: ;*/
c512143a   liuqimichale   服务
313
  }