﻿.bank_apply ul:after,
.flow:after,
.trait ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.left {
    float: left
}

.right {
    float: right
}

.wojo-grid2 {
    width: 1310px
}

.build_mortgage {
    width: 100%;
    float: left;
}

.build_mortgage {font-weight: normal;font-size: 17px;}

.build_mortitle {text-align: justify;margin-bottom: 60px; margin-top: 30px;}

.build_mortitle h2 {font-size: 28px;line-height: 30px;color: #0e527d}

.bank_apply {padding: 40px 20px;background-color: #F4F4F4}
.bank_apply h2 {width: 100%;font-size: 30px; line-height: 42px; font-weight: 700; letter-spacing: 2px; color: #0e527d; text-align: center; margin-bottom: 30px;display: flex; justify-content: center; align-items: center;}
.bank_apply h2>img{width: 32px;padding-right: 15px;}
.bank_apply p {width: 100%;font-size: 18px;line-height: 24px;/*color: #0e527d;*/text-align: center;}

.bank_apply p span {color: #a3bbc7;}
.bank_apply ul{display: flex;justify-content: center;margin: 30px 0;max-width: 1186px; width: 1186px;}
.bank_apply ul li {width: 13.3%;margin-right: 6px;position: relative;padding-bottom: 10px;/*background-color: #0e527d;*/border-radius: 14px;}
.bank_apply ul li>div:nth-child(1){/*background-image: url(/images/mortgage/ico2.png); */height: 140px; background-size: cover; border-radius: 14px 14px 0 0; display: flex; justify-content: center; align-items: center; }
.bank_apply ul li>div:nth-child(1)>div{/*background-color: #00000047;*/ height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;/*border-radius: 14px 14px 0 0;*/}
.bank_apply ul li>div:nth-child(1)>div>p{display: flex; justify-content: center; align-items: center; /*border: 2px solid #fff; */width: 80px; height: 80px; font-size: 53px; color: #fff; /*border-radius: 50px; */text-align: center;}
.bank_apply_one li:nth-child(1)>div:nth-child(1)>div>p{width: 78px;}
.bank_apply_one li:nth-child(2)>div:nth-child(1)>div>p{width: 95px;}
.bank_apply_one li:nth-child(3)>div:nth-child(1)>div>p{width: 77px;}
.bank_apply_one li:nth-child(4)>div:nth-child(1)>div>p{width: 110px;}
.bank_apply_one li:nth-child(5)>div:nth-child(1)>div>p{width: 95px;}
.bank_apply_one li:nth-child(6)>div:nth-child(1)>div>p{width: 95px;}
.bank_apply_one li:nth-child(7)>div:nth-child(1)>div>p{width: 86px;}

/*.bank_apply ul li:nth-child(1)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-01.png");}
.bank_apply ul li:nth-child(2)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-02.png");}
.bank_apply ul li:nth-child(3)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-03.png");}
.bank_apply ul li:nth-child(4)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-04.png");}
.bank_apply ul li:nth-child(5)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-05.png");}
.bank_apply ul li:nth-child(6)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-06.png");}
.bank_apply ul li:nth-child(7)>div:nth-child(1){background-image: url("/images/mortgage/apply-not-07.png");}*/
.second>li:nth-child(1)>div:nth-child(1)>div>p{width: 80px;}
.second>li:nth-child(2)>div:nth-child(1)>div>p{width: 99px;}
.second>li:nth-child(3)>div:nth-child(1)>div>p{width: 108px;}
.second>li:nth-child(4)>div:nth-child(1)>div>p{width: 99px;}
.second>li:nth-child(5)>div:nth-child(1)>div>p{width: 104px;}
/*.second>li:nth-child(1)>div:nth-child(1){background-image: url("/images/mortgage/ico11.png")!important;}
.second>li:nth-child(2)>div:nth-child(1){background-image: url("/images/mortgage/ico12.png")!important;}
.second>li:nth-child(3)>div:nth-child(1){background-image: url("/images/mortgage/ico13.png")!important;}
.second>li:nth-child(4)>div:nth-child(1){background-image: url("/images/mortgage/ico14.png")!important;}
.second>li:nth-child(5)>div:nth-child(1){background-image: url("/images/mortgage/ico15.png")!important;}*/
.bank_apply ul li>img{width: 100%;border-radius: 14px 14px 0 0;}
.bank_apply ul li:last-child {margin-right: 0}
.bank_apply ul li>p {text-align: center;width: 100%;padding: 0;margin-top: 15px;font-size: 16px;line-height: 20px;color: #353535;font-weight: bold;}
.bank_apply_yes{background-color: #E6F3F9;    margin-bottom: 50px;}
.second>li{/*background-color: #bb8717!important;*/}
.flow {height: 30px;width: 100%;background-color: #3e576b;position: absolute;top: 0;left: 0;border-radius: 14px 14px 0 0;}
.flow p {
    font-size: 24px;
    color: #f1f5f8;
    padding: 16px 0 0 7px;
    line-height: 0
}

.flow img {
    padding: 6px 8px 0 0
}

.bank_apply ul li:nth-child(3)>p,
.bank_apply ul li:nth-child(4)>p {
    margin-top: 7px
}

.bank_apply .second li .flow {
    background-color: #bb8717
}

.bank_apply .second li:nth-child(3)>p,
.bank_apply .second li:nth-child(4)>p {
    margin-top: 15px
}

.need {
    padding-bottom: 25px
}
.need p{max-width: 1186px; margin: 0 auto;}
.need h2 {padding: 35px 0; margin-bottom: 0; font-size: 30px; line-height: 42px; font-weight: 700; letter-spacing: 2px; color: #0e527d; text-align: center;}

.build_mortgage_banner{max-width: 1186px; margin: 0 auto;height: 232px; width: 100%; background: url("/images/mortgage/bg.png") no-repeat; padding-top: 30px; text-shadow: 5px 2px 6px #000; background-size: cover;margin-bottom: 30px;}
.build_mortgage_banner>h2{font-size: 39px; line-height: 75px; color: #fff; padding-left: 70px; margin-bottom: 0}
.build_mortgage_banner>div{display: flex; justify-content: space-around;}
.build_mortgage_banner>div>div{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.build_mortgage_banner>div>div:nth-child(1)>div{font-size: 24px; line-height: 30px; color: #f1f5f8; text-align: center; font-style: oblique; margin: 3px auto; height: 33px;}
.build_mortgage_banner>div>div:nth-child(1)>div:nth-child(1){background: url(/images/mortgage/bg-1.png) no-repeat; width: 251px;}
.build_mortgage_banner>div>div:nth-child(1)>div:nth-child(2){background: url(/images/mortgage/bg-2.png) no-repeat; width: 412px;}
.build_mortgage_banner>div>div:nth-child(2)>p{border: 1px solid #fff; text-align: center; font-size: 31px; line-height: 44px; color: #f1f5f8; padding: 0 20px; margin-bottom: 10px;}
.build_mortgage_banner>div>div:nth-child(2)>a{width: 130px; height: 33px; text-align: center; line-height: 33px; background-color: #e30000; border-radius: 10px; font-size: 20px; display: block; letter-spacing: 1px; margin: 0 18px 0 0; color: #fff;}

.trait{margin-bottom: 80px;}
.trait h2 {padding: 35px 0; margin-bottom: 0; font-size: 30px; line-height: 42px; font-weight: 700; letter-spacing: 2px; color: #002a54; text-align: center;}
.trait>ul{max-width: 1186px; margin: 0 auto;display: flex; justify-content: center; flex-wrap: wrap;}
.trait ul li {width: 40%; margin: 6px 3px; background-color: #1b86c8;}
.display_table {display: flex; height: 80px; align-items: center;}
/*.trait ul li:nth-child(3), .trait ul li:nth-child(6) {margin-right: 0}*/
.number {background-image:url("/images/mortgage/num1.png");width: 30px; height: 30px; margin: 10px; background-size: 30px; background-repeat: no-repeat;}
.trait_text {font-size: 24px; color: #f1f5f8; vertical-align: middle;}
.line {background: url(/images/mortgage/line.png) no-repeat; width: 100%; height: 3px; background-size: cover;}
.number2 { background-image:url("/images/mortgage/num2.png");}
.number3 {background-image:url("/images/mortgage/num3.png");}
.number4 {background-image:url("/images/mortgage/num4.png");}
.number5 {background-image:url("/images/mortgage/num5.png");}
.number6 {background-image:url("/images/mortgage/num6.png");}


@media screen and (max-width:768px) {
    .build_mortitle{margin-left: 10px;margin-right: 10px;}
    .need{margin: 0 10px;}
    .bank_apply{padding: 40px 10px;}
    .bank_apply ul li>div:nth-child(1){height: 105px;}
    .bank_apply ul li>div:nth-child(1)>div>p{width: 60px; height: 60px;}
    .build_mortgage_banner>div{flex-direction: column;}
    .build_mortgage_banner>div>div{}
    .build_mortgage_banner>div>div:nth-child(1)>div:nth-child(2){width: auto;}
    .build_mortgage_banner>div>div:nth-child(1)>div{font-size: 19px;}
    .build_mortgage_banner>div>div:nth-child(2)>p{    font-size: 20px;}
    .trait{margin-bottom: 20px;}
    .trait ul {width: auto;margin: 0 auto;padding: 0 10px;}
    .trait ul li:nth-child(3),
    .trait ul li:nth-child(6) {margin-right: 3px}
    .wojo-grid2 {width: 100%}
    .build_mortgage {width: 100%;margin: 0 auto;float: none;}
    .bank_apply ul {margin-bottom: 0}

}


@media screen and (max-width:520px) {
    .trait ul li{margin: 0 0 7px 0;float: none;width: 100%;}
}

@media screen and (max-width:450px) {

    .bank_apply ul {flex-wrap: wrap;width: 100%;margin: 0 auto}
    .bank_apply ul li {margin: 6px;}
    .bank_apply p {padding-left: 5px}
    .build_mortgage h2 {font-size: 23px; line-height: initial; padding: 12px 0 8px;text-align: center;}
    .bank_apply ul li {width: 42%;margin-bottom: 10px;}
    .bg p {font-size: 20px;}
}

@media screen and (max-width:360px) {

    .bank_apply ul {width: 100%;}
    .bank_apply ul li {margin: 0 15px 0 0;}
}


/*成功案列列表*/
.s_caseul>div{background-color: #e9f1f7;}
.s_caseul{}
.s_caseul>h2{margin-bottom: 0; font-size: 30px; line-height: 42px; font-weight: 700; letter-spacing: 2px; color: #0e527d; text-align: center;padding: 40px 0 20px;}
.s_caseul ul{display:flex;flex-wrap: wrap;justify-content: center;}
.s_caseul ul>li{width: 30%; margin: 1%; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 2px #d0d0d0;}
.s_caseul ul>li>a:nth-child(1){background-color: #0e527d;background-image: linear-gradient(to right, #fff7e4,#ffeab8);}
.s_caseul ul>li>div{padding: 0 11px 10px;}
.s_caseul ul>li>div>p{text-align: justify;}
.s_caseul ul>li>div>a:last-of-type{display: block; color: #fff; border-color: #056DAE; background: #056DAE; border-width: 2px; height: 30px!important; line-height: 27px!important; font-size: .75rem; max-width: 90px; border-radius: 8px; text-align: center;}
.s_caseul ul>li>a>h3{font-size: 20px; color: #011427; margin: 5px 10px;}
@media screen and (max-width: 768px) {
    .s_caseul ul>li{width: 47.3%; margin: 1%; padding:0; border: 1px solid #b7b9bb;}
    .s_caseul ul>li>div>p{line-height: 24px;}
    .s_caseul ul>li>div{    padding: 0 5px 10px;}
    .s_caseul ul>li>a>h3 {margin: 4px 5px; line-height: 22px; }
}

