服务页底部模块

Andy
1 parent d9ac57e9
Showing 3 changed files with 97 additions and 10 deletions
css/services.css
images/services_footIco1.png
services.html
@@ -257,4 +257,59 @@
     padding-bottom: 22px;
     border-bottom: 2px solid rgba(63,159,254,1);
     background: url(../images/services_titico9_active.png) no-repeat center 0;
+}
+/*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{
+    background: url("../images/services_footIco2.png") no-repeat;
+    /*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: ;*/
 }
 \ No newline at end of file
@@ -64,9 +64,8 @@
 </div>
 <!--banner end-->
 <div class="services-content">
-
-        <!--集团 sta-->
-    <section id="" class="section">
+    <!--集团 sta-->
+    <section  class="section">
         <div class="container">
             <ul class="row servicessection-wrap">
                 <li class="text-center col-md-6 services-wrap-left-1"></li>
@@ -114,9 +113,9 @@
             </ul>
         </div>
     </section>
-        <!--集团 end-->
-        <!--车场 sta-->
-    <section id="" class="section">
+    <!--集团 end-->
+    <!--车场 sta-->
+    <section class="section">
         <div class="services_bgF7F8FA">
             <div class="container">
                 <ul class="row services-wrap">
@@ -172,9 +171,9 @@
             </div>
         </div>
     </section>
-        <!--车场 end-->
-        <!--车主 sta-->
-    <section id="" class="section">
+    <!--车场 end-->
+    <!--车主 sta-->
+    <section  class="section">
         <div class="container">
             <ul class="row services-wrap">
                 <li class="text-center col-md-6 services-wrap-left-3"></li>
@@ -225,7 +224,40 @@
             </ul>
         </div>
     </section>
-        <!--车主 end-->
+    <!--车主 end-->
+    <!--footer sta-->
+    <section  class="section">
+        <div class="services_bgF7F8FA" style="padding-top: 132px;padding-bottom: 120px">
+            <div class="text-center services-foottit">全面智慧停车解决方案</div>
+            <div class="container">
+                <div class="row services-foot-cont">
+                    <div class="text-center col-md-4 col-sm-4">
+                        <div class="services-foot-div">
+                            <div class="services-footIco1"></div>
+                            <div class="services-footmsgtit">硬件互联</div>
+                            <div class="services-footmsg">一体化车牌识别、地磁感应、道闸、岗亭收费系统</div>
+                        </div>
+                    </div>
+                    <div class="text-center col-md-4 col-sm-4">
+                        <div class="services-foot-div">
+                            <div class="services-footIco2"></div>
+                            <div class="services-footmsgtit">云平台</div>
+                            <div class="services-footmsg">企业云平台、政府云平台、移动端APP全面停车运营管理</div>
+                        </div>
+                    </div>
+                    <div class="text-center col-md-4 col-sm-4">
+                        <div class="services-foot-div">
+                            <div class="services-footIco3"></div>
+                            <div class="services-footmsgtit">移动支付</div>
+                            <div class="services-footmsg">提供会员优惠、支付宝、微信、无感等多种便捷优惠缴费方式</div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--footer end-->
  
  
 </div>