修正金额服务部分

src/main/webapp/WEB-INF/views/normal/finance.html

@@ -39,63 +39,56 @@
         margin-top: 20px;
     }
 
-    .finance .item {
-        width: 100%;
-        margin: 0 auto;
-        height: 540px;
+    .finance-content{}
+    .finance-content h3{
+        font-size: 30px;
+        color:#000;
+        margin-bottom:15px;
     }
-
-    .finance .img {
-        float: left;
-        margin: 0px 0 0 15px;
+    .finance-content h5{
+        font-size: 16px;
+        color:#4f4f4f;
+        margin-bottom:50px;
     }
-
-    .finance .title {
-        float: right;
-        text-align: center;
-        margin: 15px 180px 0 0
+    .finance-content .thumbnail{
+        width:320px;
+        height:215px;
+        padding-top:30px;
+        box-shadow: 0 0 3px rgba(0,0,0,.3);
     }
-
-    .finance .title h2 {
-        font-size: 30px;
-        color: #0080cc;
-        line-height: 30px;
-        text-align: left;
+    .finance-content .thumbnail p:nth-child(1){
+        font-size: 22px;
+        color:#3c8cd7;
+        margin-bottom:15px;
     }
-
-    .finance .title p {
-        font-size: 14px;
-        color: #666;
-        line-height: 25px;
-        text-align: left;
+    .finance-content .thumbnail p:nth-child(2){
+        font-size: 16px;
+        color:#6e6e6e;
+        margin-bottom:30px;
     }
 
-    .finance .item .title p.f18 {
-        font-size: 18px;
-        color: #333;
-        margin: 12px 0 6px 0;
-    }
-
-    .finance .title a {
-        display: inline-block;
-        width: 200px;
-        height: 50px;
-        line-height: 50px;
-        border-radius: 10px;
+    .finance-tel{
+        background: #2f2f2f;
         text-align: center;
-        color: #fff;
-        font-size: 25px;
-        background: #0080cc;
-        position: relative;
-        left: -5px;
-
-        top: 12px;
+        padding:55px 0 45px 0;
     }
-
-    .finance .title a:hover {
+    .finance-tel a{
+        padding:15px 70px;
+        font-size: 20px;
+        color:#fff;
+        border:1px solid #fff;
+    }
+    .finance-tel a:hover{
         text-decoration: none;
-        background: #25a0cc;
-        cursor: pointer;
+        cursor:pointer;
+    }
+    .finance-tel .title{
+        margin-top:60px;
+    }
+    .finance-tel .title p{
+        color:#fff;
+        font-size: 15px;
+        margin-bottom:15px;
     }
 
 
@@ -315,26 +308,56 @@
     </div>
 </nav>
 <header class="finance">
-    <div class="banner"><img src="static/images/banner.jpg" /></div>
+    <div class="banner"><img src="static/images/banner.png" /></div>
 </header>
 <!-- nav end -->
-<section class="finance">
+<section class="finance-content" style="text-align: center;">
     <div class="container">
-        <div>
-            <div class="img"><img src="static/images/icon-img.png"/></div>
-            <div class="title">
-                <h2>账速融—基础版</h2>
-                <p class="f18">应收账款类融资</p>
-                <p>
-                    在线操作，入库即融<br/>
-                    实时授信，急速到账<br/>
-                    利率超低，随借随还<br/>
-                    不限银行，不限额度
-                </p>
-                <a onclick="applyLoan()">
-                    立即申请
-                </a>
+        <h3>智融链</h3>
+        <h5>基于客户与优软云平台贸易产生的所有应收账款提供的融资服务</h5>
+        <div class="row">
+            <div class="col-xs-4">
+                <div class="thumbnail">
+                    <div class="caption">
+                        <p>额度充足</p>
+                        <p>融资额高，放款速度快</p>
+                        <img src="static/images/redu.png">
+                    </div>
+                </div>
             </div>
+            <div class="col-xs-4">
+
+                <div class="thumbnail">
+                    <div class="caption">
+                        <p>门槛极低</p>
+                        <p>即时申请，手续简单</p>
+                        <img src="static/images/minkan.png">
+                    </div>
+                </div>
+
+            </div>
+            <div class="col-xs-4">
+                <div class="thumbnail">
+                    <div class="caption">
+                        <p>期限灵活</p>
+                        <p>账期可控，随借随还</p>
+                        <img src="static/images/qixian.png">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="finance-tel">
+    <div class="container">
+        <a onclick="applyLoan()">
+            立即申请
+        </a>
+        <div class="title">
+            <p>联系电话：0755-26657231</p>
+            <p>传真：0755-86140331</p>
+            <p>邮箱：ytft@yitoa.com </p>
+            <p>地址：深圳市南山科技园科技南五路英唐大厦五楼</p>
         </div>
     </div>
 </section>