关于我们 banner

liuqimichale
1 parent ac8b53a3
Showing 3 changed files with 38 additions and 13 deletions
contact.html
css/contact.css
css/portfollo.css
@@ -93,20 +93,31 @@
             <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
             <ul class="example-wrap" id="example-wrap">
                 <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
-                    <div>丹阳</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>丹阳</div>
+                        <div>智慧停车项目</div>
+                    </div>
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-cf example-wrap-main">
-                    <div>赤峰红山区</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>赤峰红山区</div>
+                        <div>智慧停车项目</div>
+                    </div>
+
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-yz example-wrap-main">
-                    <div>扬中</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>扬中</div>
+                        <div>智慧停车项目</div>
+                    </div>
+
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
-                    <div>双流</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>双流</div>
+                        <div>智慧停车项目</div>
+                    </div>
+
                 </li>
             </ul>
@@ -55,13 +55,23 @@
     background: url("../images/example-wrap-empty.png") no-repeat center center;
     background-size: 90% 100%;
 }
-.example-wrap-main div:nth-of-type(1){
-
+.example-wrap-main>div{
+    width:200px;
+    height:119px;
+    background:rgba(73,164,254,.7);
+    position: relative;
+    left: 50%;
+    top:50%;
+    margin-left: -100px;
+    margin-top: -60px;
+}
+.example-wrap-main>div>div:nth-of-type(1){
+    padding: 20px 0 7px;
+    text-align: center;
     font-size:30px;
     color:rgba(255,255,255,1);
-    padding: 130px 0 10px;
 }
-.example-wrap-main div:nth-of-type(2){
+.example-wrap-main>div>div:nth-of-type(2){
     height: 20px;
     line-height: 20px;
     font-size:20px;
@@ -8,10 +8,14 @@
 }
 .breadcrumb-text{
+    width:832px;
+    height:79px;
+    margin: 200px auto;
     text-align: center;
-    padding-top: 210px;
+    line-height: 79px;
     color: #fff;
     font-size: 44px;
+    background-color: #3F9FFE;
 }
 #portfolio-soft-top{
     padding-bottom: 0;