usoftchina-jpress/jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/page_finance.html

<#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="${CTPATH}/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>