Commit 7e63e5e44634fee760fea1379a607f967b0845e3
1 parent
d9ac57e9
服务页 底部模块
Showing
3 changed files
with
97 additions
and
10 deletions
css/services.css
| @@ -257,4 +257,59 @@ | @@ -257,4 +257,59 @@ | ||
| 257 | padding-bottom: 22px; | 257 | padding-bottom: 22px; |
| 258 | border-bottom: 2px solid rgba(63,159,254,1); | 258 | border-bottom: 2px solid rgba(63,159,254,1); |
| 259 | background: url(../images/services_titico9_active.png) no-repeat center 0; | 259 | background: url(../images/services_titico9_active.png) no-repeat center 0; |
| 260 | +} | ||
| 261 | +/*footer sta*/ | ||
| 262 | +.services-foottit{ | ||
| 263 | + width:400px; | ||
| 264 | + height:38px; | ||
| 265 | + line-height:38px; | ||
| 266 | + font-size:36px; | ||
| 267 | + font-weight:500; | ||
| 268 | + color:rgba(0,0,0,1); | ||
| 269 | + margin: 0px auto 71px; | ||
| 270 | +} | ||
| 271 | +.services-foot-cont{ | ||
| 272 | + height: 362px; | ||
| 273 | + width: 100%; | ||
| 274 | +} | ||
| 275 | +.services-foot-div{ | ||
| 276 | + height: 362px; | ||
| 277 | + background:rgba(255,255,255,1); | ||
| 278 | + box-shadow:2px 2px 2px 2px rgba(234,235,235,0.48); | ||
| 279 | +} | ||
| 280 | +.services-foot-div div:nth-of-type(1){ | ||
| 281 | + height: 219px; | ||
| 282 | + width: 100%; | ||
| 283 | +} | ||
| 284 | +.services-footmsgtit{ | ||
| 285 | + width:150px; | ||
| 286 | + height:33px; | ||
| 287 | + font-size:29px; | ||
| 288 | + font-weight:bold; | ||
| 289 | + color:rgba(78,166,253,1); | ||
| 290 | + line-height:33px; | ||
| 291 | + text-align: left; | ||
| 292 | + margin-left: 40px; | ||
| 293 | + margin-top: 25px; | ||
| 294 | +} | ||
| 295 | +.services-footmsg{ | ||
| 296 | + width:240px; | ||
| 297 | + height:44px; | ||
| 298 | + font-size:16px; | ||
| 299 | + font-weight:500; | ||
| 300 | + color:rgba(0,0,0,0.6); | ||
| 301 | + line-height:28px; | ||
| 302 | + text-align: left; | ||
| 303 | + margin-left: 40px; | ||
| 304 | +} | ||
| 305 | +.services-footIco1{ | ||
| 306 | + background: url("../images/services_footIco2.png") no-repeat; | ||
| 307 | + /*background-size: ;*/ | ||
| 308 | +} | ||
| 309 | +.services-footIco2{ | ||
| 310 | + background: url("../images/services_footIco2.png") no-repeat; | ||
| 311 | + /*background-size: ;*/ | ||
| 312 | +}.services-footIco3{ | ||
| 313 | + background: url("../images/services_footIco3.png") no-repeat; | ||
| 314 | + /*background-size: ;*/ | ||
| 260 | } | 315 | } |
| 261 | \ No newline at end of file | 316 | \ No newline at end of file |
images/services_footIco1.png deleted
173 KB
services.html
| @@ -64,9 +64,8 @@ | @@ -64,9 +64,8 @@ | ||
| 64 | </div> | 64 | </div> |
| 65 | <!--banner end--> | 65 | <!--banner end--> |
| 66 | <div class="services-content"> | 66 | <div class="services-content"> |
| 67 | - | ||
| 68 | - <!--集团 sta--> | ||
| 69 | - <section id="" class="section"> | 67 | + <!--集团 sta--> |
| 68 | + <section class="section"> | ||
| 70 | <div class="container"> | 69 | <div class="container"> |
| 71 | <ul class="row servicessection-wrap"> | 70 | <ul class="row servicessection-wrap"> |
| 72 | <li class="text-center col-md-6 services-wrap-left-1"></li> | 71 | <li class="text-center col-md-6 services-wrap-left-1"></li> |
| @@ -114,9 +113,9 @@ | @@ -114,9 +113,9 @@ | ||
| 114 | </ul> | 113 | </ul> |
| 115 | </div> | 114 | </div> |
| 116 | </section> | 115 | </section> |
| 117 | - <!--集团 end--> | ||
| 118 | - <!--车场 sta--> | ||
| 119 | - <section id="" class="section"> | 116 | + <!--集团 end--> |
| 117 | + <!--车场 sta--> | ||
| 118 | + <section class="section"> | ||
| 120 | <div class="services_bgF7F8FA"> | 119 | <div class="services_bgF7F8FA"> |
| 121 | <div class="container"> | 120 | <div class="container"> |
| 122 | <ul class="row services-wrap"> | 121 | <ul class="row services-wrap"> |
| @@ -172,9 +171,9 @@ | @@ -172,9 +171,9 @@ | ||
| 172 | </div> | 171 | </div> |
| 173 | </div> | 172 | </div> |
| 174 | </section> | 173 | </section> |
| 175 | - <!--车场 end--> | ||
| 176 | - <!--车主 sta--> | ||
| 177 | - <section id="" class="section"> | 174 | + <!--车场 end--> |
| 175 | + <!--车主 sta--> | ||
| 176 | + <section class="section"> | ||
| 178 | <div class="container"> | 177 | <div class="container"> |
| 179 | <ul class="row services-wrap"> | 178 | <ul class="row services-wrap"> |
| 180 | <li class="text-center col-md-6 services-wrap-left-3"></li> | 179 | <li class="text-center col-md-6 services-wrap-left-3"></li> |
| @@ -225,7 +224,40 @@ | @@ -225,7 +224,40 @@ | ||
| 225 | </ul> | 224 | </ul> |
| 226 | </div> | 225 | </div> |
| 227 | </section> | 226 | </section> |
| 228 | - <!--车主 end--> | 227 | + <!--车主 end--> |
| 228 | + <!--footer sta--> | ||
| 229 | + <section class="section"> | ||
| 230 | + <div class="services_bgF7F8FA" style="padding-top: 132px;padding-bottom: 120px"> | ||
| 231 | + <div class="text-center services-foottit">全面智慧停车解决方案</div> | ||
| 232 | + <div class="container"> | ||
| 233 | + <div class="row services-foot-cont"> | ||
| 234 | + <div class="text-center col-md-4 col-sm-4"> | ||
| 235 | + <div class="services-foot-div"> | ||
| 236 | + <div class="services-footIco1"></div> | ||
| 237 | + <div class="services-footmsgtit">硬件互联</div> | ||
| 238 | + <div class="services-footmsg">一体化车牌识别、地磁感应、道闸、岗亭收费系统</div> | ||
| 239 | + </div> | ||
| 240 | + </div> | ||
| 241 | + <div class="text-center col-md-4 col-sm-4"> | ||
| 242 | + <div class="services-foot-div"> | ||
| 243 | + <div class="services-footIco2"></div> | ||
| 244 | + <div class="services-footmsgtit">云平台</div> | ||
| 245 | + <div class="services-footmsg">企业云平台、政府云平台、移动端APP全面停车运营管理</div> | ||
| 246 | + </div> | ||
| 247 | + </div> | ||
| 248 | + <div class="text-center col-md-4 col-sm-4"> | ||
| 249 | + <div class="services-foot-div"> | ||
| 250 | + <div class="services-footIco3"></div> | ||
| 251 | + <div class="services-footmsgtit">移动支付</div> | ||
| 252 | + <div class="services-footmsg">提供会员优惠、支付宝、微信、无感等多种便捷优惠缴费方式</div> | ||
| 253 | + | ||
| 254 | + </div> | ||
| 255 | + </div> | ||
| 256 | + </div> | ||
| 257 | + </div> | ||
| 258 | + </div> | ||
| 259 | + </section> | ||
| 260 | + <!--footer end--> | ||
| 229 | 261 | ||
| 230 | 262 | ||
| 231 | </div> | 263 | </div> |