.wh1250 {
    max-width: 1250px;
    margin: 0 auto;
}

.w1250 {
    max-width: 1250px;
    margin: 0 auto;
}

@media (max-width: 1250px) {
    .w1250 {
        padding: 0 2%;
    }

    .wh1250 {
        padding: 0 2%;
    }
}

.xypg-banner .img img {
    width: 100%;
}



.bbdewm{
    padding-top: 36px;
    width: 16%;
    float: right;
}
.bbdewm h2{
    font-size: 18px;
    color: #cdcdcd;
}
.bbdewm h3{
    font-size: 22px;
    color: #7fbe25;
    margin-top: 15px;
    font-weight: bold;
}
.bbdewm h4{
    margin-top: 20px;
}
.bbdewm h4 img{
    width: 70%;
}

@media (max-width: 1260px) {
.bbdewm{     width: 19%;}
}
@media (max-width: 1024px) {
.bbdewm{     display: none;}
}

@media (min-width: 1260px) {
.infoot-topview{width: 53% !IMPORTANT;}

}

.n1n1x {}

.n1n1nr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 75px;
}

.n1n1nr li {
    width: 23.2%;
    height: 240px;
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 1px #c6e0ee;
    text-align: center;
    padding: 61px 40px;
    transition: all ease-in-out 0.3s;
}


.n1n1nr li:hover {
    border: solid 1px #018bd7;
    box-shadow: 12px 13px 18px 0px rgba(1, 139, 215, 0.08);
    transform: translateY(-10px);
    transition: all ease-in-out 0.3s;
}

.n1n1nr li:hover h2 {
    color: #018bd7;
}



.n1n1nr li h2 {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
}

.n1n1nr li h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #555555;
    margin-top: 35px;
}

.n1n1nr li:hover {}

.n1n1nr li:hover h2 {}




.n1n2x {
    margin-top: 87px;
    overflow: hidden;
    background-color: #060a33;
}

.n1n2nr {
    position: relative;
}

.n1n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n1n2z .img {
    float: right;
    margin-top: 250px;
}

.n1n2z .img img {
    max-width: 53vh;
}

.n1n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n1n2y .bt {
    height: 288px;
    background-color: #060a33;
}

.n1n2y .bt h2 {
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top: 62px;
}

.n1n2y .bt h3 {
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 61px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 30px;
}


.n1n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;
}



.n1n2z .imgon {
    /* position: fixed; */
    /* left: 0; */
    /* z-index: 1; */
    /* bottom: 25vh; */
    /* width: 41%; */
    /* margin-left: 2%; */
}

.n1n2z .imgon img {
    float: right;
}

.n1n2z .imgon1 {
    /* position: absolute; */
    /* z-index: 9999; */
    /* left: 0; */
    /* top: auto; */
    /* bottom: 25vh; */
}








.n1n3x {
    padding-top: 4.4vw;
    padding-bottom: 5vw;
    z-index: 999;
}

.n1n3bt {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
}

.n1n3nr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2.6vw;
}

.n1n3nr li {
    width: 24%;
}

.n1n3nr li .img {
    overflow: hidden;
}

.n1n3nr li .img img {
    width: 100%;
    transition: all ease-in-out 0.5s;
}

.n1n3nr li:hover .img img {
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}

.n1n3nr li h2 {
    height: 42px;
    background-color: #f4f1f1;
    text-align: center;
    line-height: 42px;
    color: #333333;
    font-size: 16px;
}

.n1n3nr li:hover h2 {
    background-color: #028ad7;
    color: #fff;
}


.w1800 {
    max-width: 1800px;
    margin: 0 auto;
}



.bbtbdh1 {
    width: 11%;
    float: left;
    margin-left: 2%;
}

.bbtbdh1 h2 p {
    font-family: Arial-BoldMT;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 72px;
    letter-spacing: 0px;
    color: #018bd7;
    float: left;
}

.bbtbdh1 h2 img {
    float: left;
    margin-top: 27px;
    margin-right: 13px;
}

.bbtbyy {
    width: 7%;
    float: right;
    margin-top: 22px;
}

.bbtbyy h2 {}

.bbtbyy h2 img {}



.bbtb2 {
    height: 70px;
    position: relative;
    background-color: rgba(52,52,52,.88);
}

.bbtb2 .bbtb2li {
    text-align: center;
}

.bbtb2 .bbtb2li li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px;
    position: relative;
}


.bbtb2 .bbtb2li li:hover .innav-menu{
    display: block
}
.bbtb2 .bbtb2li li .innav-menu{}
.bbtb2 .bbtb2li li .innav-menu a{
    color: #4c4d4d;
    line-height: 40px;
}
.bbtb2 .bbtb2li li .innav-menu a:hover{
    color: #ffffff !IMPORTANT;
}
.bbtb2 .bbtb2li li:hover .innav-menu a{
    color: #4c4d4d;
}


.bbtb2 .bbtb2li li a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 0px;
    color: #ffffff;
    transition: all .3s;
}
.bbtb2 .bbtb2li li:hover a{
    color:#04a6ff;
}

.bbtbgd {
    width: 128px;
    height: 36px;
    background-color: #018bd7;
    border-radius: 18px;
    text-align: center;
    position: absolute;
    top: 17px;
    left: 75%;
}

.bbtbgd a {

    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ffffff;

}


.bbtb2on {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
}






@media (max-width: 1550px) {

    .bbtbdh1 {
        width: 13%;
    }

    .innav-ul {
        width: 55% !important;
    }

    .insearch {
        width: 35px !important;
    }
}

@media (max-width: 1400px) {

    .n1n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {

    .n1n1nr li {
        padding: 3% 1%;
        height: auto;
    }

    .n1n1nr li h2 {
        font-size: 18px;
    }

    .n1n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n1n2y .bt h3 {
        font-size: 36px;
        line-height: 54px;
    }

    .n1n3bt {
        font-size: 35px;
    }



}








@media (min-width: 1000px) {

    .inlogo {
        width: 16%;
    }

    .inlogo img {
        max-width: 100%;
    }
}

@media (max-width: 1310px) {

    .bbtbdh1 {
        width: 15%;
    }

    .innav-a {
        font-size: 16px !important;
    }
}

@media (max-width: 1260px) {
    .innav-ul li {
        margin: 0 0.5% !important;
    }
}

@media (max-width: 1150px) {
    .bbtbdh1 {
        display: none !important;
    }

    .innav-ul {
        width: 65% !important;
    }

    .innav-ul li {
        margin: 0 1.2% !important;
    }
}



@media (max-width: 992px) {
    .bbtb2 {
        height: 50px;
        display: none;
    }

    .bbtb2 .bbtb2li li {
        margin: 0 2%;
    }

    .bbtbgd {
        display: none;
    }

    .bbtb2 .bbtb2li li a {
        font-size: 14px;
        line-height: 50px;
    }

    .n1n1nr li {
        width: 49%;
        margin-bottom: 1.5%;
        padding: 3% 1%;
    }

    .n1n1nr li h3 {
        margin-top: 12px;
        font-size: 14px;
    }

    .n1n1nr li h2 {
        font-size: 15px;
    }

    .n1n1nr {
        margin-top: 35px;
    }

    .n1n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n1n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n1n2z {
        width: 100%;
    }

    .n1n2y {
        width: 100%;
    }

    .n1n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n1n2y .bt {
        padding-left: 3%;
    }

    .n1n2y .bt h3 {
        font-size: 24px;
        line-height: 37px;
        margin-top: 14px;
    }

    .n1n3bt {
        font-size: 24px;
    }

    .n1n3nr li {
        width: 48%;
        margin-bottom: 4%;
    }

    .n1n3nr li h2 {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .n1n2x {
        margin-top: 40px;
    }

    .n1n3nr {
        margin-top: 20px;
    }


    .n1n2z .img img {
        width: 70%;
        margin: 0 15%;
    }

    .n1n2y .ztyxq {
        padding: 5% 4%;
    }

    .ztyxq1 img {
        width: 100% !IMPORTANT;
        height: auto !IMPORTANT;
    }


}












.n2n2x {
    overflow: hidden;
    background-color: #778691;
}

.n2n2nr {
    position: relative;
}

.n2n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n2n2z .img {
    float: right;
    margin-top: 180px;
}

.n2n2z .img img {
    max-width: 50vh;
}

.n2n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n2n2y .bt {
    height: 13.5vw;
    background-color: #778691;
}

.n2n2y .bt h2 {
    padding-top: 3.3vw;
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: 0px;
    color: #ffffff;
}

.n2n2y .bt h3 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ffffff;
    /*margin-top: 3vw;*/
}


.n2n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;

}



.n2n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 14vh;
    width: 41%;
    margin-left: 2%;
}

.n2n2z .imgon img {
    float: right;
}

.n2n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
}











.n2n3x {
    margin-top: 5vw;
}

.n2n3bt {
    text-align: center;
}

.n2n3bt h2 {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
}

.n2n3bt h3 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 15px;
}

.n2n3nr {
    margin-top: 3.5vw;
}

.n2n3hd {
    width: 54%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.n2n3hd li {
    width: 31.2%;
    height: 170px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #779eaf;
    text-align: center;
    padding: 0 18px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 20px;
    transition: all ease-in-out 0.3s;
}

.n2n3hd li h2 {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #333333;
    width: 100%;
}

.n2n3hd li h3 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 18px;
}

.n2n3hd li:hover {
    background-color: #ffffff;
    box-shadow: 8px 7px 10px 0px rgba(1, 139, 215, 0.08);
    border-radius: 8px;
    border: solid 1px #018bd7;
    transform: translateY(-8px);
    transition: all ease-in-out 0.3s;
}

.n2n3hd li:hover h2 {
    color: #018bd7;
}

.n2n3bd {
    width: 42.5%;
    float: right;
}

.n2n3bd li {}

.n2n3bd li .img {}

.n2n3bd li .img img {
    width: 100%;
}





.n2n4x {
    background-color: #bdc6cd;
    padding: 3.6vw 0;
    margin-top: 2.5vw;
}

.n2n4nr {
    overflow: hidden;
    position: relative;
}

.n2n4nr li {}

.n2n4nr li .img {
    width: 37.6%;
    float: left;
}

.n2n4nr li .img img {}

.n2n4nr li .n2n4wz {
    width: 43.5%;
    float: right;
    padding-top: 2vw;
}

.n2n4nr li .n2n4wz h2 {
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #222;
}

.n2n4nr li .n2n4wz h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333;
    margin-top: 22px;
}

.n2n4nr li .n2n4wz h3 p {
    position: relative;
    padding-left: 15px;
}

.n2n4nr li .n2n4wz h3 p:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #828d96;
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 6px;
}

.n2n4nr li .n2n4wz h3 p:last-child:before {
    display: none;
}


.n2n4nr .swiper-pagination {
    margin-top: 0;
    width: 43.5% !important;
    left: auto !IMPORTANT;
    right: 0;
    text-align: left;
    bottom: 45px !IMPORTANT;
}

.n2n4nr .swiper-pagination span {
    width: 40px;
    height: 6px;
    background: none;
    border: solid 1px #ffffff;
    opacity: 0.5;
    margin: 0 10px;
    border-radius: 0px;
}

.n2n4nr .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #46555e;
    border: solid 1px #46555e;
}


.n2n5x {
    margin-top: 3.6vw;
    padding-bottom: 2.5vw;
}

.n2n5nr {}

.n2n5t {
    margin-top: 2.7vw;
}

.n2n5t img {
    max-width: 100%;
}

.n2n5fl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2vw;
}

.n2n5fl li {
    width: 46%;
}

.n2n5fl li:nth-child(2) {
    width: 52.3%;
}

.n2n5fl li .img {}

.n2n5fl li .img img {
    width: 100%;
}

.n2n5fl li .n2n5wz {
    text-align: center;
    padding: 2vw 4% 0;
}

.n2n5fl li .n2n5wz h2 {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0px;
    color: #333333;
    border-bottom: 1px solid rgba(204, 211, 217, 0.8);
    padding-bottom: 1.2vw;
}

.n2n5fl li .n2n5wz h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 1.5vw;
}




.page-wrap-right {
    margin-top: 25px;
}



@media (max-width: 1400px) {

    .n2n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {

    .n2n2y .bt h2 {
        font-size: 38px;
    }

    .n2n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n2n2y .bt h3 {
        font-size: 28px;
        line-height: 45px;
        margin-top: 2vw;
    }

}


@media (max-width: 1100px) {

    .n2n3hd li {
        width: 32.2%;
        height: 190px;
        padding: 0 5px;
    }

}


@media (max-width: 992px) {

    .n2n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n2n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n2n2z {
        width: 100%;
    }

    .n2n2y {
        width: 100%;
    }

    .n2n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n2n2y .bt {
        padding-left: 3%;
    }

    .n2n2y .bt h3 {
        font-size: 20px;
        line-height: 29px;
        margin-top: 5px;
    }

    .n2n2x {}

    .n2n2z .img img {
        width: 50%;
        margin: 0 25%;
    }

    .ztyxq1 img {
        margin: 20px 0;
    }


    .n2n3bt h2 {
        font-size: 24px;
    }

    .n2n3bt h3 {
        font-size: 16px;
    }

    .n2n3hd {
        width: 100%;
    }

    .n2n3hd li {
        width: 48.2%;
    }

    .n2n3hd li:hover {
        transform: translateY(0px);
    }

    .n2n3nr {
        margin-top: 30px;
    }

    .n2n3bd {
        width: 100%;
    }

    .n2n4nr li .img {
        width: 100%;
    }

    .n2n4nr li .n2n4wz {
        width: 100%;
        margin-top: 25px;
    }

    .n2n4nr li .n2n4wz h2 {
        font-size: 24px;
    }

    .n2n4nr {
        padding-bottom: 40px;
    }

    .n2n5fl li {
        width: 100%;
        margin-bottom: 25px;
    }

    .n2n5fl {
        margin-top: 25px;
    }

    .n2n5fl li:nth-child(2) {
        width: 100%;
    }

    .n2n5fl li .n2n5wz h2 {
        padding-bottom: 10px;
        line-height: 34px;
    }

    .n2n4nr .swiper-pagination {
        margin-top: 0;
        width: 100% !important;
        left: auto !IMPORTANT;
        right: 0;
        text-align: left;
        bottom: 10px !IMPORTANT;
    }

    .xypg-left-con1 {
        display: none;
    }

}














.n3n2x {
    margin-top: 87px;
    overflow: hidden;
    background-color: #060a33;
}

.n3n2nr {
    position: relative;
}

.n3n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n3n2z .img {
    float: right;
    margin-top: 250px;
}

.n3n2z .img img {
    max-width: 56vh;
}

.n3n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 28vh;
    width: 41%;
    margin-left: 2%;
}

.n3n2z .imgon img {
    float: right;
}

.n3n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
}


.n3n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n3n2y .bt {
    height: 288px;
    background-color: #060a33;
}

.n3n2y .bt h2 {
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top: 62px;
}

.n3n2y .bt h3 {
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 61px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 30px;
}


.n3n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;
}









@media (max-width: 1400px) {

    .n3n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {



    .n3n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n3n2y .bt h3 {
        font-size: 36px;
        line-height: 54px;
    }


}





@media (max-width: 992px) {



    .n3n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n3n2z .imgon1 {
        position: relative;
        width: 100%;
    }
    .n3n2z .img img {
        width: 70%;
        margin: 0 15%;
    }
    .n3n2z {
        width: 100%;
    }

    .n3n2y {
        width: 100%;
    }

    .n3n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n3n2y .bt {
        padding-left: 3%;
    }

    .n3n2y .bt h3 {
        font-size: 24px;
        line-height: 37px;
        margin-top: 14px;
    }
    .n3n2y .ztyxq {
        padding: 5% 4%;
    }
   
    .n3n2x {
        margin-top: 40px;
    }

   


   



}





































.n4n2x {
    margin-top: 87px;
    overflow: hidden;
    background-color: #060a33;
}

.n4n2nr {
    position: relative;
}

.n4n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n4n2z .img {
    float: right;
    margin-top: 250px;
}

.n4n2z .img img {
   max-height: 60vh;
}

.n4n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n4n2y .bt {
    height: 288px;
    background-color: #060a33;
}

.n4n2y .bt h2 {
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top: 62px;
}

.n4n2y .bt h3 {
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 61px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 30px;
}


.n4n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;
}



.n4n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 28.2vh;
    width: 41%;
    margin-left: 2%;
}

.n4n2z .imgon img {
    float: right;
}

.n4n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
}





@media (max-width: 1400px) {

    .n1n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {



    .n4n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n4n2y .bt h3 {
        font-size: 36px;
        line-height: 54px;
    }


}





@media (max-width: 992px) {



    .n4n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n4n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n4n2z {
        width: 100%;
    }

    .n4n2y {
        width: 100%;
    }

    .n4n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n4n2y .bt {
        padding-left: 3%;
    }

    .n4n2y .bt h3 {
        font-size: 24px;
        line-height: 37px;
        margin-top: 14px;
    }

   
    .n4n2x {
        margin-top: 40px;
    }

   
    .n4n2z .img img {
        width: 70%;
        margin: 0 15%;
    }

    .n4n2y .ztyxq {
        padding: 5% 4%;
    }



}









.n5n2x {
    margin-top: 87px;
    overflow: hidden;
    background-color: #060a33;
}

.n5n2nr {
    position: relative;
}

.n5n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n5n2z .img {
    float: right;
    margin-top: 250px;
}

.n5n2z .img img {
    max-height: 60vh;
}

.n5n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n5n2y .bt {
    height: 288px;
    background-color: #060a33;
}

.n5n2y .bt h2 {
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top: 62px;
}

.n5n2y .bt h3 {
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 61px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 30px;
}


.n5n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;
}



.n5n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 27vh;
    width: 41%;
    margin-left: 2%;
}

.n5n2z .imgon img {
    float: right;
}

.n5n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
}





@media (max-width: 1400px) {

    .n5n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {



    .n5n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n5n2y .bt h3 {
        font-size: 36px;
        line-height: 54px;
    }


}





@media (max-width: 992px) {



    .n5n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n5n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n5n2z {
        width: 100%;
    }

    .n5n2y {
        width: 100%;
    }

    .n5n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n5n2y .bt {
        padding-left: 3%;
    }

    .n5n2y .bt h3 {
        font-size: 24px;
        line-height: 37px;
        margin-top: 14px;
    }

   
    .n5n2x {
        margin-top: 40px;
    }

   
    .n5n2z .img img {
        width: 70%;
        margin: 0 15%;
    }

    .n5n2y .ztyxq {
        padding: 5% 4%;
    }



}
































.n6n2x {
    overflow: hidden;
    background-color: #f0f1f9;
}

.n6n2nr {
    position: relative;
}

.n6n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n6n2z .img {
    float: right;
    margin-top: 200px;
}

.n6n2z .img img {
    max-height: 65vh;
    
}

.n6n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n6n2y .bt {
    height: 15.85vw;
    background-color: #f0f1f9;
}

.n6n2y .bt h2 {
    padding-top: 3.3vw;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #000000;
}

.n6n2y .bt h3 {
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 61px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 1.5vw;
}


.n6n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;

}

.n6n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 24vh;
    width: 41%;
    margin-left: 2%;
}

.n6n2z .imgon img {
    float: right;
}

.n6n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
}






.n6n3x{
    margin: 3.2vw 0;
}

.n6n3nr{}
.n6n3z{
    width: 49.76%;
    float: left;
    margin-top:50px;
}
.n6n3z h2{
    width: 158px;
    height: 32px;
    background-color: #4d59a3;
    border-radius: 16px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 5px;
    color: #ffffff;
    text-align: center;
}
.n6n3z h3{
    font-size: 44px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 28px;
}
.n6n3z h3 span{
    color:#4d59a3;
    font-weight: 400;
    font-family: 'Arial';
}
.n6n3z h4{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 2vw;
}

.n6n3y{
    width: 48%;
    float: right;
}
.n6n3y img{
    max-width: 100%;
}






.w1010{max-width: 1010px; margin: 0 auto;}

@media (max-width: 1010px) { 

    .w1010{padding: 0 2%;}  

}

.n6n4x {
    padding: 3.4vw 0;
    margin-top: 2vw;
    background-color: #f0f1f9;
}

.n6n4nr {
    overflow: hidden;
    position: relative;
}

.n6n4nr li {}

.n6n4nr li .img {
    width: 38.45%;
    float: left;
}

.n6n4nr li .img img {width: 100%;}

.n6n4nr li .n6n4wz {
    width: 52.5%;
    float: right;
}

.n6n4nr li .n6n4wz h2 {
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #4d59a3;
}

.n6n4nr li .n6n4wz h3 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 18px;
}

.n6n4nr li .n6n4wz h3 p {
    position: relative;
    padding-left: 15px;
}

.n6n4nr li .n6n4wz h3 p:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 6px;
}

.n6n4nr li .n6n4wz h3 p:last-child:before {
    display: none;
}


.n6n4nr .swiper-button-prev{
    background: url(../image/n6nqhz.png) no-repeat;
    left: 47.5%;
}
.n6n4nr .swiper-button-next{
    background: url(../image/n6nqhy.png) no-repeat;
    left: 54.5%;
}

.n6n4nr .swiper-button-prev,.n6n4nr .swiper-button-next{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 74%;
}




.w1150{max-width: 1150px; margin: 0 auto;}
@media (max-width: 1150px) {
    .w1150{padding: 0 2%;}
}


.n6n5x{
    margin-top: 3.3vw;
}
.n6n5nr{
    padding: 0 1%;
}
.n6n5z{
    width: 19.4%;
    float: left;
    margin-top: 1vw;
}
.n6n5z img{width: 100%;}
.n6n5y{
    width: 78.6%;
    float: right;
    text-align: right;
}
.n6n5y img{
    max-width: 100%;
}







.n6n6x{
    margin-top: 5vw;
    padding-bottom: 2.5vw;
}
.n6n6nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:40px;
}
.n6n6nr li{
    width: 30.4%;
    cursor: pointer;
}
.n6n6nr li .img{}
.n6n6nr li .img img{
    width: 100%;
}
.n6n6nr li h2{
    background-color: #f0f1f9;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #333333;
    transition: .3s;
}
.n6n6nr li:hover h2{
    background-color: #4d59a3;
    color: #fff;
}







@media (max-width: 1400px) {

    .n6n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {

    .n6n2y .bt h2 {
        font-size: 38px;
    }

    .n6n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n6n2y .bt h3 {
        font-size: 28px;
        line-height: 45px;
        margin-top: 2vw;
    }

}




@media (max-width: 992px) {

    .n6n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n6n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n6n2z {
        width: 100%;
    }

    .n6n2y {
        width: 100%;
    }

    .n6n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n6n2y .bt {
        padding-left: 3%;
    }

    .n6n2y .bt h3 {
        font-size: 20px;
        line-height: 29px;
        margin-top: 5px;
    }

    .n6n2x {}

    .n6n2z .img img {
        width: 50%;
        margin: 0 25%;
    }

    .n6nxq1 img {
        margin: 20px 0;
    }

    .n6n3z{width: 100%;}
    .n6n3y{width: 100%;margin-top: 20px;}
    .n6n3z h3{
    font-size: 30px;
    line-height: 41px;
    margin-top: 11px;
}
    .n6n4nr li .img{width: 100%;}
    .n6n4nr li .n6n4wz{width: 100%;margin-top: 20px;}
    .n6n4nr li .n6n4wz h2{
    font-size: 24px;
}
    .n6n4nr{padding-bottom: 50px;}
    .n6n4nr .swiper-button-prev{
        background: url(../image/n6nqhz.png) no-repeat;
        left: 38.5%;
        background-size: 100%;
    }
    .n6n4nr .swiper-button-next{
        background: url(../image/n6nqhy.png) no-repeat;
        left: 53%;
        background-size: 100%;
    }
    
    .n6n4nr .swiper-button-prev,.n6n4nr .swiper-button-next{
        width: 30px;
        height: 30px;
        position: absolute;
        top: 98%;
    }

    .n6n5z{display: none;}
    .n6n5y{width: 100%;}
    .n6n6nr li{width: 100%; margin-bottom: 20px; }
    .n6n5nr{padding: 0;}
    .n6n6x{margin-top: 35px;}
}










.n7n2x {
    overflow: hidden;
    background-color: #ececec;
}

.n7n2nr {
    position: relative;
}

.n7n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 6.5%;
}

.n7n2z .img {
    float: right;
    margin-top: 250px;
}

.n7n2z .img img {
    max-height: 50vh;
}

.n7n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}
.n7n2y  {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}


.n7n2y .bt {
    height: 12.1vw;
    background-color: #ececec;
}

.n7n2y .bt h2 {
    padding-top: 3vw;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333;
}

.n7n2y .bt h3 {
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 52px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 1.5vw;
}


.n7n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;

}

.n7n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 36.9vh;
    width: 41%;
    margin-left: 6.5%;
}

.n7n2z .imgon img {
    float: right;
}

.n7n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
    
}






.n7n3x{padding-top: 3vw; padding-bottom: 2.5vw;}
.n7n3nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 1.3vw 4px;
}
.n7n3nr li{
    width: 30.4%;
    border-radius: 10px;
    border: solid 1px #dfdfdf;
    transition: all ease-in-out 0.3s;
}
.n7n3nr li .img{}
.n7n3nr li .img img{
    width: 100%;
    border-radius: 10px;
}

.n7n3nr li:hover{
    transform: translateY(-10px); 
    transition: all ease-in-out 0.3s;
    border: solid 1px #dfdfdf;
    	box-shadow: 12px 13px 18px 0px 
		rgba(1, 139, 215, 0.08);
	border-radius: 10px;
	border: solid 1px #018bd7;
}








@media (max-width: 992px) {

    .n7n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n7n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n7n2z {
        width: 100%;
    }

    .n7n2y {
        width: 100%;
    }

    .n7n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n7n2y .bt {
        padding-left: 3%;
        height: 100px;
    }

    .n7n2y .bt h3 {
        font-size: 20px;
        line-height: 29px;
        margin-top: 5px;
    }

    .n7n2x {}

    .n7n2z .img img {
        width: 50%;
        margin: 0 25%;
    }

    .n7nxq1 img {
        margin: 20px 0;
    }

    .n7n3nr{ padding: 15px 4px;}
    .n7n2y .ztyxq{width: 100%;     padding-left: 2%;
    }
}













.n8n2x {
    overflow: hidden;
    background-color: #ffffff;
}

.n8n2nr {
    position: relative;
}

.n8n2z {
    float: left;
    height: auto;
    width: 38%;
    margin-left: 2.5%;
}

.n8n2z .img {
    float: right;
    margin-top: 6.5vw;
}

.n8n2z .img img {
    max-height: 75vh;
}

.n8n2y {
    width: 56.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;
}

.n8n2y .bt {
    height: 12.1vw;
    background-color: #ffffff;
}

.n8n2y .bt h2 {
    padding-top: 3vw;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333;
}

.n8n2y .bt h3 {
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 52px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 1.5vw;
}


.n8n2y .n8nxq {
    background-color: #fff;
    padding-left: 3.5%;
    padding-top: 8%;
    width: 770px;
}

.n8n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 4.5vh;
    width: 38%;
    margin-left: 2.5%;
}

.n8n2z .imgon img {
    float: right;
}

.n8n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
    
}





.n8n3x{
    margin-top: 1.2vw;
    background-color: #343434;
    padding-bottom: 3vw;
}

.n8n3nr{
    padding-top: 3.2vw;
}
.n8n3z{
    width: 45.1%;
    float: left;
    margin-top: 1vw;
}
.n8n3z h2{
	font-size: 36px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
}
.n8n3z h3{
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 22px;
}

.n8n3z h4{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 2vw;
}
.n8n3z h4 p{
    position: relative;
    padding-left: 20px;
}

.n8n3z h4 p:before{
    content: '';
    width: 10px;
    height: 10px;
    background: url(../image/n8n3t.png) no-repeat;
    position: absolute;
    left: 0;
    top: 10px;
} 


.n8n3y{
    width: 44.16%;
    float: right;
    overflow: hidden;
    position: relative;
}
.n8n3y li{}
.n8n3y li .img{}
.n8n3y li .img img{
    width: 100%;
}
.n8n3y li h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
}

.n8n3y .swiper-pagination {
    top: 76%;
}
.n8n3y .swiper-pagination span{
    width: 10px;
    height: 10px;
    background-color: #6f6f6f;
    opacity: 1;
}
.n8n3y .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #bacd1b;
}








.n8n4x{
    margin-top: 3.3vw;
}
.n8n4nr{
    text-align: center;
}
.n8n4nr h2 p{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #000000;
}
.n8n4nr h3{
    margin-top: 2.3vw;
}
.n8n4nr h3 img{
    max-width: 100%;
}






.n8n5x{
    background-color: #f5f5f5;
    padding-top: 4vw;
    padding-bottom: 4vw;
    margin-top: 3.8vw;
}


.n8n5bt{}
.n8n5bt h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
}
.n8n5bt h3{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 17px;
}

.n8n5nr{
    margin-top: 28px;
}

.n8n5{
    background-color: #ffffff;
    width: 62.92%;
    float: right;
}


.n8n5z{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    width: 34%;
    float: left;
}
.n8n5z p{
    padding-left: 18px;
    position: relative;
}
.n8n5z p:before{
    content: '';
    width: 10px;
    height: 10px;
    background: url(../image/n8n3t.png) no-repeat;
    position: absolute;
    left: 0;
    top: 10px;
} 


.n8n5y{
    background-color: #fff;
    overflow: hidden;
    margin: 15px 17px;
}
.n8n5y li{}
.n8n5y li img{
    width: 100%;
}



.n8n6x{
    margin-top: 3.7vw;
    padding-bottom: 2.5vw;
}
.n8n6bt{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}
.n8n6nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3.1vw;
}
.n8n6nr li{
    margin-bottom: 40px;
    width: 22.08%;
}
.n8n6nr li .img{}
.n8n6nr li .img img{
    width: 100%;
}
.n8n6nr li h2{
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 22px;
}
.n8n6nr li:hover h2{
    color: #008cd6;
}








@media (max-width: 1150px) {

    .n8n3y .swiper-pagination{top: 72%;}
    
}




@media (max-width: 992px) {

    .n8n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n8n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n8n2z {
        width: 100%;
    }

    .n8n2y {
        width: 100%;
    }

    .n8n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n8n2y .bt {
        padding-left: 3%;
    }

    .n8n2y .bt h3 {
        font-size: 20px;
        line-height: 29px;
        margin-top: 5px;
    }

    .n8n2x {}

    .n8n2z .img img {
        width: 50%;
        margin: 0 25%;
    }

    .n8nxq1 img {
        margin: 20px 0;
    }
    .n8n2y .n8nxq{width: 100%;}
    .n8n3z{width: 100%;}
    .n8n3y{width: 100%; margin-top: 20px;}
    .n8n3y .swiper-pagination{    top: 60%;}
    .n8n3z h2{font-size: 24px;}
    .n8n3z h3{font-size: 16px;}
    .n8n5bt h2{font-size: 24px;}
    .n8n5z{width: 100%;}
    .n8n5{width: 100%;}
    .n8n6bt{font-size: 24px;}

    .n8n6nr li{    width: 48.08%;     margin-bottom: 25px;}
    .n8n6nr li h2{    margin-top: 12px; font-size: 16px;}
    .smndTitle{font-size: 24px;}
    .n8n4nr h2 p{font-size: 24px;}

}
















.n9n1x{
    background-color: #f1f5f8;
}
.n9n1nr{
    text-align: center;
    padding-top: 4.2vw;
    padding: 4.2vw 4% 4.5vw;
}
.n9n1nr h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 43px;
    letter-spacing: 0px;
    color: #000000;
}
.n9n1nr h3{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 40px;
}





.n9n2x {
    overflow: hidden;
    background-color: #ffffff;
}

.n9n2nr {
    position: relative;
}

.n9n2z {
    float: left;
    height: auto;
    width: 38%;
    margin-left: 2.5%;
}

.n9n2z .img {
    float: right;
    margin-top: 6.5vw;
    padding-right: 9%;
}

.n9n2z .img img {
    max-height: 75vh;
}

.n9n2y {
    width: 56.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;
}

.n9n2y .bt {
    height: 12.1vw;
    background-color: #ffffff;
}

.n9n2y .bt h2 {
    padding-top: 4vw;
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333;
}

.n9n2y .bt h3 {
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 52px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 1vw;
}


.n9n2y .n9nxq {
    background-color: #fff;
    width: 720px;
}

.n9n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 4.5vh;
    width: 38%;
    margin-left: 2.5%;
}

.n9n2z .imgon img {
    float: right;
}

.n9n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
    
}






.n9n3x{
    background-color: #f1f5f8;
    padding: 3.8vw 0 4.2vw;
}
.n9n3nr{}
.n9n3z{
    width: 35%;
    float: left;
}
.n9n3z h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
    padding-bottom: 20px;
}
.n9n3z li{
    padding-bottom: 40px;
}
.n9n3z li h3{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 52px;
    letter-spacing: 0px;
    color: #007bce;
    padding-left: 19px;
    background: url(../image/n9n3zt.png) no-repeat;
}
.n9n3z li h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 10px;
}

.n9n3y{
    width: 49.2%;
    float: right;
    margin-top: 34px;
}
.n9n3y img{
    width: 100%;
}








.n9n4x{
    margin-top: 3.6vw;
    padding-bottom: 5.3vw;
}

.n9n4nr1{
    text-align: center;
}
.n9n4nr1 h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
}
.n9n4nr1 h3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    padding: 26px 7.5% 3.7vw;
}
.n9n4nr1 .img{}
.n9n4nr1 .img img{
    max-width: 100%;
}

.n9n4nr2{
    margin-top: 3.2vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n9n4nr2 li{
    text-align: center;
    width: 46.9%;
}
.n9n4nr2 li .img{}
.n9n4nr2 li .img img{
    width: 100%;
}
.n9n4nr2 li h2{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
}









.n9n5x{
    background-color: #f1f5f8;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
}

.n9nbt1{
    text-align: center;
}
.n9nbt1 h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #000000;
}

.n9n5nr{
    padding-top: 2.7vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}
.n9n5nr li{
    transition: all ease-in-out 0.3s;
}

.n9n5nr li:hover{transform: translateY(-10px);  transition: all ease-in-out 0.3s;}
.n9n5nr li .img{}
.n9n5nr li:hover .img{
    background-image: linear-gradient(90deg, #b8c6cf 0%, #cbd4dc 56%, #dde2e8 100%), linear-gradient( #c8d4e0, #c8d4e0);
    background-blend-mode: normal, normal;
    box-shadow: 13px 15px 20px 0px rgba(0, 11, 23, 0.08);
    border: 1px solid #007bce;
}
.n9n5nr li .img img{
    width: 100%;
}
.n9n5nr li h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 25px;
}
.n9n5nr li:hover h2{
color: #007bce;
}










.n9n6x{
    padding-top: 3.6vw;
    padding-bottom: 2.5vw;
}
.n9n6nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n9n6nr li{
    width: 47.2%;
    text-align: center;
    margin-bottom: 25px;
}
.n9n6nr li .img{}
.n9n6nr li .img img{
    width: 100%;
}
.n9n6nr li h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #007bce;
    margin-top: 20px;
}
.n9n6nr li h3{
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    line-height: 34px;
}







.nndbdh{
    background: url(../image/nydbdh.png) no-repeat;
    padding: 3.1vw 0 3.4vw;
}
.nndbnr{
    text-align: center;
}
.nndbnr h2{
    background: url(../image/nydhh2.png) no-repeat center;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
}
.nndbnr h3{
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: 8px;
    color: #ffffff;
    margin-top: 20px;
}
.nndbnr h4{
    background: url(../image/nydh.png) no-repeat 25px;
    width: 412px;
    height: 48px;
    border-radius: 43px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 33px auto 0;
    padding-left: 80px;
}


.nndbnr h4 s1{
    float: left;
}
.nndbnr h4 dd{
    float: left;
    font-size: 28px;
    font-weight: bold;
    line-height: 44px;
}
.nndbnr h4 dd p{font-weight: bold;}

























.n15n2x {
    overflow: hidden;
    background-color: #ffffff;
}

.n15n2nr {
    position: relative;
}

.n15n2z {
    float: left;
    height: auto;
    width: 38%;
    margin-left: 2.5%;
}

.n15n2z .img {
    float: right;
    margin-top: 120px;
    padding-right: 9%;
}

.n15n2z .img img {
    max-height: 75vh;
}

.n15n2y {
    width: 56.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;
}

.n15n2y .bt {
    height: 12.1vw;
    background-color: #ffffff;
}

.n15n2y .bt h2 {
    padding-top: 1vw;
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333;
}

.n15n2y .bt h3 {
    padding-top: 4vw;
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 52px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 1vw;
}


.n15n2y .ztyxq {
    background-color: #fff;
    width: 720px;
}













@media (max-width: 1350px) {
    .n9n2z .img img{
        max-width: 80%;
        float: right;
    }
    .n15n2z .img img{
        max-width: 80%;
        float: right;
    }

    .n15n2y .ztyxq{
        width: 100%;
        margin-top: 35px;
    }


  }

@media (max-width: 992px) {
  .n9n1nr h2{
    font-size: 24px;
}
.n9n1nr{
    padding: 36px 0% 4.5vw;
}
.n9n1nr h3{
    margin-top: 20px;
    font-size: 16px;
}

.n9n2z .img{ float: none;}

    .n9n2z {
        width: 100%;
    }

    .n9n2y {
        width: 100%;
    }

    .n9n2y .bt h2 {
        padding-top: 20px;
        font-size: 22px;
    }

    .n9n2y .bt {
        padding-left: 3%;
        height: auto;
    }

    .n9n2y .bt h3 {
        font-size: 20px;
        line-height: 29px;
        margin-top: 5px;
    }

    .n9n2x {}

    .n9n2z .img img {
        width: 50%;
        margin: 0 25%;
    }

    .n9nxq1 img {
        margin: 20px 0;
    }
    .n9n2y .n8nxq{width: 100%;}






    .n15n2z .img{ float: none;}

    .n15n2z {
        width: 100%;
    }

    .n15n2y {
        width: 100%;
    }

    .n15n2y .bt h2 {
        padding-top: 20px;
        font-size: 22px;
    }

    .n15n2y .bt {
        padding-left: 3%;
        height: auto;
        padding-bottom: 25px;
    }

    .n15n2y .bt h3 {
        font-size: 20px;
        line-height: 29px;
        margin-top: 5px;
    }

    .n15n2x {}

    .n15n2z .img img {
        width: 50%;
        margin: 0 25%;
    }

    .n15nxq1 img {
        margin: 20px 0;
    }
    .n15n2y .ztyxq{width: 100%;}












    
.n9n3z{
    width: 100%;
}

.n9n3z h2{
    font-size: 24px;
    padding-bottom: 15px;
}
.n9n3z li h4{
    font-size: 13px;
}

.n9n3z li{
    padding-bottom: 25px;
}
.n9n3y{
    width: 100%;
}


.n9n4nr1 h2{font-size: 24px;}
.n9n4x{
    margin-top: 30px;
}
.n9n4nr1 h3{
    padding: 23px 0 37px;
    font-size: 16px;
}
.n9n4nr2 li h2{
    font-size: 16px;
}
.n9n4nr2{
    margin-top: 32px;
}

.n9nbt1 h2{
    font-size: 24px;
    padding: 17px 0;
}

.n9n5x{
    padding-bottom: 50px;
}


.n9n6nr li h3{
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n9n6nr li h2{
    margin-top: 15px;
    font-size: 16px;
}

.n9n6nr li{
    margin-bottom: 19px;
    width: 48.2%;
}

.nndbnr h2{
    font-size: 24px;
}
.nndbnr h3{
    font-size: 24px;
    line-height: 26px;
}
.nndbdh{
    background: url(../image/nydbdh.png) no-repeat;
    background-size: auto 100%;
}
.nndbnr h4{
    width: 87%;
    font-size: 16px;
    background: url(../image/nydh.png) no-repeat 17px;
    padding-left: 58px;
}

.nndbnr h4 dd{
    font-size: 21px;
}


}



















.n10n1x{
    background-color: #fbfcfe;
}
.n10n1nr{
    text-align: center;
    padding: 3.7vw 4% 4.5vw;
}
.n10n1nr h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 43px;
    letter-spacing: 0px;
    color: #000000;
}
.n10n1nr h3{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 32px;
}








.n10n2x {
    overflow: hidden;
    background-color: #e3e9e8;
}

.n10n2nr {
    position: relative;
}

.n10n2z {
    float: left;
    height: auto;
    width: 41%;
    margin-left: 2%;
}

.n10n2z .img {
    float: right;
    margin-top: 250px;
}

.n10n2z .img img {
    max-height: 50vh;
}

.n10n2y {
    width: 52.5%;
    float: right;
    background-color: #fff;
    padding-bottom: 4vw;

}

.n10n2y .bt {
    height: 222px;
    background-color: #e3e9e8;
}

.n10n2y .bt h2 {
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #273e50;
    padding-top: 62px;
}

.n10n2y .bt h3 {
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 53px;
    letter-spacing: 0px;
    color: #273e50;
    margin-top: 20px;
}


.n10n2y .ztyxq {
    background-color: #fff;
    padding-left: 6.5%;
    padding-top: 5%;
    width: 675px;
}



.n10n2z .imgon {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 27vh;
    width: 41%;
    margin-left: 2%;
}

.n10n2z .imgon img {
    float: right;
}

.n10n2z .imgon1 {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: auto;
}









@media (max-width: 1400px) {

    .n10n2y .ztyxq {
        width: 96%;
    }

}

@media (max-width: 1300px) {



    .n10n2y .bt {
        height: auto;
        padding-bottom: 25px;
    }

    .n10n2y .bt h3 {
        font-size: 36px;
        line-height: 54px;
    }


}





@media (max-width: 992px) {

    .n10n1nr h2{
        font-size: 24px;
    }
    .n10n1nr{
        padding: 25px 0% 4.5vw;
    }
    .n10n1nr h3{
        margin-top: 20px;
        font-size: 16px;
    }

    



    .n10n2z .imgon {
        position: relative;
        width: 100%;
    }

    .n10n2z .imgon1 {
        position: relative;
        width: 100%;
    }

    .n10n2z {
        width: 100%;
    }

    .n10n2y {
        width: 100%;
    }

    .n10n2y .bt h2 {
        padding-top: 20px;
        font-size: 24px;
    }

    .n10n2y .bt {
        padding-left: 3%;
    }

    .n10n2y .bt h3 {
        font-size: 24px;
        line-height: 37px;
        margin-top: 14px;
    }

   
    .n10n2z {
        margin-top: 40px;
    }

   
    .n10n2z .img img {
        width: 60%;
        margin: 0 20%;
    }

    .n10n2y .ztyxq {
        padding: 5% 4%;
    }



}






.n10n3x{
    padding-bottom: 4.6vw;
}
.n10n3nr{
    margin-top: 4.7vw;
}
.n10n3z{
    width: 50.4%;
    float: left;
}
.n10n3z h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 2.5vw;
}
.n10n3z li{
    margin-bottom: 26px;
}
.n10n3z li h3{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #028f41;
}
.n10n3z li h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
}

.n10n3y{
    width: 43.28%;
    float: right;
    margin-top: 3.2vw;
}
.n10n3y img{width: 100%;}








.n10n4x{
    background-color: #e8f1f0;
    padding-top: 3.4vw;
}

.n10nbt1{
    text-align: center;
}
.n10nbt1 h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
}

.n10n4nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2.6vw;
}
.n10n4nr li{
    width: 31.2%;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    text-align: center;
    padding: 57px 31px 35px;
    margin-bottom: 40px;
    transition: all ease-in-out 0.3s; 
    height: 265px;
    cursor: pointer;
}

.n10n4nr li:hover{
    transform: translateY(-10px); 
    transition: all ease-in-out 0.3s; 
    /*border: solid 1px #028f41;*/
}



.n10n4nr li h2{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #028f41;
}
.n10n4nr li h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 20px;
}





.n10n5x{
    padding-top: 4.3vw;
    padding-bottom: 4.6vw;
}

.n10n5nr{}
.n10n5z{
    width: 19.5%;
    float: left;
}
.n10n5z img{
    width: 100%;
}

.n10n5y{
    width: 72.8%;
    float: right;
    margin-top: 20px;
}

.n10n5ybt{
    text-align: center;
    margin-bottom: 3.6vw;
}
.n10n5ybt h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 47px;
    letter-spacing: 0px;
    color: #000000;
}

.n10n5yfl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n10n5yfl li{
    text-align: center;
    margin-bottom: 40px;
    width: 32%;
}
.n10n5yfl li .img{
    overflow: hidden;
}
.n10n5yfl li .img img{width: 100%; transition: all ease-in-out 0.5s; }
.n10n5yfl li:hover .img img{
    transform: scale(1.1);     transition: all ease-in-out 0.5s; 
}
.n10n5yfl li h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 20px;
    padding: 0 12%;
}

.n10n5yfl li:hover h2{
    color: #028f41;
}










@media (max-width: 1150px) {
    .n10n4nr li{    
        height: auto;
        padding: 30px 20px 25px;
    }

}

@media (max-width: 992px) {

.n10n2z .img{margin-top: 30px;}

.n10n3z{width: 100%;}
.n10n3y{width: 100%;}

.n10n3z h2{font-size: 24px;margin-bottom: 25px;}
.n10n3nr{
    margin-top: 25px;
}
.n10n3z li h3{
    font-size: 20px;
}
.n10n3z li h4{
    font-size: 14px;
}

.n10n4nr li{
    width: 49%;
    padding: 20px 10px 20px;
    margin-bottom: 16px;
}

.n10n4nr li h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 11px;
    font-size: 12px;
}

.n10nbt1 h2{
    font-size: 24px;
    padding: 20px 0;
}


.n10n4nr li h2{
    font-size: 14px;
    line-height: 22px;
}

.n10n5z{
    display: none;
}
.n10n5y{
    width: 100%;
    margin-top: 2px;
}

.n10n5ybt h2{
    font-size: 24px;
}
.n10n5yfl li{
    margin-bottom: 20px;
    width: 49%;
}
.n10n5yfl li h2{
    font-size: 14px;
    margin-top: 10px;
    padding: 0 6%;
}


}





.n9lr1{
    margin-bottom: 40px;
}
.n9lr1 .lrbt{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
}
.n9lr1 p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
}

.n9lr1 .lrbt img{
    margin: 14px 0;
}




.n10lr2{}

.n1n2y .ztyxq{}


.n10lr2 .lrp1{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #333333;
    width: 115px;
    display: block;
    float: left;
    text-align: right;
}
.n10lr2 .lrp2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-left: 23px;
    float: left;
}


.n10n2y .ztyxq1 tbody tr{margin-bottom: 15px;}


.n10lrbt1{
    font-size: 26px !IMPORTANT;
    color: #03903e !important;
    font-weight: bold;
}

.n10lrbt3{
    /*padding-left: 20px;*/
    margin-top: 6px;
}


.n10lrbt2{
    font-size: 20px !IMPORTANT;
    color: #000 !important;
    font-weight: bold;
}


@media (max-width: 1400px) { 
    .n9n2y .n9nxq{
        width: 98%;
    }
    .n9n2y .n9nxq{margin-top: 25px;}
  


 }


 @media (max-width: 992px) { 
    .n9lr1 .lrbt img{width: 30px !IMPORTANT;}
    .n9n2nr{padding:  2%;}
    .n15n2nr{padding:  2%;}
    .n9lr1 .lrbt{    font-size: 24px;}
    .n9lr1{margin-bottom: 20px;}
 }





.w1200{max-width: 1200px; margin: 0 auto;}

@media (max-width: 1200px) {
    .w1200{padding: 0 2%;}
 }




 

.n15n3x{
    background-color: #f6f6f6;
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.n15n3nr{
    text-align: center;
}
.n15n3nr h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #000000;
}
.n15n3nr .img{
    margin-top: 2vw;
}
.n15n3nr .img img{
    width: 100%;
}

 





.n15n4x{
    padding-top: 4vw;
    padding-bottom: 3.7vw;
}

.n15n4nr{}

.n15n4z{
    width: 50%;
    float: left;
}
.n15n4z h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #0056a4;
}
.n15n4z h3{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 19px;
}
.n15n4z h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 40px;
}


.n15n4z h4 p{
    padding-left: 17px;
    position: relative;
}
.n15n4z h4 p:before{content: '';width: 5px;height: 5px;background-color: #000000;position: absolute;left: 0;top: 15px;border-radius: 50%;} 


.n15n4y{
    width: 43.2%;
    float: right;
    text-align: center;
}
.n15n4y img{
    width: 100%;
}

.n15n4y h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}







.n15n5x{
    background-color: #f8f8f8;
    padding-top: 45px;
    padding-bottom: 54px;
}

.n15n5nr{}

.n15n5z{
    width: 60%;
    float: left;
}
.n15n5z img{
    width: 100%;
}

.n15n5y{
    width: 60%;
    float: right;
}
.n15n5y img{width: 100%;}







.n15n6x{
    padding-top: 3.2vw;
    padding-bottom: 5.6vw;
}
.n15n6nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n15n6nr li{
    width: 49.12%;
}
.n15n6nr li .img{}
.n15n6nr li .img img{
    width: 100%;
}
.n15n6nr li h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
    text-align: center;
    padding: 0 3%;
    margin-top: 1.5vw;
}



@media (max-width: 992px) { 
    .n15n3nr h2{
        font-size: 24px;
    }
    .n15n4z{width: 100%;}
    .n15n4y{width: 100%;margin-top: 25px;}
    .n15n4z h2{font-size: 24px;}
    .n15n4z h3{font-size: 16px;line-height: 28px;margin-top: 12px;}
    .n15n4z h4{
        font-size: 12px;
        margin-top: 20px;
    }
    
    .n15n2z .img{    margin-top: 35px;}
  .n15n4y h2{
    font-size: 16px;
    margin-top: 10px;
}  
  
.n15n5x{
    padding-top: 25px;
    padding-bottom: 34px;
}
.n15n5z{
    width: 100%;
}
.n15n5y{
    width: 100%;
    margin-top: 15px;
}

.n15n6nr li{width: 100%;margin-bottom: 30px;}
.n15n4x{
    padding-top: 30px;
    padding-bottom: 30px;
}
  

.n15n6x{
    padding-top: 30px;
    padding-bottom: 10px;
}
.n15n6nr li h2{
    font-size: 12px;
    line-height: 20px;
}

.n15n3x{
    padding-top: 30px;
    padding-bottom: 35px;
}

    
    }






.bb16bj1{
    background: url(../image/bb16bj1.png) no-repeat 0 8vw;
}



    .n16n1x{
        padding: 3.8vw 0;
    }
    .n16n1nr{
        height: 288px;
        background-color: #2c75c1;
        border-radius: 16px;
        box-shadow: 0 0 18px rgba(44,117,193,0.5);
        text-align: center;
    }
    .n16n1nr h2{
        font-size: 36px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 38px;
        letter-spacing: 0px;
        color: #ffffff;
        padding: 3.3% 0 3%;
    }
    .n16n1nr h3{
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 32px;
        letter-spacing: 0px;
        color: #ffffff;
        padding: 0 6%;
    }
    
    






.n16n2x{    padding-bottom: 2vw;}

.n16n2nr{}
.n16n2hd{
    text-align: center;
    padding-bottom: 3.3vw;
}
.n16n2hd li{
    width: 234px;
    height: 50px;
    border-radius: 25px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    margin: 0 10px;
}

.n16n2hd .on{color: #ffffff; background-color: #2c75c1;}

.n16n2bd{
    width: 34.56%;
    float: left;
}
.n16n2bd li{}
.n16n2bd li h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 43px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 4.1vw;
}
.n16n2bd li h3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #757a8d;
    margin-top: 2.4vw;
}

.n16n2fl{
    width: 60%;
    float: right;
    overflow: hidden;
    position: relative;
    padding-bottom: 35px;
}
.n16n2fl li{padding: 15px;}
.n16n2fl li .img{
}
.n16n2fl li .img img{
    width: 100%;
    box-shadow: 0 0 16px rgba(3,60,119,0.1);
    border-radius: 8px;
}
.n16n2fl li h2{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.n16n2fl .swiper-pagination{
    bottom: 0 !important;
}
.n16n2fl .swiper-pagination span{
    width: 12px;
    height: 12px;
    background-color: #cecece;
    opacity: 1;
    margin: 0 8.5px !IMPORTANT;
}
.n16n2fl .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #2c75c1;
}





    .n16n2 { position: relative; }
    .n16n2 .ul { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
    .n16n2 .ul { opacity: 0; visibility: hidden; transition: all .5s ease; }
    .n16n2 .ul.on { position: static; opacity: 1; visibility: visible; }
    















.n16n3x{
    margin-top: 3.2vw;
}

.n16nbt1{
    text-align: center;
}
.n16nbt1 h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #000000;
}

.n16n3nr{
    overflow: hidden;
    margin-top: 3vw;
}
.n16n3nr li{}
.n16n3nr li .img{}
.n16n3nr li .img img{
    width: 100%;
    border: solid 1px #fff;
}

.n16n3nr li:hover .img img{
    border: solid 1px #2c75c1;
}

.n16n3nr li h2{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 13px;
}
.n16n3nr li:hover h2{
    color: #2c75c1;
}








.n16n4x{
    background-color: #f6fafe;
    padding-top: 3.2vw;
    margin-top: 4vw;
    padding-bottom: 3.4vw;
}
.n16n4nr{}

.n16n4z{
    width: 56.4%;
    float: left;
}
.n16n4z h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #000000;
    padding-left: 41px;
    background: url(../image/n16n4bt.png) no-repeat left;
}

.n16n4fl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2.1vw;
}
.n16n4fl .n16n4li{
    width: 32%;
    margin-bottom: 15px;
}
.n16n4fl .n16n4li .img{}
.n16n4fl .n16n4li .img img{width: 100%;}
.n16n4fl .n16n4li h3{
    height: 38px;
    background-color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #2c75c1;
    text-align: center;
}



.n16n4fl .n16n4wz{
    width: 32%;
}
.n16n4fl .n16n4wz h4{
    height: 94px;
    background-color: #e67817;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 94px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}

.n16n4fl .n16n4li8 h4{
    background-color: #00923f;

}

.n16n4fl .n16n4li9 h4{
background-color: #9168a2;
}


.n16n4y{
    width: 40%;
    float: right;
    margin-top: 0.5vw;
}
.n16n4y img{
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 8px;
}





.n16n5x{
    padding-top: 3.4vw;
    padding-bottom: 3vw;
}
.n16n5nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n16n5nr li{
    width: 48.64%;
}
.n16n5nr li .img{}
.n16n5nr li .img img{
    width: 100%;
    border: solid 1px #e4eaf0;
}
.n16n5nr li h2{
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 40px;
}
.n16n5nr li:hover .img img{border: solid 1px #2c75c1;}

.n16n5nr li:hover h2{ color: #2c75c1;}



@media (max-width: 1100px) {  

    .n16n4fl .n16n4li h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .n16n4y{margin-top: 5.5vw;}
    
    }
    
    
    @media (max-width: 992px) {  
        .n16n1nr h2{
        font-size: 30px;
        padding: 1% 0 3%;
    }
    
    .n16n1nr{
        height: auto;
        padding: 3% 0;
    }
    .n16nbt1 h2{font-size: 26px;}
    .n16n4z h2{font-size: 26px;}
    
    .n16n4fl .n16n4wz h4{
        height: 70px;
        line-height: 70px;
        font-size: 20px;
    }
    
    .n16n5nr li h2{
        font-size: 20px;
    }
 
.n16n3x{
    margin-top: 30px;
}
.n16n3nr li h2{
    line-height: 25px;
}







    
    
    }
           




    @media (max-width: 768px) {  

        .n16n1nr h2{
    font-size: 24px;
}
.n16n1nr h3{
    padding: 0 2%;
}


.n16n2hd li{
    width: 45%;
    height: 40px;
    margin: 0 1%;
    font-size: 15px;
    line-height: 40px;
}

.n16n2x{
    margin-top: 30px;
}
.n16n2bd{
    width: 100%;
}
.n16n2fl{width: 100%;}

.n16n2fl li h2{
    position: relative;
    bottom: -8px;
}
.n16n2bd li h2{
    font-size: 26px;
}

.n16n4x{
    margin-top: 30px;
}

.n16n3nr{
    margin-top: 25px;
}

.n16n4z{
    width: 100%;
}
.n16n4fl .n16n4li{
    width: 49%;
}

.n16n4y{width: 100%;}

.n16n5nr li h2{
    font-size: 14px;
    margin-top: 11px;
    margin-bottom: 20px;
}


    
    }












    .xypg-banner{position: relative;}
    .ban17wz{
        position: absolute;
        width: 100%;
        top: 5.6vw;
    }
    .ban17nr{
        width: 42.88%;
        float: right;
    }
    
    .ban17bt{
        text-align: right;
        width: 100%;
    }
    .ban17bt h2{
        font-size: 52px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 68px;
        letter-spacing: 0px;
        color: #018bd7;
    }
    .ban17bt h3{
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 68px;
        letter-spacing: 0px;
        color: #333333;
    }
    .ban17bt h4{
        width: 44px;
        height: 5px;
        background-color: #0064b2;
        opacity: 0.5;
        float: right;
        margin-top: 10px;
    }
    .ban17jj{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 18px rgba(0,0,0,0.1);
    padding: 39px 32px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 2.2vw;
    }
    



    .n17n1x{
        margin-top: 3.3vw;
        margin-bottom: 1.8vw;
    }
    .n17nbt1{
        text-align: center;
    }
    .n17nbt1 h2{
        font-size: 36px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 39px;
        letter-spacing: 0px;
        color: #333333;
    }
    
    .n17n1nr{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 3vw;
    }
    .n17n1nr li{
        height: 130px;
        background-color: #ffffff;
        border: solid 1px #e1e1e1;
        width: 23.36%;
        padding: 30px 8px 0 17px;
        position: relative;
    }
    
    .n17n1nr li:hover{border: solid 1px #018bd7;}
    
    .n17n1nr li h2{
        width: 70px;
        height: 70px;
        background-color: #018bd7;
        box-shadow: 2px 14px 14px 0px    rgba(0, 57, 102, 0.08);
        float: left;
        border-radius: 48px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 70px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .n17n1nr li h3{
        margin-left: 17px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0px;
        color: #333333;
        float: left;
        width: 67%;
        margin-top: 9px;
    }
    
    
    



    

    .n17n2x{padding-top: 2vw;padding-bottom: 4.6vw;}
    .n17n2nr{}
    
    .n17n2z{
    width: 50%;
    float: left;
    padding-top: 19px;
}
    .n17n2z h2{
        font-size: 36px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: 0px;
        color: #018bd7;
    }
    .n17n2z h3{
        font-size: 36px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #018bd7;
    }
    
    .n17n2fl{
    margin-top: 27px;
}
    .n17n2fl p{
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: 0px;
        color: #333333;
        background: url(../image/n17n2p.png) no-repeat left;
        padding-left: 27px;
    }
    
    .n17n2y{
    width: 43.8%;
    float: right;
}
    .n17n2y img{
    width: 100%;
}
    
   










.n17n3x{
    background-color: #f4f8fa;
    padding-top: 3.4vw;
    padding-bottom: 2.5vw;
}

.n17n3nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2.8vw;
}
.n17n3nr li{
    background-color: #ffffff;
    width: 31.6%;
    text-align: center;
    margin-bottom: 36px;
    padding: 32px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    transition: all ease-in-out 0.3s;  
}
.n17n3nr li h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    width: 100%;
}
.n17n3nr li h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 15px;
    width: 100%;
}

.n17n3nr li:hover {box-shadow: 0 0 18px rgba(0,0,0,0.15);  transform: translateY(-10px);  transition: all ease-in-out 0.3s;  }
.n17n3nr li:hover h2{color: #018bd7;}














.n17w1250{width: 1250px; margin: 0 auto;}

.n17n4x{
    padding-top: 3.4vw;
    padding-bottom: 6.5vw;
}

.n17n4nr1{
    background: url(../image/n17n4nr1.png) no-repeat;
    margin-top: 3.8vw;
    height: 370px;
}

.n17n4fl1{
    padding-top: 94px;
    width: 746px;
    float: left;
}
.n17n4fl1 li{
    width: 110px;
    height: 110px;
    float: left;
    text-align: center;
    margin-right: 69px;
}
.n17n4fl1 .n17n4f1i4{
    margin-top: -74px;
    margin-right: 0;
    margin-left: 29px;
}

.n17n4fl1 .n17n4f1i4 h3{
    color: #fff;
}

.n17n4fl1 .n17n4f1i5{
    margin-top: 86px;
    margin-left: -109px;
}

.n17n4fl1 .n17n4f1i5 h3{color: #fff;}

.n17n4fl1 li .img{
    height: 40px;
}
.n17n4fl1 li .img img{}
.n17n4fl1 li h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 47px;
    letter-spacing: 0px;
    color: #333333;
}

.n17n4wz1{
    width: 15.5%;
    float: left;
    margin-left: -53px;
    position: relative;
}
.n17n4wz1 .n17n4fw1{
    margin-top: 25px;
}
.n17n4wz1 .n17n4fw2{
    margin-top: 111px;
}
.n17n4wz1 .n17n4fw3{
    width: 64px;
    height: 110px;
    position: absolute;
    top: 0px;
    right: 0;
}

.n17n4wz1 li h2{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
}
.n17n4wz1 li h3{}

.n17n4wz1 .n17n4fw3 h3{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 65px;
    letter-spacing: 4px;
    color: #ffffff;
    writing-mode: vertical-lr;
    margin-top: 13px;
}

.n17n4fl2{
    width: 14%;
    float: left;
    margin-top: 114px;
    margin-left: 6%;
}
.n17n4fl2 li{
    width: 100%;
    float: left;
    line-height: 44px;
    margin-bottom: 10px;
}
.n17n4fl2 li .img{
    float: left;
    width: 30px;
}
.n17n4fl2 li .img img{}
.n17n4fl2 li h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #333333;
}


.n17n4wz2{
    width: 96px;
    height: 370px;
    float: right;
}
.n17n4wz2 h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 95px;
    letter-spacing: 4px;
    color: #ffffff;
    writing-mode: vertical-lr;
    height: 100%;
    text-align: center;
}








.n17n5nr{
    background: url(../image/n17n5nr.png) no-repeat;
    height: 370px;
    margin-top: 51px;
}

.n17nfl1{
    width: 16.5%;
    float: left;
    margin-left: 6.6%;
    margin-top: 31px;
}
.n17nfl1 li{
    width: 100%;
    float: left;
    margin-bottom: 14px;
}
.n17nfl1 li .img{
    float: left;
    line-height: 66px;
    width: 50px;
    margin-left: 25px;
}
.n17nfl1 li .img img{}
.n17nfl1 li h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #333333;
    float: left;
}

.n17n5wz{
    width: 15.5%;
    float: left;
    margin-left: 18.5%;
    margin-top: 75px;
}
.n17n5wz .n17n5w1{
    text-align: center;
}
.n17n5wz .n17n5w1 h2{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 58px;
    letter-spacing: 0px;
    color: #ffffff;
}
.n17n5wz .n17n5w2{
    text-align: center;
    margin-top: 96px;
}
.n17n5wz .n17n5w2 h2{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 58px;
    letter-spacing: 0px;
    color: #ffffff;
}

.n17nfl2{width: 9%;float: left;margin-left: 14.5%;margin-top: 48px;}
.n17nfl2 li{
    width: 110px;
    height: 110px;
    text-align: center;
    padding-top: 21px;
    margin-bottom: 43px;
}
.n17nfl2 li .img{
    height: 45px;
}
.n17nfl2 li .img img{}
.n17nfl2 li h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}


.n17n5wz2{
    width: 125px;
    height: 370px;
    float: left;
}
.n17n5wz2 h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 125px;
    letter-spacing: 4px;
    color: #ffffff;
    writing-mode: vertical-lr;
    height: 100%;
    text-align: center;
}


.mn17n5{display: none;}
.n17nt1 img{width: 100%;}
.n17nt2 img{width: 100%;}


.mn17n5{
    padding-top: 3.4vw;
    padding-bottom: 6.5vw;
}

.n17nt1{
    margin-top: 3.8vw;
}
.n17nt2{
    margin-top: 2.6vw;
}







@media (max-width:1500px) {
    .ban17wz{
    top: 2.6vw;
}
.ban17bt h2{
    line-height: 45px;
    font-size: 40px;
}

.ban17bt h3{
    font-size: 28px;
    line-height: 55px;
}

.ban17jj{
    padding: 25px 30px;
    font-size: 16px;
}


}





@media (max-width:1270px) {  

    .n17n1nr li{padding: 2% 1px 2% 1%;position: relative;height: auto;}
    .n17n1nr li h2{
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }
    .n17n1nr li h3{width: calc(98% - 81px);margin-top: 5px;font-size: 13px;}
    .mn17n5{display: block;}
    .n17n4x{display: none;}
    
}
    


@media (max-width:1180px) { 
    .ban17bt h2{
    line-height: 36px;
    font-size: 36px;
}
    

.ban17bt h3{
    font-size: 24px;
    line-height: 55px;
}

.ban17jj{
    padding: 18px 21px;
    font-size: 13px;
    line-height: 28px;

}


} 













@media (max-width:992px) { 
.n17n1nr li{
    width: 50%;
} 
    .n17n1nr li h2{
    margin-left: 33%;
}
    .n17n1nr li h3{
    width: 98%;
    text-align: center;
    margin-left: 0;
    margin-top: 13px;
}

.n17nbt1 h2{
    font-size: 26px;
    padding: 15px 0;
}

.n17n2z{width: 100%;}
.n17n2z h2{font-size: 26px;}
.n17n2z h3{font-size: 22px;}
.n17n2fl p{font-size: 12px;}
.n17n2y{width: 100%;}



.n17n3nr li{
    padding: 2%;
    width: 49%;
    margin-bottom: 14px;
}
.n17n3nr li h2{
    font-size: 15px;
}

.n17n3nr li h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.n17nt2{
    margin-top: 30px;
}


}













.n18n1x{
    padding-top: 2.6vw;
    padding-bottom: 3vw;
}

.n18n1nr{}

.n18n1z{
    width: 49.1%;
    float: left;
    margin-top: 38px;
}

.n18n1zbt{
    position: relative;
    padding-left: 21px;
}

.n18n1zbt:before{content: '';width: 8px;height: 80px;background-color: #008cd6;position: absolute;left: 0;} 

.n18n1zbt h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
}
.n18n1zbt h3{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 10px;
}
.n18n1zwz{
    margin-top: 2.2vw;
}
.n18n1zwz h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}
.n18n1zwz h3{
    width: 124px;
    height: 48px;
    background-color: #018cd8;
    border-radius: 24px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 2.2vw;
    text-align: center;
}

.n18n1y{
    width: 42.48%;
    float: right;
}
.n18n1y img{
    width: 100%;
}




.n18n2x{
    padding-bottom: 5.3vw;
}

.n18n2nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.n18n2nr li{
    width: 19.1%;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    text-align: center;
    padding-top: 40px;
    padding: 37px 1%;
}

.n18n2nr li:hover{
    border: solid 1px #008cd6;
}

.n18n2nr li .img{
    height: 55px;
}
.n18n2nr li .img img{max-height: 48px;}
.n18n2nr li h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #333333;
}
.n18n2nr li:hover h2{
    color: #008cd6;
}
.n18n2nr li h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
}






.n18n3x{
    background-color: #eaeaea;
    padding: 4vw;
}
.n18n3nr{
    display: flex;
    align-items: center;
}

.n18n3z{
    width: 46.8%;
    float: left;
}
.n18n3z img{
    width: 100%;
}

.n18n3y{
    margin-left: 13.36%;
    float: left;
    width: 25%;
}
.n18n3y p{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #333333;
    position: relative;
    padding-left: 25px;
}
.n18n3y p:before{content: '';width: 10px;height: 10px;background-color: #333333;position: absolute;left: 0;top: 16px;}  









.n18n4x{
    padding-top: 4vw;
    padding-bottom: 7.5vw;
}
.n18nbt1{
    text-align: center;
}
.n18nbt1 h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #010101;
}
.n18nbt1 h3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 30px;
}

.n18n4nr{
    margin-top: 2vw;
}
.n18n4nr .img{
    text-align: center;
}
.n18n4nr .img img{
    max-width: 100%;
}

.n18n4nr h2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 72.4%;
    margin: 40px auto 0;
}
.n18n4nr h2 p{
    height: 36px;
    background-color: #018bd7;
    border-radius: 18px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 0 22px;
}





@media (max-width: 1250px) { 
    .n18n4nr h2{width:100%;}
 }

 @media (max-width: 992px) { 
    .n18n1z{width: 100%;}
    .n18n1y{width: 100%;}

    .n18n1zbt h2{font-size: 26px;}
.n18n1zbt h3{
    font-size: 20px;
    line-height: 19px;
}
.n18n1zbt:before{
    width: 6px;
    height: 76px;
}
.n18n1zwz h2{
    font-size: 15px;
}

.n18n2nr li{
    width: 48.1%;
    padding: 20px 1%;
    margin-bottom: 20px;
}

.n18n2x{
    margin-top: 30px;
}

.n18n3z{
    width: 100%;
}
.n18n3nr{
    display: block;
}

.n18n3y{
    margin-left: 2%;
    width: 100%;
    margin-top: 25px;
}

.n18n3y p{
    font-size: 18px;
}

.n18nbt1 h2{
    font-size: 26px;
}
.n18nbt1 h3{
    font-size: 14px;
    line-height: 29px;
    margin-top: 10px;
}


.n18n4nr h2 p{
    width: 49%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 12px;
}


 }











 .n19n1x{
    padding-top: 2.8vw;
    padding-bottom: 4.3vw;
}

.n19n1nr{}

.n19n1z{
    width: 41.28%;
    float: left;
}
.n19n1z img{
    width: 100%;
}

.n19n1y{
    width: 50%;
    float: left;
    margin-left: 8.56%;
    margin-top: 35px;
}
.n19n1y h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #018cd8;
}
.n19n1y h3{
    margin-top: 35px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #333333;
}
.n19n1y h4{
    width: 124px;
    height: 48px;
    background-color: #018cd8;
    border-radius: 24px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 2.6vw;
}











.n19n2x{background-color: #f9f9f9;padding-bottom: 61px;}

.n19n2nr{}

.n19n2z{
  width: 62%;
  float: left;
  padding-top: 4.4vw;
}
.n19n2z h2{
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 42px;
  letter-spacing: 0px;
  color: #018cd8;
}
.n19n2z h3{
  margin-top: 2.2vw;
}
.n19n2z h3 p{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
  position: relative;
  padding-left: 15px;
}

.n19n2z h3 p:before{content: '';width: 5px;height: 5px;background-color: #000000;position: absolute;left: 0;top: 15px;}


.n19n2y{
   width: 20%;
   float: right;
}
.n19n2y img{width: 100%;}









.n19n3x{
    background-color: #018cd8;
    padding-top: 3.2vw;
    padding-bottom: 3.8vw;
}

.n19nbt1{
    text-align: center;
}
.n19nbt1 h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 46px;
    letter-spacing: 0px;
    color: #ffffff;
}

.n19n3nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vw;
}
.n19n3nr li{
    width: 31.52%;
    height: 150px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #018cd8;
    padding: 37px 2% 0;
     transition: all ease-in-out 0.3s; 
}
.n19n3nr li:hover{
    transform: translateY(-10px); transition: all ease-in-out 0.3s; 
}


.n19n3nr li .img{
    width: 25%;
    float: left;
}
.n19n3nr li .img img{}
.n19n3nr li .n19n3wz{
    width: 75%;
    float: left;
}
.n19n3nr li .n19n3wz h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #018bd7;
}
.n19n3nr li .n19n3wz h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666666;
}









.n19n4x{
    padding-top: 4vw;
    padding-bottom: 5vw;
}
.n19n4nr{
    text-align: center;
}
.n19n4nr img{
    max-width: 100%;
}












.n19n5x{background-color: #f9f9f9;padding-bottom: 38px;padding-top: 40px;}

.n19n5nr{}

.n19n5y{
  width: 55%;
  float: right;
  padding-top: 43px;
}
.n19n5y h2{
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 42px;
  letter-spacing: 0px;
  color: #018cd8;
}
.n19n5y h3{
  margin-top: 2vw;
}
.n19n5y h3 p{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
  position: relative;
  padding-left: 15px;
}

.n19n5y h3 p:before{content: '';width: 5px;height: 5px;background-color: #000000;position: absolute;left: 0;top: 15px;}


.n19n5z{
    width: 37.28%;
    float: left;
    overflow: hidden;
    position: relative;
}
.n19n5z li{}
.n19n5z li img{}
.n19n5z .swiper-pagination{}
.n19n5z .swiper-pagination span{
    width: 10px;
    height: 10px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    background: none;
    opacity: 1;
    margin: 0 6px !important;
}
.n19n5z .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #018cd8;
    opacity: 1;
}







.n19n6x{
    padding-bottom: 6vw;
    padding-top: 5.3vw;
}
.n19n6nr{
    width: 64%;
    margin: 0 auto;
    position: relative;
}

.n19n6z{
    width: 77%;
    float: left;
}
.n19n6z img{}

.n19n6y{
    width: 23%;
    float: left;
}
.n19n6y h2{
    position: absolute;
    bottom: 0;
    right: 0;
}
.n19n6y h2 p{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #333333;
    position: relative;
    padding-left: 22px;
}

.n19n6y h2 p:before{content: '';width: 8px;height: 8px;background-color: #018cd8;position: absolute;border-radius: 10px;left: 0;top: 21px;}

.n19n6wz{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 45px;
}








.n12n3x{
    background-color: #f1f5f8;
    padding-top: 3.8vw;
    padding-bottom: 4.6vw;
}
.n12n3nr{}
.n12n3bt{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #000000;
    padding-left: 44px;
    background: url(../image/n12n3bt.png) no-repeat left;
}
.n12n3nr1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3.2vw;
}
.n12n3nr1 li{}
.n12n3nr1 li h3{
    background: url(../image/n12n3h3.png) no-repeat left;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #007bce;
    padding-left: 16px;
}
.n12n3nr1 li h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}

.n12n3nr2{
    margin-top: 3.8vw;
}
.n12n3nr2 li{
    float: left;
    width: auto;
    margin-right:4px;
}
.n12n3nr2 li .img{}
.n12n3nr2 li .img img{
    width: 100%;
}








.n12n4x{
    padding-top: 3.4vw;
    padding-bottom: 3.6vw;
}
.n12n4nr{}
.n12n4z{
    width: 60%;
    float: left;
}
.n12n4z h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #000000;
    padding-left: 44px;
    background: url(../image/n12n3bt.png) no-repeat left;
}
.n12n4z h3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}
.n12n4z h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #333;
    margin-top: 2.5vw;
}

.n12n4y{
    width: 32.2%;
    float: right;
    margin-top: 10px;
}
.n12n4y img{
    width: 100%;
}



.n12n5x{
    background-color: #f1f5f8;
    padding-top: 3.5vw;
    padding-bottom: 4.5vw;
}

.n12n5bt{}
.n12n5bt h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #000000;
    padding-left: 44px;
    background: url(../image/n12n3bt.png) no-repeat left;
}
.n12n5bt h3{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}

.n12n5nr{
    margin-top: 2.3vw;
}
.n12n5nr .n12n5z{
    width: 56.32%;
    float: left;
}
.n12n5nr .n12n5z img{    width: 100%;}
.n12n5nr .n12n5y{
    width: 37%;
    float: right;
}
.n12n5nr .n12n5y h2{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #007bce;
}
.n12n5nr .n12n5y h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}




.n12n5nr2{
    margin-top: 2vw;
}
.n12n5nr2 .n12n5y{
    width: 44.5%;
    float: right;
    margin-top: 3.6vw;
}
.n12n5nr2 .n12n5y img{
    width: 100%;
}
.n12n5nr2 .n12n5z{
    width: 37%;
    float: left;
}
.n12n5nr2 .n12n5z h2{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #007bce;
}
.n12n5nr2 .n12n5z h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}






.n12n5nr3{
    margin-top: 2.3vw;
}
.n12n5nr3 .n12n5z{
    width: 59.36%;
    float: left;
    overflow: hidden;
    margin-top: 4vw;
    background-color: #fff;
    padding: 0 1%;
}
.n12n5nr3 .n12n5z ul{overflow: hidden;}
.n12n5nr3 .n12n5z img{    width: 100%;}
.n12n5nr3 .n12n5y{
    width: 32%;
    float: right;
}
.n12n5nr3 .n12n5y h2{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #007bce;
}
.n12n5nr3 .n12n5y h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
}










.n12n6x{
    padding-top: 4vw;
}

.n12n6bt{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}

.n12n6nr{
   
    margin-top: 3vw;
}
.n12n6nr li{
    width: 23.52%;
}
.n12n6nr li .img{}

.n12n6nr li h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 35px;
}


.n12n6nr1{display: flex;   justify-content: space-between;  flex-wrap: wrap;  }
.n12n6nrz{width: 74.5%;float: left;display: flex;justify-content: space-between;flex-wrap: wrap;}
.n12n6nry{width: 23.6%;float: right;}
.n12n6nrz li{
    width: 31.5%;
}
.n12n6nry li{width: 100%;}


.n12n6nr3{display: flex;   justify-content: space-between;  flex-wrap: wrap; }
.n12n6nr3 li{}
.n12n6nr3 li .img{    text-align: center; min-height: 178px;}
.n12n6nr3 li .img img{max-width: 100%;}
.n12n6nr2 li .img img{max-width: 100%;}
.n12n6nr1 li .img img{max-width: 100%;}






@media (max-width: 1100px) {  

    .n12n6nr li h2{
        margin-top: 17px;
        margin-bottom: 28px;
        font-size: 16px;
    }


    
}





@media (max-width: 992px) {  
.n12n4z{width: 100%;}
.n12n4y{width: 100%;}
.n12n5nr .n12n5z{width: 100%;    margin-top: 25px;}
.n12n5nr .n12n5y{width: 100%;     margin-top: 25px;}
.n12n5nr2 .n12n5z{width: 100%;     margin-top: 25px;}
.n12n5nr2 .n12n5y{width: 100%;     margin-top: 25px;}
.n12n5nr3 .n12n5z{width: 100%;     margin-top: 25px;}
.n12n5nr3 .n12n5y{width: 100%;     margin-top: 25px;}
.n12n5bt h2{font-size: 26px;}
.n12n4z h2{font-size: 26px;}
.n12n3bt {font-size: 26px;}
.n12n3nr1 li{margin-bottom: 20px;}

.n12n6nr li{ width: 47.5%;}
.n12n6nrz{width: 100%;}
.n12n6nr1 li .img img{width: 100%;}
.n12n6nr2 li .img img{width: 100%;}
.n12n6nry{width: 100%;}
.n12n6nr2 .n12n6nry li{width: 100%;}
.n12n6bt{font-size: 26px; margin: 15px 0;}
}












.n16n6x{
    margin-top: 3.6vw;
}
.n16n6nr1{}
.n16n6nrz{
    width: 31.84%;
    float: left;
    margin-top: 16px;
}
.n16n6nrz img{
    width: 100%;
}
.n16n6nry{
    width: 57.6%;
    float: right;
}
.n16n6nry .n16n6ywz{}
.n16n6nry .n16n6ywz h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #000000;
}
.n16n6nry .n16n6ywz h3{
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #2c75c1;
    margin-top: 2vw;
}
.n16n6nry .n16n6ywz h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #555555;
    margin-top: 20px;
}
.n16n6nry .n16n6ywz .img{
    margin-top: 15px;
}
.n16n6nry .n16n6ywz .img img{
    max-width: 100%;
}

.n16n6yfl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2vw;
}
.n16n6yfl li{
    width: 32.5%;
}
.n16n6yfl li .img{}
.n16n6yfl li .img img{ width: 100%;}
.n16n6yfl li h2{
    height: 44px;
    background-color: #2c75c1;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}






.n16n6nr2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.5vw;
}
.n16n6nr2 .n16n6li1{
   
    background-color: #2c75c1;
    border: solid 1px #2c75c1;
    width: 24%;
    text-align: center;
    padding: 36px;
}
.n16n6nr2 .n16n6li1 h2{
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 10px;
}
.n16n6nr2 .n16n6li1 h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 25px;
    text-align: left
}

.n16n6nr2 .n16n6li2{
  
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    width: 24%;
    text-align: center;
    padding: 36px;
}
.n16n6nr2 .n16n6li2 h2{
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    margin-top: 10px;
    color: #333333;
}
.n16n6nr2 .n16n6li2 h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    margin-top: 25px;
    color: #555555;
    text-align: left
}







.n16n7x{
    background-color: #f6fafe;
    padding-top: 4.3vw;
    margin-top: 4.5vw;
    padding-bottom: 3.6vw;
}
.n16n7x .n16n7bt{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}
.n16n7x .n16n7nr{text-align: center;margin-top: 3.2vw;}
.n16n7x .n16n7nr img{max-width: 100%;}












@media (max-width: 1100px) { 
    .n16n6nr2 .n16n6li1{
        padding: 20px;
    }
    .n16n6nr2 .n16n6li2{
        padding: 20px;
    }
    .n16n6nr2 .n16n6li1 h2,.n16n6nr2 .n16n6li2 h2{
        font-size: 19px;
    }
    
    .n16n6yfl li h2{font-size: 15px;}
    }
    
    
    
    @media (max-width: 992px) { 
    .n16n6nrz{width: 50%; margin-left: 25%;}
    .n16n6nry{width: 100%;margin-top: 25px;}
    
    .n16n6nry .n16n6ywz h2{
        font-size: 26px;
    }
    .n16n6nry .n16n6ywz h3{
        font-size: 24px;
    }
    
    .n16n6yfl li h2{
        font-size: 12px;
        line-height: 35px;
        height: 35px;
    }
    .n16n6yfl{
        margin-top: 30px;
    }
    
    .n16n6nr2 .n16n6li1{
        width: 48%;
        padding: 4px 4px 20px;
        margin-bottom: 20px;
    }
    .n16n6nr2 .n16n6li2{
        width: 48%;
        padding: 5px;
        padding: 4px 4px 20px;
        margin-bottom: 20px;
    }
    
    .n16n6nr2 .n16n6li1 h3{
        margin-top: 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    
    .n16n6nr2 .n16n6li2 h3{
        margin-top: 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .n16n6nr2 .n16n6li1 h2, .n16n6nr2 .n16n6li2 h2{
        font-size: 17px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .n16n6nr2{
        margin-top: 35px;
    }
    
    .n16n7x .n16n7bt{
        font-size: 26px;
        padding-bottom: 15px;
    }
    
    .n16n7x{
        padding: 28px 2%;
    }
    
    }
    
    
    
    











@media (max-width: 992px) { 
    .n19n1z{width: 100%;}
    .n19n1y{width: 100%;margin-left: 0;margin-top: 32px;}
.n19n1y h2{
    font-size: 26px;
}

.n19n1y h3{
    margin-top: 20px;
    font-size: 16px;
}

.n19n2z{
    width: 100%;
}

.n19n2z h2{
    font-size: 26px;
}
.n19n2z h3 p{
    font-size: 12px;
}
.n19n2y{
    width: 35%;
    margin-right: 33%;
}

.n19n3nr li{
    width: 99.52%;
    height: auto;
    padding: 20px 2% 10px;
    margin-bottom: 15px;
}

.n19n3nr li .img{
    width: 20%;
}

.n19nbt1 h2{
    font-size: 26px;
    padding: 15px;
}


.n19n5y h2{font-size: 26px;}


.n19n5z{
    width: 100%;
}

.n19n5y{
    width: 100%;
}

.n19n5y h3 p{
    font-size: 12px;
}

.n19n6z{width: 68%;}
.n19n6nr{
    width: 100%;
}
.n19n6y h2{
    position: relative;
}
.n19n6y{
    float: right;
    width: 27%;
}
.n19n6y h2 p{
    font-size: 15px;
    line-height: 30px;
    padding-left: 15px;
}

.n19n6y h2 p:before{
    top: 11px;
}

.n19n6wz{
    margin-top: 20px;
    font-size: 20px;
}


.n1n2z .img{margin-top: 50px;}
.n2n2z .img{margin-top: 38px;float: none;margin-bottom: 25px;}
.n3n2z .img{margin-top: 50px;}
.n4n2z .img{margin-top: 50px;}
.n5n2z .img{margin-top: 50px;}
.n6n2z .img{margin-top: 50px;}
.n7n2z .img{margin-top: 31px;float: none;}

 }