完成电脑版页面

business.html

@@ -291,6 +291,25 @@
                 </div>
             </div>
         </div>
+        <div class="section main-wrap business-cont s4">
+            <div class="title">
+                <h2>融资咨询</h2>
+            </div>
+            <ul class="s-content g5">
+                <li class="item">
+                    <img src="images/ceshishenqing.png" alt="">
+                    <p>第一步: 提交申请</p>
+                </li>
+                <li class="item">
+                    <img src="images/fuwu.png" alt="">
+                    <p>第二步:专属融资顾问对接</p>
+                </li>
+                <li class="item">
+                    <img src="images/zijinguanli.png" alt="">
+                    <p>第三步:解决资金需求(银行金融机构)</p>
+                </li>
+            </ul>
+        </div>
     </div>
     <div class="footer"></div>
 

css/style.css

@@ -515,6 +515,9 @@
   align-items: center;
 }
 .section.business-nav .nav li {
+  display: inline-block;
+  width: 340px;
+  text-align: center;
   padding: 40px 0;
 }
 .section.business-nav .nav a {
@@ -720,6 +723,7 @@
   background-color: #F7F7F7;
   margin-top: 70px;
   padding-top: 50px;
+  padding-bottom: 80px;
 }
 .business-cont.s3 .mid-box {
   margin-top: 50px;
@@ -755,3 +759,26 @@
   line-height: 24px;
   margin-top: 35px;
 }
+.business-cont.s4 {
+  padding: 75px 0;
+}
+.s-content.g5 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  text-align: center;
+  margin-top: 60px;
+}
+.s-content.g5 .item {
+  width: 310px;
+}
+.s-content.g5 .item img {
+  width: 65px;
+  height: 65px;
+}
+.s-content.g5 .item p {
+  font-size: 24px;
+  color: #666666;
+  line-height: 36px;
+  margin-top: 50px;
+}

css/style.less

@@ -535,6 +535,9 @@
         align-items: center;
 
         li {
+            display: inline-block;
+            width: 340px;
+            text-align: center;
             padding: 40px 0;
         }
 
@@ -789,6 +792,7 @@
     background-color: #F7F7F7;
     margin-top: 70px;
     padding-top: 50px;
+    padding-bottom: 80px;
 
     .mid-box {
         margin-top: 50px;
@@ -830,4 +834,32 @@
             margin-top: 35px;
         }
     }
+}
+
+.business-cont.s4 {
+    padding: 75px 0;
+}
+
+.s-content.g5 {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    text-align: center;
+    margin-top: 60px;
+
+    .item {
+        width: 310px;
+
+        img {
+            width: 65px;
+            height: 65px;
+        }
+
+        p {
+            font-size: 24px;
+            color: #666666;
+            line-height: 36px;
+            margin-top: 50px;
+        }
+    }
 }