|
|
@@ -0,0 +1,182 @@
|
|
|
+<#include "_layout.html"/>
|
|
|
+<#macro css>
|
|
|
+ .finance {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .width1170 {
|
|
|
+ width: 1170px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .finance .banner {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ max-height: 600px;
|
|
|
+ margin-top:-90px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .finance .banner img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .finance-content a{
|
|
|
+ padding:15px 70px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ color:#000;
|
|
|
+ border:1px solid #000;
|
|
|
+ }
|
|
|
+ .finance-content a:hover{
|
|
|
+ text-decoration: none;
|
|
|
+ cursor:pointer;
|
|
|
+ color:#3c8cd7;
|
|
|
+ background: #e6e6e6;
|
|
|
+ }
|
|
|
+ .finance-content h5{
|
|
|
+ font-size: 16px;
|
|
|
+ color:#4f4f4f;
|
|
|
+ margin:35px 0 50px 0;
|
|
|
+ }
|
|
|
+ .finance-content .thumbnail{
|
|
|
+ width:320px;
|
|
|
+ height:215px;
|
|
|
+ padding-top:30px;
|
|
|
+ box-shadow: 0 0 3px rgba(0,0,0,.3);
|
|
|
+ }
|
|
|
+ .finance-content .thumbnail:hover{
|
|
|
+ cursor:pointer;
|
|
|
+ transform:scale(1.1)
|
|
|
+ }
|
|
|
+ .finance-content .thumbnail p:nth-child(1){
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ color:#3c8cd7;
|
|
|
+ margin-bottom:15px;
|
|
|
+ }
|
|
|
+ .finance-content .thumbnail p:nth-child(2){
|
|
|
+ font-size: 16px;
|
|
|
+ color:#6e6e6e;
|
|
|
+ margin-bottom:30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .finance-tel{
|
|
|
+ background: #2f2f2f;
|
|
|
+ text-align: center;
|
|
|
+ padding:55px 0 45px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .finance-tel .title p{
|
|
|
+ color:#fff;
|
|
|
+ font-size: 15px;
|
|
|
+ margin-bottom:15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #note {
|
|
|
+ padding-bottom: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #span2 {
|
|
|
+ padding-left: 150px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #span4 {
|
|
|
+ padding-left: 95px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #span6 {
|
|
|
+ padding-left: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #span11 {
|
|
|
+ padding-left: 145px;
|
|
|
+ }
|
|
|
+ #check2{
|
|
|
+ color:cornflowerblue;
|
|
|
+ margin-left:30px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ #note{
|
|
|
+ display: none;
|
|
|
+ padding-left: 30px;
|
|
|
+ }
|
|
|
+ .p2{
|
|
|
+ text-indent:30px
|
|
|
+ }
|
|
|
+ .modal-dialog {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-content {
|
|
|
+ /*overflow-y: scroll; */
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-body {
|
|
|
+ overflow-y: scroll;
|
|
|
+ position: absolute;
|
|
|
+ top: 55px;
|
|
|
+ bottom: 65px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-header .close {margin-right: 15px;}
|
|
|
+
|
|
|
+ .modal-footer {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+</#macro>
|
|
|
+<@layout>
|
|
|
+<header class="finance">
|
|
|
+ <div class="banner"><img src="/jpress/templates/usoftchina/images/finance/banner.png" /></div>
|
|
|
+</header>
|
|
|
+<!-- nav end -->
|
|
|
+<section class="finance-content" style="text-align: center;margin-bottom:60px">
|
|
|
+ <div class="container">
|
|
|
+ <a href="http://www.ubtob.com/finance">立即申请</a>
|
|
|
+ <h5>基于客户与优软云平台贸易产生的所有应收账款提供的融资服务</h5>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-4">
|
|
|
+ <div class="thumbnail">
|
|
|
+ <div class="caption">
|
|
|
+ <p>额度充足</p>
|
|
|
+ <p>融资额高，放款速度快</p>
|
|
|
+ <img src="${CTPATH}/images/finance/redu.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-4">
|
|
|
+ <div class="thumbnail">
|
|
|
+ <div class="caption">
|
|
|
+ <p>门槛极低</p>
|
|
|
+ <p>即时申请，手续简单</p>
|
|
|
+ <img src="${CTPATH}/images/finance/minkan.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-4">
|
|
|
+ <div class="thumbnail">
|
|
|
+ <div class="caption">
|
|
|
+ <p>期限灵活</p>
|
|
|
+ <p>账期可控，随借随还</p>
|
|
|
+ <img src="${CTPATH}/images/finance//qixian.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+</@layout>
|
|
|
+
|
scr
