/* 鍏充簬鎴戜滑 */
.aboutUs .content {
    margin-top   : 60px;
    margin-bottom: 59px;
    color        : #666;
    font-size    : 16px;
    line-height  : 36px;
}

.aboutUs .wrap a {
    width                  : 30%;
    max-width              : 335px;
    height                 : 250px;
    border-top-left-radius : 15px;
    border-top-right-radius: 15px;
    color                  : #fff;
    font-size              : 22px;
    display                : flex;
    align-items            : center;
    justify-content        : center;
    background-repeat      : no-repeat;
}

.aboutUs .background {
    background-image: url("../images/img_index_about_1.jpg");
    overflow        : hidden;
    position        : relative;
}

.aboutUs .culture a,
.aboutUs .background a,
.aboutUs .certificate a {
    width : 100%;
    height: 100%;
}

.aboutUs .background span,
.aboutUs .culture span,
.aboutUs .certificate span {
    position : absolute;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
    z-index  : 1;
    cursor   : pointer;
}

.aboutUs .background::after,
.aboutUs .culture::after,
.aboutUs .certificate::after {
    content   : '';
    width     : 0px;
    height    : 100%;
    background: #f3ab32;
    position  : absolute;
    left      : 0px;
    top       : 0px;
    transition: width .3s ease-in-out;
}

.aboutUs .background:hover::after,
.aboutUs .culture:hover::after,
.aboutUs .certificate:hover::after {
    width: 100%;
}

.aboutUs .culture {
    background-image: url("../images/img_index_about_2.jpg");
    position        : relative;
    overflow        : hidden;
}

.aboutUs .certificate {
    background-image: url("../images/img_index_about_3.jpg");
    position        : relative;
    overflow        : hidden;
}

/* 浜у搧鏈嶅姟 */
.productService {
    padding-bottom: 0px;
}

.productService .products>div {
    /* padding: 64px 0; */
}

.productService .products .content {
    height    : 384px;
    text-align: left;
    position  : relative;
}

.productService .products .content h4 {
    font-size: 24px;
}

.productService .products .content h4:hover {
    color: #E58F01;
}

.productService .products .content .bold {
    font-size    : 18px;
    margin-top   : 23px;
    margin-bottom: 32px;
    color        : #222;
}

.productService .products .content p {
    font-size  : 16px;
    line-height: 40px;
    color      : #666;
}

.productService .products .content::after {
    display : block;
    content : "";
    position: absolute;
    width   : 42px;
    height  : 10px;
}

.productService .products .one {
    padding-top   : 25px;
    padding-bottom: 72px;
}

.productService .products .two {
    padding: 65px;
}

.productService .products .three {
    padding-top   : 78px;
    padding-bottom: 72px;
}


.productService .products .one .content {
    padding: 80px 0 0 80px;
}

.productService .products .one .content::after,
.productService .products .three .content::after {
    background-image: url("../images/icon_index_arrow_left.png");
    left            : 15px;
    top             : 87px;
}

.productService .products .two {
    background: #fafafb;
}

.productService .products .two .content {
    padding: 50px 91px 0 0;
}

.productService .products .two .content::after {
    background-image: url("../images/icon_index_arrow_right.png");
    right           : 15px;
    top             : 57px;
}

.productService .products .three .content {
    padding: 50px 0 0 80px;
}

.productService .products .three .content::after {
    top: 57px;
}

.productService .products .three .moreProduct {
    display      : inline-block;
    border       : 1px solid #838383;
    border-radius: 14px;
    font-size    : 14px;
    color        : #828282;
    padding      : 10px 39px;
    margin-top   : 83px;
    cursor       : pointer;
}



/* 鏅儬閲戣瀺 */
section.finance {
    background    : #fafafb;
    padding-bottom: 106px;
}

.finance .wrap {
    margin-top: 85px;
}

.finance .wrap .business {
    background: #fff;
    width     : 30%;
    position  : relative;
    top       : 0px;
}

.finance .wrap .business:last-child {
    margin-right: 0;
}


.finance .wrap .img {
    /* height: 210px; */
    width             : 100%;
    text-align        : center;
    color             : #fff;
    line-height       : 210px;
    font-size         : 22px;
    background-repeat : no-repeat;
    /* background-size: auto 100%; */
}

.finance .wrap .payment .img {
    background-image: url("../images/img_index_inclusive_finance_1.jpg");
}

.finance .wrap .xiaowei .img {
    background-image: url("../images/img_index_inclusive_finance_2.jpg");
}

.finance .wrap .service .img {
    background-image: url("../images/img_index_inclusive_finance_3.jpg");
}

.finance .wrap .business .content {
    padding      : 50px 55px 63px 64px;
    font-size    : 16px;
    line-height  : 40px;
    text-align   : left;
    color        : #666;
    border-bottom: 1px dashed #d2d3d9;
    height       : 250px;
}

.finance .wrap .business .more {
    cursor         : pointer;
    height         : 94px;
    display        : flex;
    align-items    : center;
    justify-content: center
}

.finance .wrap .business .more span {
    border       : 1px solid #838383;
    font-size    : 14px;
    color        : #828282;
    padding      : 6px 34px;
    line-height  : 14px;
    border-radius: 14px;
}

/* 鏈€鏂板姩鎬 */
section.news {
    padding-bottom: 143px;
}

.news .wrap {
    text-align: left;
    margin-top: 85px;
}

.news .imgNews {
    box-shadow: 0px 0px 15px 0px rgba(191, 191, 191, 0.5);
    background: #fff;
    height    : 500px;
    width     : 420px;
}

.news .imgNews .img {
    height             : 270px;
    background         : url("../images/img_index_news_1.jpg");
    background-size    : 100% 100%;
    background-position: center;
}

.news .imgNews .img:hover {
    background-size: 130% 130%;
}

.news .imgNews .content {
    padding: 39px 52px;
}

.news .date {
    font-size    : 14px;
    color        : #666666;
    margin-bottom: 20px;
    line-height  : 12px;
}

.news .title {
    font-size    : 18px;
    margin-bottom: 27px;
    color        : #222;
    line-height  : 19px;
}

.news .imgNews .title {
    line-height: 36px;
}

.news .detail {
    font-size  : 16px;
    color      : #e58f01;
    line-height: 16px;
}

.news .newsList {
    flex       : 1;
    margin-left: 76px;
}

.news .newsList .newsItem {
    padding      : 24px 0;
    border-bottom: 1px solid #d2d3d9;
}

.news .newsList .more {
    padding-top   : 45px;
    font-size     : 20px;
    color         : #828282;
    line-height   : 19px;
    padding-bottom: 10px;
}

/* 鍚堜綔浼欎即 */
section.partner {
    background    : #fafafb;
    padding-bottom: 46px;
}

.partner .wrap {
    margin-top     : 85px;
    justify-content: space-between;
}

.partner .wrap .bank {
    margin-bottom: 54px;
    margin-right : 45px;
    margin-left : 45px;
    border-bottom: 3px solid #F3AB32;
    border-width : 0;
}

.partner .wrap .bank:last-child {
    margin-right: auto;
}

@media screen and (max-width:1200px) {

    .productService .products .one .content,
    .productService .products .three .content {
        padding-right: 30px;
    }

    .productService .products .two .content {
        padding-left: 30px;
    }
}

@media screen and (max-width:1120px) {
    .productService .products .two img {
        width: 650px;
    }
}


@media screen and (max-width:1046px) {

    .productService .products .one,
    .productService .products .two,
    .productService .products .three {
        position: relative;
    }

    .productService .products .one .content,
    .productService .products .two .content,
    .productService .products .three .content {
        position     : absolute;
        padding-top  : 20px;
        padding-right: 25px;
        top          : 100px;
        right        : 10%;
        background   : rgba(255, 255, 255, 0.9);
        box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.2);
        z-index      : 10;
    }

    .productService .products .two .content {
        right       : auto;
        left        : 10%;
        padding-top : 20px;
        padding-left: 25px;
    }

    .productService .products .three .content {
        top          : 100px;
        padding-right: 100px;
    }

    .productService .products .one .content::after,
    .productService .products .two .content::after,
    .productService .products .three .content::after {
        top: 27px;
    }

    .finance .wrap .img {
        background-size: auto 100%;
    }

    .partner .wrap {
        justify-content: space-around;
    }

    .aboutUs .content {
        padding: 0 15px;
    }

}

@media screen and (max-width:800px) {
    .finance .wrap .business {
        width        : 45%;
        margin-bottom: 15px;
        box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width:700px) {
    .news div.newsList {
        margin-left: 15px;
    }

    .news .imgNews {
        width: 50%;
    }

    .products {
        overflow: hidden;
    }
}



@media screen and (max-width:600px) {
    .news .imgNews {
        width    : 100%;
        max-width: 389px;
        margin   : 0 auto;
    }

    .news div.newsList {
        width      : 100%;
        margin-left: 0px;
        flex       : auto;
    }

    .finance .wrap .business {
        width        : 100%;
        margin-bottom: 15px;
        box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width:480px) {

    .productService .products .one .content,
    .productService .products .two .content,
    .productService .products .three .content {
        width    : 90%;
        top      : 100px;
        left     : 50%;
        right    : auto;
        transform: translateX(-50%);
    }
}