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


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




/*#aboutN1 .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;*/
/*}*/

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





















#aboutN2{ width: 100%; height: auto; float: left; background: #ffffff;}
#aboutN2 .aboutN2In{ width: 1200px; height: auto; margin: 0 auto;}
#aboutN2 .aboutN2LogoT{ width: 100%; height: auto; float: left; text-align: center;}
#aboutN2 .aboutN2LogoB{ width: 100%; height: auto; float: left; text-align: center; margin-top: 17px;}
#aboutN2 .aboutN2Text{ width: 100%; height: auto; float: left; font-size: 14px; text-align: center; color: #666666; line-height: 35px; margin-top: 58px;}
#aboutN2 .aboutN2Img{ width: 100%; height: auto; float: left;}
#aboutN2 .aboutN2Img li{ width: 300px; height: 180px; float: left; overflow: hidden; position: relative;}
#aboutN2 .aboutN2Img li span{ width: 100%; height: 180px; position: absolute; line-height: 180px; text-align: center; color: #fff; font-size: 24px; margin-top: -180px;}
#aboutN2 .aboutN2Img li span.N1{ background: url("../bn_images/aboutN2Img_1Icon.png") no-repeat center left 50px;}
#aboutN2 .aboutN2Img li span.N2{ background: url("../bn_images/aboutN2Img_2Icon.png") no-repeat center left 50px;}
#aboutN2 .aboutN2Img li span.N3{ background: url("../bn_images/aboutN2Img_3Icon.png") no-repeat center left 50px; text-indent: 15px;}
#aboutN2 .aboutN2Img li span.N4{ background: url("../bn_images/aboutN2Img_4Icon.png") no-repeat center left 50px; text-indent: 35px;}

#aboutN3{ width: 100%; height: auto; float: left; margin-top: 110px;}
#aboutN3 .aboutN3In{ width: 1200px; height: auto; margin: 0 auto;}
#aboutN3 .aboutN3T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN3TBg.jpg") no-repeat center bottom; font-size: 32px; text-align: center; padding-bottom: 34px;}
#aboutN3 .aboutN3B{ width: 100%; height: auto; float: left; margin-top: 60px;}
#aboutN3 .aboutN3B li{ width: 400px; height: auto; float: left;}
#aboutN3 .aboutN3B .liT{ width: 100%; height: auto; float: left;  text-align: center;}
#aboutN3 .aboutN3B .liT span{ font-size: 34px;}
#aboutN3 .aboutN3B .liT em{ font-size: 34px;}
#aboutN3 .aboutN3B .liB{ width: 100%; height: auto; float: left; font-size: 20px; text-align: center; margin-top: 5px;}
#aboutN3 .aboutN3B .liB em{ font-size: 14px;}

#aboutN4{ width: 100%; height: 292px; float: left; margin-top: 95px; background: url("../bn_images/aboutN4Bg.jpg") no-repeat center center;}
#aboutN4 .aboutN4In{ width: 1200px; height: auto; margin: 0 auto;}
#aboutN4 span{ width: 100%; height: auto; float: left; text-align: center; font-size: 40px; color: #002f60; margin-top: 70px;}
#aboutN4 span i{ font-size: 42px; font-family: Arial;}
#aboutN4 a{ width: 200px; height: 60px; float: left; line-height: 60px; text-align: center; margin-left: 500px; border-radius: 5px; background: #f56b00; color: #ffffff; font-size: 28px; margin-top: 60px;}

#aboutN5{ width: 100%; height: auto; float: left; margin-top: 82px;}
#aboutN5 .aboutN5In{ width: 1200px; height: auto; margin: 0 auto;}
#aboutN5 li{ width: 100%; height: auto; float: left;}
#aboutN5 li.liN1 .liN1L{ width: 600px; height: 314px; float: left;}
#aboutN5 li.liN1 .liN1L span{ width: 100%; height: auto; float: left; color: #000000; font-size: 32px; text-align: center; margin-top: 110px; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; padding-bottom: 35px;}
#aboutN5 li.liN1 .liN1L p{ width: 100%; height: auto; float: left; text-align: center; margin-top: 30px; font-size: 16px; color: #666666;}
#aboutN5 li.liN1 .liN1R{ width: 600px; height: 314px; float: right; overflow: hidden;}

#aboutN5 li.liN2 .liN2L{ width: 600px; height: 314px; float: left; overflow: hidden;}
#aboutN5 li.liN2 .liN2R{ width: 600px; height: 314px; float: right;}
#aboutN5 li.liN2 .liN2R span{ width: 100%; height: auto; float: left; color: #000000; font-size: 32px; text-align: center; margin-top: 110px; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; padding-bottom: 35px;}
#aboutN5 li.liN2 .liN2R p{ width: 100%; height: auto; float: left; text-align: center; margin-top: 30px; font-size: 16px; color: #666666;}




@media(max-width: 1100px){

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


    #aboutN1{ width: 100%; height: 45.6rem; float: left; background: url("../bn_images/aboutN1Bg_2.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

    #aboutN1 .aboutN1In{ width: 100%; height: auto; padding: 0 3rem; box-sizing: border-box; position: absolute; bottom: 7rem; left: 0;}
    #aboutN1 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;}
    #aboutN1 p{ width: 100%; height: auto; float: left; line-height: 1.8rem; font-size: 1.1rem; color: #ffffff; margin-top: 1.2rem;}

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

    #aboutN2 .aboutN2Image{ width: 100%; height: auto; float: left;}
    #aboutN2 .aboutN2Image li{ width: 50%; height: 15rem; float: left; overflow: hidden; position: relative;}
    #aboutN2 .aboutN2Image img{width: auto; height: 100%; object-fit: cover;}
    #aboutN2 .aboutN2Image div{width: 100%; height: 4.5rem; position: absolute; left: 0; bottom: 0; background: url("../bn_images/aboutN2LiBg.png") no-repeat center; background-size: 100% 100%;}
    #aboutN2 .aboutN2Image em{ width: auto; height: auto; display: inline-block; line-height: 4rem; color: #fff; font-size: 2rem; padding-left: 4.7rem; margin-top: 0.5rem; margin-left: 1.5rem}
    #aboutN2 .aboutN2Image .N5{ background: url("../bn_images/aboutN2Img_1Icon.png") no-repeat center left; background-size: 2.3rem;}
    #aboutN2 .aboutN2Image .N6{ background: url("../bn_images/aboutN2Img_2Icon.png") no-repeat center left; background-size: 2.3rem;}
    #aboutN2 .aboutN2Image .N7{ background: url("../bn_images/aboutN2Img_3Icon.png") no-repeat center left; background-size: 2.7rem;}
    #aboutN2 .aboutN2Image .N8{ background: url("../bn_images/aboutN2Img_4Icon.png") no-repeat center left; background-size: 2.7rem;}

    #aboutN3{ width: 100%; height: auto; float: left; margin-top: 4.5rem;}
    #aboutN3 .aboutN3In{ width: 100%; height: auto; margin: 0 auto;}
    #aboutN3 .aboutN3T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN3TBg.jpg") no-repeat center bottom; font-size: 2rem; font-weight: bold; text-align: center; padding-bottom: 1.7rem;}
    #aboutN3 .aboutN3B{ width: 100%; height: auto; float: left; margin-top: 3.9rem; margin-bottom: 3rem;}
    #aboutN3 .aboutN3B li{ width: calc(100%/3); height: auto; float: left; position: relative}
    #aboutN3 .aboutN3B li:nth-of-type(1){width: 28%;}
    #aboutN3 .aboutN3B li:nth-of-type(2){width: 44%;}
    #aboutN3 .aboutN3B li:nth-of-type(3){width: 28%;}
    #aboutN3 .aboutN3B .liT{ width: 100%; height: auto; float: left;  text-align: center; color: #DE0428;}
    #aboutN3 .aboutN3B .liT span{ font-size: 2.5rem; line-height: 2rem; display: inline-block;}
    #aboutN3 .aboutN3B .liT em{ font-size: 2.5rem; line-height: 2rem; display: inline-block;}
    #aboutN3 .aboutN3B .liB{ width: 100%; height: auto; float: left; font-size: 1.1rem; line-height: 1.5rem; text-align: center; margin-top: 0.7rem;}
    #aboutN3 .aboutN3B .liB em{ font-size: 14px;}
    #aboutN3 .aboutN3B .liLineR{width: 0; height: 3.5rem; border-right: 1px solid #CDD2D7; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    #aboutN3 .aboutN3B .liLineL{width: 0; height: 3.5rem; border-left: 1px solid #CDD2D7; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

    #aboutN3 .aboutN3M{width: 100%; height: 11.25rem; background: url("../bn_images/aboutN3Bg.png") no-repeat center center; background-size: 100% 100%; float: left;}

    #aboutN4{ width: 100%; height: 15.3rem; float: left; margin-top: 0; background: url("../bn_images/aboutN4Bg.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}
    #aboutN4 .aboutN4InCopy{ width: auto; height: auto; margin: 0 auto; text-align: center; float: left;}
    #aboutN4 .aboutN4InCopy .aboutN4T{width: 100%; height: auto;  float: left; text-align: center; margin-top: 2.5rem;}
    #aboutN4 .aboutN4InCopy .aboutN4T .aboutN4TIn{width: auto; height: auto; display: inline-block; font-size: 1.8rem; line-height: 1; color: #191D28; padding: 0 6rem; position: relative;}
    #aboutN4 .aboutN4InCopy .aboutN4T .aboutN4TIn .aboutN4TInL{width: 5rem; height: 0; border-bottom: 1px solid #969DA4; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    #aboutN4 .aboutN4InCopy .aboutN4T .aboutN4TIn .aboutN4TInR{width: 5rem; height: 0; border-bottom: 1px solid #969DA4; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    #aboutN4 .aboutN4InCopy .aboutN4M{width: 100%; height: auto;  float: left; color: #191D28; font-size: 2.1rem; line-height: 1; font-weight: bold; margin-top: 0.9rem;}
    #aboutN4 .aboutN4InCopy .aboutN4B{width: 100%; height: auto;  float: left; text-align: center; margin-top: 2rem;}
    #aboutN4 .aboutN4InCopy .aboutN4B em{display: inline-block; width: 10rem; height: 3rem; line-height: 3rem; color: #FFFFFF; background-color: #DE0428; font-size: 1.5rem; font-weight: bold; border-radius: 0.2rem; overflow: hidden;}

    #aboutN5{ width: 100%; height: auto; float: left; margin-top: 0;}
    #aboutN5 .aboutN5InCopy{ width: 100%; height: auto; margin: 0 auto;}
    #aboutN5 li{ width: 100%; height: auto; float: left;}
    #aboutN5 li.liN1 .liN1L{ width: 50%; height: 20rem; float: left;}
    #aboutN5 li.liN1 .liN1L span{ width: 100%; height: auto; float: left; color: #191D28; font-size: 1.5rem; text-align: center; margin-top: 5.9rem; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; background-size: 2.2rem 0.2rem; padding-bottom: 1.9rem;}
    #aboutN5 li.liN1 .liN1L p{ width: 100%; height: auto; float: left; text-align: center; margin-top: 2rem; font-size: 1.3rem; line-height: 1.8rem; color: #191D28;}
    #aboutN5 li.liN1 .liN1R{ width: 50%; height: 20rem; float: left; overflow: hidden;}
    #aboutN5 li.liN1 .liN1R img{width: 100%; object-fit: cover;}
    #aboutN5 li.liN2 .liN2L{ width: 50%; height: 20rem; float: right; overflow: hidden;}
    #aboutN5 li.liN2 .liN2L img{width: 100%; object-fit: cover;}
    #aboutN5 li.liN2 .liN2R{ width: 50%; height: 20rem; float: right;}
    #aboutN5 li.liN2 .liN2R span{ width: 100%; height: auto; float: left; color: #191D28; font-size: 1.5rem; text-align: center; margin-top: 5.9rem; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; background-size: 2.2rem 0.2rem; padding-bottom: 1.9rem;}
    #aboutN5 li.liN2 .liN2R p{ width: 100%; height: auto; float: left; text-align: center; margin-top: 2rem; font-size: 1.3rem; line-height: 1.8rem; color: #191D28;}


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


    #aboutN2 .aboutN2In{display: none;}
    #aboutN2 .aboutN2InCopy{display: block;}




    #aboutN3 .aboutN3B .liLineR{display: block;}
    #aboutN3 .aboutN3B .liLineL{display: block;}
    #aboutN3 .aboutN3M{display: block;}

    #aboutN4 .aboutN4In{display: none;}
    #aboutN4 .aboutN4InCopy{display: block;}

    #aboutN5 .aboutN5In{display: none;}
    #aboutN5 .aboutN5InCopy{display: block;}
}



@media(min-width: 1100px){

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

    #aboutN2 .aboutN2In{display: block;}
    #aboutN2 .aboutN2InCopy{display: none;}

    #aboutN3 .aboutN3B .liLineR{display: none;}
    #aboutN3 .aboutN3B .liLineL{display: none;}
    #aboutN3 .aboutN3M{display: none;}

    #aboutN4 .aboutN4In{display: block;}
    #aboutN4 .aboutN4InCopy{display: none;}

    #aboutN5 .aboutN5In{display: block;}
    #aboutN5 .aboutN5InCopy{display: none;}


}