diff --git a/contact.html b/contact.html
index 514bfab..e1ec138 100644
--- a/contact.html
+++ b/contact.html
@@ -90,15 +90,15 @@
             <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>
                 </li>
-                <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
+                <li class="text-center col-md-6 col-xs-12 example-wrap-cf example-wrap-main">
                     <div>赤峰红山区</div>
                     <div>智慧停车项目</div>
                 </li>
-                <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
-                    <div>赤峰红山区</div>
+                <li class="text-center col-md-6 col-xs-12 example-wrap-yz example-wrap-main">
+                    <div>扬中</div>
                     <div>智慧停车项目</div>
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
diff --git a/css/contact.css b/css/contact.css
index 5c86d9d..3164a84 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -42,6 +42,14 @@
     background: url("../images/example-wrap-dy.png") no-repeat center center;
     background-size: 90% 100%;
 }
+.example-wrap-cf{
+    background: url("../images/example-wrap-cf.png") no-repeat center center;
+    background-size: 90% 100%;
+}
+.example-wrap-yz{
+    background: url("../images/example-wrap-yz.png") no-repeat center center;
+    background-size: 90% 100%;
+}
 .example-wrap-empty{
     background: url("../images/example-wrap-empty.png") no-repeat center center;
     background-size: 90% 100%;
diff --git a/images/example-wrap-cf.png b/images/example-wrap-cf.png
new file mode 100755
index 0000000..1a4aa43
--- /dev/null
+++ b/images/example-wrap-cf.png
diff --git a/images/example-wrap-dy.png b/images/example-wrap-dy.png
old mode 100755
new mode 100644
index 1a4aa43..825dd01
--- a/images/example-wrap-dy.png
+++ b/images/example-wrap-dy.png
diff --git a/images/example-wrap-yz.png b/images/example-wrap-yz.png
new file mode 100644
index 0000000..ed858c2
--- /dev/null
+++ b/images/example-wrap-yz.png
diff --git a/images/ortfolio-soft-mobile.gif b/images/ortfolio-soft-mobile.gif
new file mode 100644
index 0000000..90cb251
--- /dev/null
+++ b/images/ortfolio-soft-mobile.gif
diff --git a/images/ortfolio-soft-pc1.gif b/images/ortfolio-soft-pc1.gif
new file mode 100644
index 0000000..b824e14
--- /dev/null
+++ b/images/ortfolio-soft-pc1.gif
diff --git a/images/ortfolio-soft-pc2.gif b/images/ortfolio-soft-pc2.gif
new file mode 100644
index 0000000..0e2633f
--- /dev/null
+++ b/images/ortfolio-soft-pc2.gif
diff --git a/portfolio.html b/portfolio.html
index 5997927..e40ce36 100755
--- a/portfolio.html
+++ b/portfolio.html
@@ -95,7 +95,7 @@
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-1">
                     <li class="text-center col-md-6">
-                        1
+
                     </li>
                     <li class="text-center col-md-6">
                         <div class="ortfolio-soft-bottom-title">
@@ -120,7 +120,7 @@
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-2">
                     <li class="text-center col-md-6">
-                        1
+
                     </li>
                     <li class="text-center col-md-6">
                         <div class="ortfolio-soft-bottom-title">
diff --git a/style.css b/style.css
index fcfc30b..6a6cdb7 100755
--- a/style.css
+++ b/style.css
@@ -184,19 +184,22 @@ a:hover{
 	display: none;
 }
 .ortfolio-soft-bottom-1>li:nth-of-type(1){
-	background: #ffff00;
+	background: url("images/ortfolio-soft-mobile.gif") no-repeat center center;
+	background-size: 100% 80%;
 }
 .ortfolio-soft-bottom-1 li:nth-of-type(2){
 	padding-left: 100px;
 }
 .ortfolio-soft-bottom-2 li:nth-of-type(1){
-	background: #f00;
+	background: url("images/ortfolio-soft-pc1.gif") no-repeat center center;
+	background-size: 100% 70%;
 }
 .ortfolio-soft-bottom-2 li:nth-of-type(2){
 	padding-left:100px;
 }
 .ortfolio-soft-bottom-3 li:nth-of-type(1){
-	background: #f0f;
+	background: url("images/ortfolio-soft-pc2.gif") no-repeat center center;
+	background-size: 100% 70%;
 }
 .ortfolio-soft-bottom-3 li:nth-of-type(2){
 	padding-left:100px;