@charset "utf-8";
/* CSS Document */
.interImg img { width: 100%; height: 100%; display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
.interImg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}


#financeN1{ width: 100%; height: 456px; float: left; background: url("../bn_images/financeN1Bg.jpg") no-repeat center center; background-size: cover;}
#financeN1 .financeN1In{ width: 1200px; height: auto; margin: 0 auto;}
#financeN1 span{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN1Span.jpg") no-repeat top left; margin-top: 170px; font-size: 36px; padding-top: 30px; color: #ffffff;}
#financeN1 p{ width: 100%; height: auto; float: left; line-height: 30px; font-size: 16px; color: #ffffff; margin-top: 25px;}



/*#financeN1 .left-logo { width: 70px; height: 87px; display: none; position: absolute; top: 33%; left: 50%; transform: translate3d(-50%,-100%,0); z-index: 11;*/
    /*-webkit-transition: top .85s ease-out;*/
    /*-moz-transition: top .85s ease-out;*/
    /*-o-transition: top .85s ease-out;*/
    /*transition: top .85s ease-out;*/
/*}*/

/*#financeN1 .header-arrow { display: none; width: 33px; position: absolute; bottom: 5px; left: 50%; margin-left: -22.5px; cursor: pointer;}*/
/*#financeN1 .header-arrow .arrow { width: 33px; height: 33px; display: inline-block; background: url("../bn_images/index_arrow.png") -6px -2px no-repeat transparent;*/
    /*-webkit-animation: breath 2s infinite;*/
    /*-moz-animation: breath 2s infinite;*/
    /*-o-animation: breath 2s infinite;*/
    /*animation: breath 2s infinite*/
/*}*/
/*#financeN1 .header-arrow .dot { width: 33px; height: 100px; display: inline-block; background: url("../bn_images/index_arrow.png") -6px -49px no-repeat transparent;}*/
/*@keyframes breath {*/
    /*from {*/
        /*transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
    /*50% {*/
        /*transform: scale(1);*/
        /*opacity: 1*/
    /*}*/
    /*to {*/
        /*transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
/*}*/

/*@-moz-keyframes breath {*/
    /*from {*/
        /*-moz-transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
    /*50% {*/
        /*-moz-transform: scale(1);*/
        /*opacity: 1*/
    /*}*/
    /*to {*/
        /*-moz-transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
/*}*/

/*@-webkit-keyframes breath {*/
    /*from {*/
        /*-webkit-transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
    /*50% {*/
        /*-webkit-transform: scale(1);*/
        /*opacity: 1*/
    /*}*/
    /*to {*/
        /*-webkit-transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
/*}*/

/*@-o-keyframes breath {*/
    /*from {*/
        /*-o-transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
    /*50% {*/
        /*-o-transform: scale(1);*/
        /*opacity: 1*/
    /*}*/
    /*to {*/
        /*-o-transform: scale(0.8);*/
        /*opacity: .8*/
    /*}*/
/*}*/



#financeN2{ width: 100%; height: auto; float: left;}
#financeN2 .financeN2In{ width: 1200px; height: auto; margin: 0 auto;}
#financeN2 span{ width: 100%; height: 156px; display: inline-block; float: left; background: url("../bn_images/financeLogo.png") no-repeat center center; background-size: 210px 156px; text-align: center; margin-top: 135px;}
#financeN2 p{ width: 100%; height: auto; float: left; font-size: 14px; text-align: center; color: #666666; line-height: 35px; margin-top: 58px;}

#financeN3{ width: 100%; height: auto; float: left; background: #efefef; padding: 125px 0px; margin-top: 100px;}
#financeN3 .financeN3In{ width: 1230px; height: auto; margin: 0 auto;}
#financeN3 .financeN3T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 40px; color: #000000; padding-bottom: 44px; text-align: center;}
#financeN3 .financeN3B{ width: 100%; height: auto; float: left; margin-top: 70px;}
#financeN3 .financeN3B li{ width: 580px; height: 268px; float: left; overflow: hidden; position: relative; margin-left: 70px;}
#financeN3 .financeN3B li.left{ margin-left: 0px;}
#financeN3 .financeN3B li span{ width: 100%; height: 70px; position: absolute; color: #fff; font-size: 28px; margin-top: -96px; text-indent: 50px; background: url("../bn_images/redBg.jpg") no-repeat top left 50px; padding-top: 26px;}

#financeN4{ width: 100%; height: auto; float: left; margin-top: 124px; padding-bottom: 50px;}
#financeN4 .financeN4In{ width: 1200px; height: auto; margin: 0 auto;}
#financeN4 .financeN4T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 40px; color: #000000; padding-bottom: 44px; text-align: center;}
#financeN4 .financeN4B{ width: 100%; height: auto; float: left; margin-top: 96px;}
#financeN4 .financeN4B li{ width: 150px; height: auto; float: left; margin-left: 200px;}
#financeN4 .financeN4B li.left{ margin-left: 0px;}
#financeN4 .financeN4B li .N1{ width: 100%; height: auto; float: left; text-align: center;}
#financeN4 .financeN4B li .N2{ width: 100%; height: auto; float: left; text-align: center; font-size: 26px; color: #fe4949; margin-top: 35px;}
#financeN4 .financeN4B li .N3{ width: 100%; height: auto; float: left; text-align: center; font-size: 16px; color: #666666; line-height: 30px; margin-top: 10px;}




@media(max-width: 1100px){

    .interImg:hover img { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none;}

    /*#financeN1 .left-logo{ width: 3.5rem; height: 4.35rem;}*/

    #financeN1{ width: 100%; height: 45.6rem; float: left; background: url("../bn_images/financeN1Bg_2.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}
    #financeN1 .financeN1In{ width: 100%; height: auto; padding: 0 3rem; box-sizing: border-box; position: absolute; bottom: 7rem; left: 0;}
    #financeN1 span{ width: 100%; height: auto; float: left; background: url("../bn_images/financeN1Span_2.png") no-repeat bottom left; background-size: 2rem 0.3rem; margin-top: 0; line-height: 1; font-size: 3.1rem; padding-bottom: 1.5rem; padding-top: 0; color: #ffffff;}
    #financeN1 p{ width: 100%; height: auto; float: left; line-height: 1.8rem; font-size: 1.1rem; color: #ffffff; margin-top: 1.2rem;}
    /*#financeN1 .left-logo{ width: 3.5rem; height: 4.35rem;}*/


    #financeN2{ width: 100%; height: 34rem; float: left; background-color: #191D28;}
    #financeN2 .financeN2In{ width: 100%; height: auto; padding: 0 3rem; box-sizing: border-box;}
    #financeN2 span{ width: 100%; height: 2.8rem; display: inline-block; float: left; background: url("../bn_images/financeN2icon.png") no-repeat center center; background-size: 8.1rem 2.8rem; text-align: center; margin-top: 5rem;}
    #financeN2 p{ width: 100%; height: auto; float: left; font-size: 1.3rem; text-align: left; color: #C2C6C7; line-height: 2.1rem; margin-top: 3rem;}
    #financeN2 .financeN2_p2 em{display: block; float: left; width: 100%; height: auto; margin-top: 2.5rem}

    #financeN3{ width: 100%; height: 38.6rem; float: left; background: #F7F9FB; padding: 0; margin-top: 0;}
    #financeN3 .financeN3InCopy{ width: 100%; height: auto; margin: 0 auto;}
    #financeN3 .financeN3TCopy{ width: 100%; height: auto; float: left; background: url("../bn_images/redBgImage.png") no-repeat bottom center; background-size: 1.5rem 0.2rem; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.5rem; margin-top: 4.5rem; text-align: center;}
    #financeN3 .financeN3BCopy{ width: 100%; height: auto; float: left; margin-top: 2.5rem;}
    #financeN3 .financeN3BCopy li{ width: 50%; height: 11rem; float: left; overflow: hidden; position: relative; margin-left: 0; background-color: #FFFFFF;}
    #financeN3 .financeN3BCopy li.leftCopy{ margin-left: 0;}
    #financeN3 .financeN3BCopy li span{ width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); color: #191D28; font-size: 1.5rem; font-weight: bold; line-height: 1;  text-align: center; background: url("../bn_images/yellowBg.png") no-repeat top center; background-size: 2rem 0.2rem; padding-top: 1.7rem;}


    #financeN4{ width: 100%; height: auto; float: left; margin-top: 0; padding-bottom: 0;}
    #financeN4 .financeN4InCopy{ width: 100%; height: auto; margin: 0 auto;}
    #financeN4 .financeN4TCopy{ width: 100%; height: auto; float: left; background: url("../bn_images/redBgImage.png") no-repeat bottom center; background-size: 1.5rem 0.2rem; font-size: 2rem; line-height: 1; color: #000000; padding-bottom: 1.5rem; margin-top: 4.5rem; text-align: center;}
    #financeN4 .financeN4BCopy{ width: 100%; height: auto; float: left; margin-top: 3rem;}
    #financeN4 .financeN4BCopy li{ width: 50%; height: auto; float: left; margin-left: 0; margin-bottom: 4.7rem; position: relative;}
    #financeN4 .financeN4BCopy li.leftCopy{ margin-left: 0;}
    #financeN4 .financeN4BCopy li .N1Copy{ width: 100%; height: auto; float: left; text-align: center;}
    #financeN4 .financeN4BCopy li .N1Copy img{width: 5.5rem;}
    #financeN4 .financeN4BCopy li .N2Copy{ width: 100%; height: auto; float: left; text-align: center; font-size: 1.6rem; color: #DE0428; line-height: 1; margin-top: 1.5rem;}
    #financeN4 .financeN4BCopy li .N3Copy{ width: 100%; height: auto; float: left; text-align: center; font-size: 1.2rem; color: #191D28; line-height: 1; margin-top: 1.5rem;}
    #financeN4 .financeN4BCopy li .N4Copy{width: 0; height: 10rem; border-left: 1px solid #CDD2D7; position: absolute; right: -0.5px; top: 50%; transform: translateY(-50%)}

    #financeN2 .financeN2_p1 {display: none;}
    #financeN2 .financeN2_p2 {display: block;}

    .commonN2B_1{display: none;}
    .commonN2B_2{display: block;}
    .commonN2B_2 em{display: block; width: 100%; height: auto; margin-top: 2.5rem}

    #financeN3 .financeN3In{display: none;}
    #financeN3 .financeN3InCopy{display: block;}

    #financeN4 .financeN4In{display: none;}
    #financeN4 .financeN4InCopy{display: block;}
}

@media(min-width: 1100px){
    #financeN2 .financeN2_p1 {display: block;}
    #financeN2 .financeN2_p2 {display: none;}

    .commonN2B_1{display: block;}
    .commonN2B_2{display: none;}

    #financeN3 .financeN3In{display: block;}
    #financeN3 .financeN3InCopy{display: none;}

    #financeN4 .financeN4In{display: block;}
    #financeN4 .financeN4InCopy{display: none;}

}