@charset "utf-8";
/*20180713 贷款-PC 
 * 2018-7-13  clz */
/*页面公用*/
.min-box {
    min-width: 1180px;
}

.btn {
    position: relative;
    display: block;
    width: 695px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    border: 1px solid #ffa800;
    text-indent: 50px;
    color: #666;
    font-size: 22px;
    margin: 30px auto 30px;
    background: #fff;
}

.tt-h2 {
    text-align: center;
    font-size: 30px;
    line-height: 90px;
    font-weight: bold;
}

.tt-h2 i {
    display: inline-block;
    vertical-align: middle;
    width: 128px;
    height: 15px;
    margin: 0 10px;
}

.tt-h2 .left {
    background: url(../images/h2-left.png);
}

.tt-h2 .right {
    background: url(../images/h2-right.png);
}

.btn font {
    color: #ffa800;
    font-size: 26px;
}

.btn span {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -1px;
    color: #fff;
    font-size: 26px;
    text-align: center;
    width: 200px;
    text-indent: 0;
    background: #ffa800;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.btn i {
    display: inline-block;
    width: 30px;
    height: 37px;
    background: url(../images/tel-btn.png) no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

/*banner  start*/
.inside-banner {
    width: 100%;
    min-width: 1180px;
    overflow: hidden;
    height: 450px;
    position: relative;
}

.inside-banner > .bd {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    height: 450px;
}

.banner-text {
    position: absolute;
    width: 876px;
    height: 195px;
    left: 50%;
    top: 87px;
    margin-left: -438px;
}

.inside-dot {
    position: absolute;
    bottom: 10px;
    z-index: 1;
    width: 100%;
}

.inside-dot > ul {
    text-align: center;
}

.inside-dot > ul > li {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    width: 13px;
    height: 13px;
    margin: 8px;
    background: #fff;
    overflow: hidden;
    line-height: 9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.inside-dot > ul > li.on {
    background: #f26c17;
}

/*banner  end*/

/*表单   start*/
.banner-content {
    position: relative;
}

.form-box {
    position: absolute;
    width: 330px;
    height: 400px;
    background: url(../images/form-bg.png);
    right: 0;
    top: 25px;
}

.form-h2 {
    text-align: center;
    padding: 20px 0 10px 0;
}

.form-h2 h2 {
    color: #333;
    font-size: 28px;
}

.form-h2 p {
    color: #333;
    font-size: 20px;
}

.form-h2 p font {
    color: #fa4f4f;
}

.form-group {
    position: relative;
    margin: 0 15px 7px 15px;
}

.form-group input {
    border: 1px solid #e5e5e5;
    line-height: 45px;
    font-size: 15px;
    width: 100%;
    background: #fff;
    text-indent: 20px;
    border-radius: 5px;
}

.form-group i {
    position: absolute;
    left: 9px;
    top: 14px;
    width: 20px;
    height: 20px;
}

.form-box .apply button {
    text-align: center;
    color: #fff;
    font-size: 22px;
    background: #ffa800;
    width: 100%;
    border-radius: 5px;
    line-height: 45px;
    width: 260px;
}

.form-box .apply {
    text-align: center;
}

.code-btn {
    position: absolute;
    right: 0;
    top: 15px;
    width: 95px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #666;
    background: transparent;
    border-left: 1px solid #ccc;
}

.form-b {
    color: #666;
    font-size: 15px;
    text-align: center;
}

.form-b font {
    color: #fa4f4f;
}

/*表单  end*/

/*数据start*/
.data {
    border-bottom: 1px solid #e2e0e0;
}

.data-box {
    overflow: hidden;
    padding: 20px 0 20px 0;
}

.data-box > div {
    float: left;
}

.data-box .left {
    width: 261px;
    height: 80px;
    line-height: 80px;
    background: url(../images/sj.png) no-repeat;
    color: #333;
    font-size: 24px;
    text-indent: 90px;
}

.data-box .right i {
    background: url(../images/sj.png) no-repeat;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 10px 0 30px;
    float: left;
}

.data-box .right .icon1 {
    background-position: -261px 0;
}

.data-box .right .icon2 {
    background-position: -341px 0;
}

.data-box .right .icon3 {
    background-position: -421px 0;
}

.data-box .right h2 {
    color: #fa4f4f;
    font-size: 24px;
    padding: 5px 0 0 0;
}

.data-box .right p {
    color: #333;
    font-size: 20px;
}

.data-box .right ul li {
    float: left;
    margin-left: 99px;
    position: relative;
}

.data-box .right ul > li:first-child {
    margin-left: 0;
}

.data-box .right ul > li:first-child:after {
    content: "";
    display: none;
}

.data-box .right ul > li:after {
    content: "";
    position: absolute;
    display: block;
    border-left: 1px dashed #e0e0e0;
    left: -31px;
    top: 22px;
    height: 35px;
}

.dynamic {
    overflow: hidden;
    padding: 30px 0 60px 0;
}

.dynamic .left {
    width: 568px;
}

.dynamic > div {
    float: left;
}

.dynamic > div h2 {
    display: block;
    width: 295px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.dynamic > div i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: middle;
}

.dynamic > div li {
    color: #333;
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    padding: 15px 0 5px 0;
}

.dynamic > div li span {
    display: inline-block;
    width: 200px;
}

.dynamic > div li font {
    color: #fa4f4f;
}

.dynamic .left h2 {
    background: #1786ef;
    margin-left: 45px;
}

.dynamic .left i {
    background: #1786ef;
}

.dynamic .left li {
    width: 380px;
}

.dynamic .right li {
    width: 520px;
}

.dynamic .right i {
    background: #fca744;
}

.dynamic .right h2 {
    margin-left: 115px;
    background: #fca744;
}

/*数据end*/

/*热门产品start*/
.hot {
    background: #f0f0f0;
    overflow: hidden;
}

.hot ul {
    overflow: hidden;
}

.hot ul li {
    float: left;
    width: 278px;
    border: 1px solid #ccc;
    margin-left: 20px;
    text-align: center;
    height: 380px;
    background: #fff;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.hot ul > li:first-child {
    margin-left: 0;
}

.hot ul h2 {
    color: #333;
    font-size: 24px;
    line-height: 1;
    padding: 15px 0 15px 0;
}

.hot ul p {
    color: #444;
    font-size: 20px;
    padding: 0 0 35px 0;
}

.hot ul p font {
    color: #fa4f4f;
}

.hot ul a, .xy-loan ul a, .gw ul a {
    display: inline-block;
    width: 180px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #1786ef;
    color: #333;
    font-size: 22px;
    border-radius: 10px;
    transition: all .5s;
}

.hot ul li:hover a, .xy-loan ul li:hover a, .gw ul li:hover a {
    background: #1786ef;
    color: #fff;
    transition: all .5s;
}

.gw ul a {
    margin-top: 10px;
}

/*热门产品end*/
/*信用贷款start*/
.tt-h3 {
    line-height: 1;
    font-size: 28px;
    color: #333;
    padding: 50px 0 30px 0;
}

.tt-h3 span {
    display: inline-block;
    width: 5px;
    height: 30px;
    background: #1786ef;
    margin-right: 8px;
    vertical-align: middle;
}

.tt-h3 font {
    font-size: 20px;
    color: #444;
    display: inline-block;
    padding-left: 10px;
}

.xy-loan {
    overflow: hidden;
}

.xy-loan ul {
    overflow: hidden;
}

.xy-loan ul li {
    float: left;
    width: 273px;
    height: 368px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 0 35px 20px;
}

.xy-loan ul img {
    padding: 15px 0 10px 0;
}

.xy-loan ul h2 {
    color: #333;
    font-size: 24px;
    line-height: 1;
    padding: 0 0 15px 0;
}

.xy-loan ul p {
    color: #555;
    line-height: 30px;
    font-size: 20px;
    padding: 0 0 30px 0;
}

.xy-loan ul p font {
    color: #fa4f4f;
}

/*信用贷款end*/

/*抵押贷款start*/
.dy-loan {
    background: #f0f0f0;
    overflow: hidden;
}

.dy-loan .tt-h3 span {
    background: #fa4f4f;
}

.dy-loan ul li {
    height: 170px;
    box-shadow: 0 5px 15px #cac9c9;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
}

.dy-loan ul li > div {
    float: left;
    position: relative;
}

.dy-loan .text1 {
    width: 618px;
}

.dy-loan .text1 img {
    padding: 20px 25px 0 25px;
    float: left;
}

.dy-loan .text1 h2 {
    color: #333;
    font-size: 24px;
    padding: 50px 0 0 0;
}

.dy-loan .text1 p {
    font-size: 20px;
    color: #555;
    padding: 5px 0 0 0;
}

.dy-loan .text1 i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../images/jx.png) no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}

.dy-loan .text1:after, .dy-loan .text2:after {
    content: "";
    position: absolute;
    border-left: 1px dashed #dbd9d9;
    height: 70px;
    right: 0;
    top: 50px;
}

.dy-loan .text2 {
    width: 295px;
    text-align: center;
}

.dy-loan .text2 h2 {
    padding: 50px 0 0 0;
}

.dy-loan .text2 h2, .dy-loan .text2 p {
    color: #333;
    font-size: 22px;
}

.dy-loan .text2 font {
    color: #fa4f4f;
}

.dy-loan .text3 {
    width: 260px;
    text-align: center;
}

.dy-loan .text3 a {
    display: inline-block;
    width: 180px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    background: #1786ef;
    color: #fff;
    font-size: 22px;
    margin-top: 60px;
    box-shadow: 0 6px 15px #bbdbfa;
}

/*抵押贷款end*/
/*办理流程start*/
.flow ul {
    overflow: hidden;
    padding: 0 0 40px 0;
}

.flow ul i {
    display: inline-block;
    width: 136px;
    height: 147px;
    background: url(../images/flow.png) no-repeat;
}

.flow ul .icon1 {
    background-position: 0 0;
}

.flow ul li:hover .icon1 {
    background-position: -136px 0;
}

.flow ul .icon2 {
    background-position: -272px 0;
}

.flow ul li:hover .icon2 {
    background-position: -408px 0;
}

.flow ul .icon3 {
    background-position: -544px 0;
}

.flow ul li:hover .icon3 {
    background-position: -680px 0;
}

.flow ul .icon4 {
    background-position: -816px 0;
}

.flow ul li:hover .icon4 {
    background-position: -952px 0;
}

.flow ul > li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.flow ul span {
    right: -10px;
    top: 60px;
    position: absolute;
    display: inline-block;
    width: 28px;
    height: 20px;
    background: url(../images/flow.png) no-repeat;
    background-position: 0 -170px;
    transition: all .5s;
}

.flow ul > li:hover span {
    background-position: -43px -171px;
    transition: all .5s;
}

.flow ul h2 {
    color: #fa4f4f;
    font-size: 24px;
}

.flow ul p {
    color: #333;
    font-size: 24px;
}

/*办理流程end*/
/*贷款顾问start*/
.gw ul li {
    width: 278px;
    float: left;
    margin-left: 20px;
    height: 470px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 55px;
    text-align: center;
    box-shadow: 5px 5px 15px #ccc;
}

.gw ul > li:first-child {
    margin-left: 0;
}

.gw ul h2 {
    color: #333;
    font-size: 24px;
    line-height: 55px;
}

.gw ul p {
    color: #666;
    font-size: 20px;
    text-align: left;
    text-indent: 60px;
}

.gw ul p font {
    color: #1786ef;
}

/*贷款顾问end*/
/*合作银行start*/
.bank {
    background: #f0f0f0;
}

.bank .w1180 {
    padding: 0 0 40px 0;
}

/*合作银行end*/
/*顶呱呱上市集团start*/
.dgg .tt-h2 {
    line-height: 1;
    padding: 45px 0 10px 0;
}

.yzs-p {
    color: #666;
    font-size: 22px;
    text-align: center;
}

.dgg {
    background: #fafafa;
}

.dgg > p {
    color: #666;
    font-size: 20px;
    padding: 0 0 30px 0;
    text-align: center;
}

.dgg-icon {
    background: url(../images/dgg.png) no-repeat;
}

.dgg-list i {
    width: 108px;
    height: 108px;
    margin: 0 0 15px 0;
}

.dgg-icon1 {
    background-position: 0 0;
}

.dgg-icon2 {
    background-position: -108px 0;
}

.dgg-icon3 {
    background-position: -216px 0;
}

.dgg-icon4 {
    background-position: -324px 0;
}

.dgg-icon5 {
    background-position: -432px 0;
}

.dgg-icon6 {
    background-position: -540px 0;
}

.dgg-list {
    overflow: hidden;
    padding: 0 0 40px 0;
}

.dgg-list > li {
    float: left;
    text-align: center;
    width: 16.66%;
}

.dgg-list h2 {
    color: #32a8f0;
    font-size: 26px;
}

.dgg-list p {
    color: #666;
    font-size: 22px;
}

.dgg-list2 {
    overflow: hidden;
    padding: 0 0 30px 0;
    background: #fff;
}

.dgg-list2 > li {
    float: left;
    margin-left: 15px;
    text-align: center;
}

.dgg-list2 > li:first-child {
    margin-left: 8px;
}

.dgg-list2 p {
    color: #666;
    font-size: 20px;
    padding: 10px 0 0 0;
}

.dgg-list3 {
    overflow: hidden;
    padding: 40px 0 166px 0;
}

.dgg-list3 > li {
    float: left;
    width: 25%;
}

.dgg-list3 h2 {
    color: #1786ef;
    font-size: 22px;
    line-height: 1;
    padding: 0 0 5px 0;
}

.dgg-list3 p {
    color: #999;
    font-size: 18px;
    line-height: 24px;
}

.dgg-list3 i {
    display: inline-block;
    width: 69px;
    height: 69px;
    margin-right: 15px;
}

.dgg-icon7 {
    background-position: -648px 0;
}

.dgg-icon8 {
    background-position: -717px 0;
}

.dgg-icon9 {
    background-position: -786px 0;
}

.dgg-icon10 {
    background-position: -855px 0;
}

/*顶呱呱上市集团end*/

/*固定底部  start*/
.BottomFixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 100px;
    background: #5083b3;
}

.bf-box {
    position: relative;
}

.bf-box .text1 {
    float: left;
    width: 330px;
}

.bf-close {
    cursor: pointer;
    position: absolute;
    right: -40px;
    top: 15px;
    width: 36px;
    height: 36px;
    background: url(../images/bf-close.png) no-repeat;
}

.bf-box .text1 i {
    display: inline-block;
    width: 55px;
    height: 59px;
    background: url(../images/b-tel.png) no-repeat;
    margin: 20px 25px 0 0;
}

.bf-box .text1 p {
    color: #fff;
    font-size: 22px;
    padding: 20px 0 0 0;
}

.bf-box .text1 h2 {
    color: #fff;
    font-size: 30px;
}

.bf-box .text2 {
    float: left;
    width: 850px;
}

.bf-box .text2 p {
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 10px 0 0 0;
}

.bf-box .text2 p font {
    color: #fc6969;
}

.bf-group {
    position: relative;
}

.bf-group {
    padding: 15px 0 0 0;
}

.bf-group input {
    width: 185px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    text-indent: 20px;
    background: #fff;
    border-radius: 5px;
    margin-left: 10px;
}

.bf-group .code {
    width: 265px;
}

.code-button {
    position: absolute;
    top: 26px;
    right: 176px;
    width: 111px;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 18px;
    border-left: 1px solid #ccc;
    background: transparent;
}

.bf-apply {
    width: 150px;
    text-align: center;
    line-height: 45px;
    background: #fc6969;
    font-size: 18px;
    border-radius: 5px;
    color: #fff;
    margin-left: 20px;
}

/*固定底部  end*/

/*贷款计算器start*/
.count .tt-h2 {
    color: #fff;
}

.count {
    background: url(../images/js-bg_02.jpg);
    height: 455px;
}

.count .tt-h2 .left {
    background: url(../images/h2-fffleft.png) no-repeat;
}

.count .tt-h2 .right {
    background: url(../images/h2-fffright.png) no-repeat;
}

.count-box {
    overflow: hidden;
}

.count-box > div {
    float: left;
}

.count-box .left {
    width: 380px;
    text-align: center;
}

.count-box .left button {
    width: 188px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    background: #fa4f4f;
    font-size: 22px;
    color: #fff;
}

.count-box .left .button-block {
    width: 188px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    background: #1786ef;
    font-size: 22px;
    color: #fff;
}

.count-box .left button i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/jsq.png) no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
.count-box .left button .i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/button.png) no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.c-group input, .c-group select {
    font-size: 20px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    line-height: 60px;
    height: 60px;
    text-indent: 130px;
}

.c-group select {
    color: #666;
    text-indent: 20px;
}

.c-group {
    position: relative;
    margin-bottom: 25px;
}

.c-group span {
    position: absolute;
    width: 130px;
    height: 60px;
    line-height: 60px;
    color: #666;
    font-size: 20px;
    left: 0;
    top: 0;
}

.c-group em {
    position: absolute;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #666;
    right: 0;
    top: 0;
    padding-right: 20px;
}

.count-box .center {
    width: 136px;
    height: 225px;
    background: url(../images/jsq-arrow.png) no-repeat center center;
}

.count-box .right p {
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.Repay-box > div {
    float: left;
    width: 310px;
    height: 310px;
    background: #fff;
    margin-left: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #b6dafc;
}

.Repay-box > div h2 {
    background: #e6e6e6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 60px;
    text-align: center;
    color: #333;
    font-size: 24px;
    border-bottom: 1px solid #b6dafc;
}

.Repay-box > div ul {
    padding: 10px 15px 0 15px;
    line-height: 24px;
    color: #666;
    font-size: 20px;
    line-height: 40px;
}

.Repay-box > div ul li {
    border-bottom: 1px solid #b6dafc;
}

.Repay-box > div ul li span {
    font-size: 14px;
}

/*贷款计算器end*/