diff --git a/contact.html b/contact.html
index 98d9b04..9f58e6f 100644
--- a/contact.html
+++ b/contact.html
@@ -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>
diff --git a/css/contact.css b/css/contact.css
index f427928..0fd35b3 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -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;
diff --git a/css/portfollo.css b/css/portfollo.css
index d877325..019e4e4 100644
--- a/css/portfollo.css
+++ b/css/portfollo.css
@@ -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;