@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);}


#houseN1{ width: 100%; height: 456px; float: left; background: url("../bn_images/houseN1Bg.jpg") no-repeat center center; background-size: cover;}
#houseN1 .houseN1In{ width: 1200px; height: auto; margin: 0 auto;}
#houseN1 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;}
#houseN1 p{ width: 100%; height: auto; float: left; line-height: 30px; font-size: 16px; color: #ffffff; margin-top: 25px;}
/*#houseN1 .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;*/
/*}*/

/*#houseN1 .header-arrow { display: none; width: 33px; position: absolute; bottom: 5px; left: 50%; margin-left: -22.5px; cursor: pointer;}*/
/*#houseN1 .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*/
/*}*/
/*#houseN1 .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*/
    /*}*/
/*}*/

/*@media(max-width: 1100px){*/
    /*#houseN1 .left-logo{ width: 3.5rem; height: 4.35rem;}*/
/*}*/


#educateN3{ width: 100%; height: auto; float: left; background: #efefef; padding: 125px 0px;}
#educateN3 .educateN3In{ width: 1200px; height: auto; margin: 0 auto;}
#educateN3 .educateN3T{ 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;}
#educateN3 .educateN3B{ width: 100%; height: auto; float: left; margin-top: 70px;}
#educateN3 .educateN3B li{ width: 380px; height: 238px; float: left; overflow: hidden; position: relative; margin-left: 30px;}
#educateN3 .educateN3B li.left{ margin-left: 0px;}
#educateN3 .educateN3B 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;}
#educateN3 .educateN3B .N2{ display: none; position: relative;}
#educateN3 .educateN3B .N2 .swiper-container{ padding-bottom: 1.5rem;}
#educateN3 .educateN3B .N2 .swiper-slide:after{ content: ''; width: 100%; height: 100%; background: #191D28; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 1;}
#educateN3 .educateN3B .N2 .swiper-slide img{ width: 100%;}
#educateN3 .educateN3B .N2 .swiper-slide span{ width: 100%; height: auto; float: left; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate3d(-50%,-50%,0); font-size: 1.5rem; color: #ffffff; font-weight: bold; text-align: center;}
#educateN3 .educateN3B .N2 .swiper-pagination { width: 100%;}
#educateN3 .educateN3B .N2 .swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 0.3rem; width:0.4rem; height: 0.4rem; opacity: 1; border-radius: 50%; background-color: #E8D5BD; box-sizing: border-box;}
#educateN3 .educateN3B .N2 .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 1.15rem; background-color: #A47E4E; border-radius: 0.4rem;}
@media(max-width: 1100px){
    #educateN3{ padding: 4.5rem 0 6rem; margin-top: 0; background: #F7F9FB;}
    #educateN3 .educateN3In{ width: 100%;}
    #educateN3 .educateN3T{  background: linear-gradient(to right, #DE0428 , #DE0428) no-repeat center bottom / 1.5rem 0.2rem; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.7rem;}
    #educateN3 .educateN3B{ margin-top: 2.5rem;}
    #educateN3 .educateN3B .N1{ display: none;}
    #educateN3 .educateN3B .N2{ display: block;}

}



#houseN2{ width: 100%; height: auto; float: left;}
#houseN2 .houseN2In{ width: 1200px; height: auto; margin: 0 auto;}
#houseN2 span{ width: 100%; height: auto; float: left; font-size: 40px; color: #000000; text-align: center; margin-top: 135px;}
#houseN2 p{ width: 100%; height: auto; float: left; font-size: 14px; text-align: center; color: #666666; line-height: 35px; margin-top: 58px;}

#houseN3{ width: 100%; height: auto; float: left; background: #efefef; padding: 125px 0px; margin-top: 100px;}
#houseN3 .houseN3In{ width: 1200px; height: auto; margin: 0 auto;}
#houseN3 .houseN3T{ 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;}
#houseN3 .houseN3B{ width: 100%; height: auto; float: left; margin-top: 70px;}
#houseN3 .houseN3B li{ width: 380px; height: 238px; float: left; overflow: hidden; position: relative; margin-left: 30px;}
#houseN3 .houseN3B li.left{ margin-left: 0px;}
#houseN3 .houseN3B 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;}

#houseN4{ width: 100%; height: auto; float: left; margin-top: 124px; padding-bottom: 50px;}
#houseN4 .houseN4In{ width: 1200px; height: auto; margin: 0 auto;}
#houseN4 .houseN4T{ 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;}
#houseN4 .houseN4B{ width: 100%; height: auto; float: left; margin-top: 96px;}
#houseN4 .houseN4B li{ width: 160px; height: auto; float: left; margin-left: 186px;}
#houseN4 .houseN4B li.left{ margin-left: 0px;}
#houseN4 .houseN4B li .N1{ width: 100%; height: auto; float: left; text-align: center;}
#houseN4 .houseN4B li .N2{ width: 100%; height: auto; float: left; text-align: center; font-size: 26px; color: #fe4949; margin-top: 35px;}
#houseN4 .houseN4B 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;}

    /*#houseN1{ width: 100%; height: 45.6rem; float: left; overflow: hidden; background: url("../bn_images/financeN1Bg.jpg") no-repeat center center; background-size: 100% 100%;}*/
    /*#houseN1 .houseN1In{ width: 100%; height: auto; padding: 0 3rem; box-sizing: border-box;}*/
    /*#houseN1 span{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN1Span.jpg") no-repeat bottom left; margin-top: 27.8rem; line-height: 1; font-size: 3.1rem; padding-bottom: 1.5rem; padding-top: 0; color: #ffffff;}*/
    /*#houseN1 p{ width: 100%; height: auto; float: left; line-height: 1.8rem; font-size: 1.1rem; color: #ffffff; margin-top: 1.2rem;}*/


    #houseN1{ width: 100%; height: 45.6rem; float: left; background: url("../bn_images/houseN1Bg_2.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}
    #houseN1 .houseN1In{ width: 100%; height: auto; padding: 0 3rem; box-sizing: border-box; position: absolute; bottom: 7rem; left: 0;}
    #houseN1 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: 27.8rem; line-height: 1; font-size: 3.1rem; padding-bottom: 1.5rem; padding-top: 0; color: #ffffff;}
    #houseN1 p{ width: 100%; height: auto; float: left; line-height: 1.8rem; font-size: 1.1rem; color: #ffffff; margin-top: 1.2rem;}
    /*#houseN1 .left-logo{ width: 3.5rem; height: 4.35rem;}*/


    #houseN2{ width: 100%; height: auto; float: left; background-color: #191D28; padding-top: 0;}
    #houseN2 .houseN2In{ width: 100%; height: auto; float: left;}
    #houseN2 span{ width: 100%; height: auto; float: left; text-align: center; margin-top: 5rem;}
    #houseN2 img{width: 8rem; height: 2.8rem;}
    #houseN2 p{ width: 100%; height: auto; float: left; font-size: 1.3rem; text-align: left; color: #C2C6C7; line-height: 2.1rem; margin-top: 3rem; margin-bottom: 5.8rem; padding: 0 3rem; box-sizing: border-box;}
    #houseN2 .houseN2_p2 em{display: block; float: left; width: 100%; height: auto; margin-top: 2.5rem}


    #houseN3{ width: 100%; height: auto; float: left; background: #F7F9FB; padding: 0; margin-top: 0;}
    #houseN3 .houseN3InCopy{ width: 100%; height: auto; float: left; margin: 0 auto; text-align: center; padding: 5rem 0;}
    #houseN3 .houseN3T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.65rem; text-align: center;}
    #houseN3 .houseN3B{ width: 100%; height: 11rem; text-align: center; padding-bottom: 1.9rem; margin-top: 2.5rem;}
    #houseN3 .houseN3InCopy .houseN3B img{width: 100%; height: 100%;}
    #houseN3 .houseN3InCopy .houseN3B span{color: #FFFFFF; font-size: 1.5rem;}

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

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

    #houseN2 .houseN2_p1{display: none;}
    #houseN2 .houseN2_p2{display: block;}


    #houseN3 .houseN3In{display: none;}
    #houseN3 .houseN3InCopy{display: block;}

    #houseN4 .houseN4In{display: none;}
    #houseN4 .houseN4InCopy{display: block;}
}


@media(min-width: 1100px){
    .commonN2B_1{display: block;}
    .commonN2B_2{display: none;}

    #houseN2 .houseN2_p1{display: block;}
    #houseN2 .houseN2_p2{display: none;}

    #houseN3 .houseN3In{display: block;}
    #houseN3 .houseN3InCopy{display: none;}

    #houseN4 .houseN4In{display: block;}
    #houseN4 .houseN4InCopy{display: none;}

}