@charset "utf-8";#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;
    background: linear-gradient(90deg, #023F9A 0%, #0266B6 30%, rgba(1, 160, 169, 0.8) 62%, rgba(105, 191, 92, 0.8) 100%)
}

#bnt_back {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -14px;
    height: 28px
}

#bnt_back img {
    height: 28px;
    vertical-align: top
}

#bnt_back svg {
    fill: rgb(255, 255, 255);
    height: 30px;
    vertical-align: middle;
    width: 26px
}

#m_n_nav i {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: .2rem;
    color: #666;
    font-family: simsun;
    font-style: normal;
    width: .3rem;
    height: .3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#m_n_nav h1 {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0px;
    line-height: 50px
}

#n_n_title {
    position: relative
}

#bnt_sub_nav {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 50px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: flex;
    align-items: center
}

#bnt_sub_nav svg {
    fill: rgb(255, 255, 255);
    height: 20px;
    vertical-align: middle;
    width: 20px
}

#bnt_sub_nav img {
    display: block;
    height: 20px
}

#bnt_sub_nav.on img {
    transform: rotate(-180deg)
}

#sub_nav_content {
    background: rgb(240, 243, 245);
    display: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 5px;
    z-index: 9
}

#sub_nav_content ul {
    padding: 10px
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0px
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid rgb(202, 158, 78);
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: rgb(83, 84, 85)
}

#sub_nav_content ul li.on a {
    color: rgb(202, 158, 78)
}

#sub_nav_content dl {
    font-size: 0px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap
}

#sub_nav_content dt {
    position: relative;
    background: rgb(255, 255, 255);
    z-index: 999;
    min-width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    text-align: left
}

#sub_nav_content dt a {
    margin: 0px 20px;
    display: block;
    color: #333;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0px;
    opacity: 0;
    display: none
}

#sub_nav_content dt.title {
    background: rgb(250, 250, 251)
}

#sub_nav_content dt.title i {
    opacity: 1
}

#sub_nav_content dt.title_on {
    background: rgb(250, 250, 251)
}

#sub_nav_content dt.title_on a {
    color: rgb(215, 0, 41);
    border-top: 1px solid rgb(255, 255, 255)
}

#sub_nav_content dt.title_on a i {
    color: rgb(215, 0, 41)
}

#sub_nav_content dt.last a {
    border-top: 1px solid rgb(248, 248, 248)
}

#sub_nav_content dt.on a,#sub_nav_content dt.title_on a {
    color: #0151A9
}

#sub_nav_content dd {
    display: none;
    width: 100%
}

#sub_nav_content dd .box {
    padding: 0px
}

#sub_nav_content dd a {
    padding: 0px 25px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
    display: block;
    height: 30px
}

#sub_nav_content dd a.on {
    color: rgb(215, 0, 41)
}

.n_ba {
    position: relative;
    z-index: 1
}

.n_ba .imgBox .img {
    padding-bottom: 28.64%
}

.mianbaoW {
    position: absolute;
    bottom: -.4rem;
    left: 0;
    right: 0;
    align-content: center;
    padding: 0 .3rem;
    background: linear-gradient(90deg, #023F9A 0%, #0266B6 30%, rgba(1, 160, 169, 0.8) 62%, rgba(105, 191, 92, 0.8) 100%)
}

.mianbaoW .wp {
    height: 1.2rem;
    align-items: center
}

.mianbaoW .ll {
    font-size: .32rem;
    color: #fff;
    font-family: 'sys';
    position: relative;
    z-index: 1;
    padding: 0 0 .1rem
}

.mianbaoW .ll:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)
}

.mianbaoW .ll:after {
    content: "";
    position: absolute;
    bottom: -.07rem;
    right: 0;
    background: url(../images/fj1w.svg);
    height: .15rem;
    width: .14rem;
    background-size: 100% 100%;
    transition: 1.2s
}

.mianbao {
    line-height: 1.35;
    color: #fff;
    position: relative;
    top: -.2rem
}

.mianbao img {
    margin: -2px .1rem 0 0;
    height: .2rem
}

.mianbao a,.mianbao em {
    font-size: .18rem;
    color: #fff;
    font-style: normal
}

.mianbao em {
    color: #fff
}

.mianbao span {
    margin: 0 .08rem
}

.n_ejw {
    position: relative;
    z-index: 2;
    margin: 0;
    padding-bottom: .1rem;
    height: 0
}

.n_ejw .wp {
    justify-content: flex-end
}

.n_ej {
    min-height: .8rem;
    position: relative;
    z-index: 1;
    width: calc(100% - 1.45rem);
    align-items: center;
    padding: 0 0 0 .8rem
}

.n_ej::before {
    content: "";
    position: absolute;
    top: 0;
    right: -50vw;
    bottom: 0;
    left: 0;
    background: #E2EDFF;
    z-index: -1;
    transform: skewX(-25deg);
    transform-origin: left bottom
}

.n_ej li {
    margin: 0 .7rem 0 0
}

.n_ej .a {
    display: block;
    position: relative;
    z-index: 1;
    font-size: .2rem;
    color: #333333;
    transition: .5s
}

.n_ej .a::before {
    content: "";
    position: absolute;
    background: url(../images/n_ej.svg) center no-repeat;
    width: .2rem;
    height: .21rem;
    left: 50%;
    bottom: -.32rem;
    opacity: 0;
    transition: .5s;
    margin-left: -.1rem
}

.n_ej li.on .a,.n_ej li:hover .a {
    color: #0151A9;
    font-weight: bold
}

.n_ej li.on .a::before,.n_ej li:hover .a::before {
    opacity: 1
}

.n_pb1 {
    background: linear-gradient(321deg, #E7F1FF 1%, #FEFDFF 34%, #EAF2FF 46%, #FFFFFF 72%, #E9F2FF 100%)
}

.n_pa1 {
    padding: 1.35rem 0 0rem;
    overflow: hidden
}

.tit1 {
    margin: 0 0 .35rem;
    text-align: center;
    position: relative;
    z-index: 1
}

.tit1 h4 {
    font-size: .32rem;
    color: #fff;
    font-family: 'SF-Pro-Text-Bold';
    background: linear-gradient(180deg, #CDE0F8 0%, rgba(205, 224, 248, 0) 87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #CDE0F8\0;
    text-transform: uppercase;
    transition: .5s
}

.tit1 h3 {
    font-size: .32rem;
    color: #2C2C2C;
    font-family: 'sys';
    margin: -.28rem 0 .1rem;
    transition: .5s
}

.list12 li {
    border-bottom: 1px dashed rgba(141, 141, 141, .3);
    padding: .1rem 0
}

.list12 .a {
    padding: .3rem;
    position: relative;
    z-index: 1;
    align-items: center
}

.list12 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list12_b.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.list12 .imgBox {
    width: 3.3rem;
    margin: 0 .3rem 0 0
}

.list12 .txt {
    flex: 1;
    overflow: hidden
}

.list12 h6 {
    font-size: .16rem;
    color: #0151A9;
    font-family: 'sys';
    transition: .5s;
    display: inline-block;
    position: relative;
    z-index: 1;
    width: min-content;
    padding-bottom: .04rem
}

.list12 h6:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0151A9;
    transition: .5s
}

.list12 h4 {
    margin: .25rem 0 .15rem;
    font-size: .2rem
}

.list12 p {
    margin: 0 0 .2rem
}

.list12 li:last-child {
    border: none
}

@media(min-width: 1024px) {
    .list12 .a:hover::before {
        opacity: 1
    }

    .list12 .a:hover * {
        color: #fff
    }

    .list12 .a:hover p {
        opacity: .7
    }

    .list12 .a:hover h6::before {
        background: #fff
    }
}

@media(max-width: 1024px) {
    .mianbaoW,.n_ejw {
        display: none
    }

    #m_n_nav {
        display: block
    }
}

@media(max-width: 800px) {
    .n_ba .imgBox .img {
        padding-bottom: 40%
    }

    .list12 .a {
        padding: 0
    }

    .n_pa1 {
        padding: .3rem 0 .5rem
    }

    .tit1 {
        margin: 0 0 .25rem
    }

    .tit1 h4 {
        font-size: .26rem
    }

    .tit1 h3 {
        font-size: .26rem;
        margin: -.2rem 0 .05rem
    }
}

@media(max-width: 640px) {
    .list12 .imgBox {
        width: 100%;
        margin: 0 0 .2rem
    }

    .list12 .txt {
        flex: auto;
        width: 100%
    }

    .list12 li {
        margin-bottom: .3rem;
        padding: 0
    }
}

.pages {
    margin: .6rem 0 0
}

.pages ul {
    justify-content: center;
    align-items: center;
    font-size: .15rem;
    color: #333
}

.pages ul li {
    text-align: center;
    margin: .03rem .06rem;
    font-size: .14rem;
    color: #333;
    align-items: center
}

.pages ul li a {
    height: .34rem;
    text-align: center;
    padding: 0 .1rem;
    min-width: .34rem;
    display: flex;
    border: 1px solid #C5C5C5;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.pages ul li a svg {
    width: 14px;
    height: 14px;
    fill: #959595;
    transition: .5s
}

.pages ul li.cur {
    border: #0151A9 1px solid;
    padding: 0 8px;
    min-width: .34rem;
    height: .34rem;
    line-height: .32rem;
    border-radius: 2px
}

.pages ul li a.on {
    background: #9E3622;
    padding: 0 8px;
    min-width: .35rem;
    height: .35rem;
    line-height: .33rem;
    color: #fff;
    border-radius: 3px
}

.pages ul li.cur {
    color: #fff;
    background: #0151A9
}

.pages ul li.page-count {
    line-height: .33rem
}

.page-form {
    line-height: .33rem
}

.page-form input {
    border: 1px solid #ccc;
    width: .3rem;
    height: .3rem;
    text-align: center;
    padding: 0 .04rem;
    background: transparent;
    border-radius: .04rem;
    margin: 0 .08rem
}

.page-form button {
    border: none;
    width: .5rem;
    height: .3rem;
    line-height: .28rem;
    text-align: center;
    background: #9E3622;
    color: #fff;
    border-radius: .04rem;
    margin: 0 .06rem;
    cursor: pointer
}

.pages ul li.next svg {
    transform: rotateY(180deg)
}

.pages ul li a:hover {
    background: #0151A9;
    border: #0151A9 1px solid;
    color: #fff
}

.pages ul li a:hover {
    color: #fff
}

.pages ul li a:hover svg {
    fill: #0151A9
}

@media(max-width: 560px) {
    .pages {
        margin-top: .3rem
    }

    .pages ul li {
        margin: .03rem 1px
    }

    .pages ul li a,.pages ul li.cur {
        height: .28rem;
        min-width: .28rem;
        line-height: .26rem
    }
}

.list13 li {
    border-bottom: 1px dashed rgba(141, 141, 141, .3)
}

.list13 .a {
    padding: .3rem;
    position: relative;
    z-index: 1;
    align-items: center
}

.list13 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list12_b.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.list13 .time {
    width: 1.06rem;
    transition: .5s;
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 0.2rem 0 0
}

.list13 .time h3 {
    font-size: .36rem;
    color: #0153AA;
    font-family: 'sys';
    line-height: 1;
    transition: .5s
}

.list13 .time h6 {
    transition: .5s;
    font-size: .16rem;
    font-family: 'sys';
    background: linear-gradient(90deg, #01ADA7 0%, #013C99 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: .04rem 0 0;
    color: #0153AA\0
}

.list13 .txt {
    flex: 1;
    overflow: hidden
}

.list13 h4 {
    font-size: .2rem
}

.list13 p {
    font-size: .16rem;
    margin: .08rem 0 0
}

.list13 li:last-child {
    border: none
}

@media(min-width: 1024px) {
    .list13 .a:hover::before {
        opacity: 1
    }

    .list13 .a:hover * {
        color: #fff
    }

    .list13 .a:hover p {
        opacity: .7
    }

    .list13 .a:hover .time h6 {
        background: linear-gradient(90deg, #fff 0%, #fff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        color: #fff\0
    }
}

@media(max-width: 1024px) {
    .list13 .a {
        padding: .2rem 0
    }
}

@media(max-width: 800px) {
    .list13 .time {
        width: .9rem;
        margin: 0 .1rem 0 0
    }
}

@media(max-width: 560px) {
    .list13 .time h3 {
        font-size: .28rem
    }

    .list13 .time h6 {
        font-size: .14rem
    }

    .list13 p {
        margin: .05rem 0 0
    }
}

.n_detail .left {
    width: calc(100% - 2.9rem);
    padding: 0 .46rem 0 0
}

.n_detail .right {
    width: 2.9rem
}

.ar_tit {
    border: 1px solid #D8E5F9;
    padding: .25rem .34rem .25rem .5rem;
    position: relative;
    z-index: 1;
    margin: 0 0 .4rem
}

.ar_tit::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: .04rem;
    background: linear-gradient(180deg, #0D429A 0%, #0156AD 40%, #0D9BAB 71%, #7EC34E 100%)
}

.ar_tit h3 {
    font-size: .22rem;
    color: #333;
    line-height: 1.35;
    margin-bottom: .12rem
}

.ar_tit .con .ll p {
    font-size: .14rem;
    color: #999;
    line-height: .24rem
}

@font-face {
    font-family: "socialshare";
    src: url("../fonts/iconfont.eot");
    src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype")
}

.social-share {
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #666666
}

.social-share * {
    font-family: "socialshare" !important
}

.social-share .icon-tencent:before {
    content: "\f07a"
}

.social-share .icon-qq:before {
    content: "\f11a"
}

.social-share .icon-weibo:before {
    content: "\f12a"
}

.social-share .icon-wechat:before {
    content: "\f09a"
}

.social-share .icon-douban:before {
    content: "\f10a"
}

.social-share .icon-heart:before {
    content: "\f20a"
}

.social-share .icon-like:before {
    content: "\f00a"
}

.social-share .icon-qzone:before {
    content: "\f08a"
}

.social-share .icon-linkedin:before {
    content: "\f01a"
}

.social-share .icon-diandian:before {
    content: "\f05a"
}

.social-share .icon-facebook:before {
    content: "\f03a"
}

.social-share .icon-google:before {
    content: "\f04a"
}

.social-share .icon-twitter:before {
    content: "\f06a"
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 0 0 0 .1rem;
    display: inline-block;
    outline: none
}

.social-share .social-share-icon {
    position: relative;
    display: flex;
    width: .32rem;
    height: .32rem;
    border-radius: 50vw;
    background: inherit;
    color: #666;
    text-align: center;
    vertical-align: middle;
    transition: .5s;
    align-items: center;
    justify-content: center;
    font-size: .17rem
}

.social-share .social-share-icon:hover {
    color: #fff
}

.social-share .icon-weibo {
    color: #EC763B;
    border: #EC763B 1px solid
}

.social-share .icon-weibo:hover {
    background: #ff763b
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-tencent:hover {
    background: #56b6e7
}

.social-share .icon-qq {
    color: #56b6e7;
    border: #56b6e7 1px solid
}

.social-share .icon-qq:hover {
    background: #56b6e7
}

.social-share .icon-qzone {
    color: #FDBE3D;
    border: #FDBE3D 1px solid
}

.social-share .icon-qzone:hover {
    background: #FDBE3D
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045
}

.social-share .icon-douban:hover {
    background: #33b045
}

.social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5
}

.social-share .icon-linkedin:hover {
    background: #0077B5
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D
}

.social-share .icon-facebook:hover {
    background: #44619D
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437
}

.social-share .icon-google:hover {
    background: #db4437
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee
}

.social-share .icon-twitter:hover {
    background: #55acee
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA
}

.social-share .icon-diandian:hover {
    background: #307DCA
}

.social-share .icon-wechat {
    position: relative;
    color: #7bc549;
    border: #7bc549 1px solid
}

.social-share .icon-wechat:hover {
    background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    bottom: -188px;
    left: -62px;
    width: 160px;
    height: 156px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -15px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

.help {
    display: none
}

.social-share .social-share-icon:before {
    transform: translateY(0rem)
}

.n_detail .right .sticky {
    position: sticky;
    top: 1.2rem
}

.ar_tj {
    background: #FFFFFF;
    border: 1px solid;
    border-image: linear-gradient(278deg, #64C060 0%, #01ADA7 34%, #017DAE 67%, #0046A0 100%) 1;
    padding: .25rem .36rem;
    margin-top: 20px;
}

.ar_tj .a {
    display: block;
    font-size: .16rem;
    color: #333333;
    line-height: 1.5;
    margin: .1rem 0
}

.n_detail .right h3 {
    background: linear-gradient(90deg, #0D429A 0%, #0354AB 38%, #0B93AB 72%, #7CC350 114%);
    line-height: .5rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    margin: 0 0 .15rem
}

.list14 li {
    border-bottom: 1px solid #EAEAEA;
    padding: .15rem 0
}

.list14 h6,.list14 h4 {
    font-size: .18rem
}

.list14 h4 {
    margin: .04rem 0 0
}

@media(min-width: 1024px) {
    .ar_tj .a:hover {
        font-weight: 600;
        color: #0046A0
    }
}

@media(max-width: 1024px) {
    .n_detail .left {
        width: 100%;
        padding: 0;
        margin-bottom: .4rem
    }

    .n_detail .right {
        width: 100%
    }

    #app,.n_pa1 {
        overflow: hidden
    }
}

@media(max-width: 800px) {
    .ar_tit {
        padding: .3rem .2rem;
        text-align: center;
        margin-bottom: .3rem
    }

    .ar_tit .ll {
        width: 100%;
        text-align: center
    }

    #share-2 {
        margin: .2rem auto 0
    }

    .social-share a {
        margin: 0 .05rem
    }

    .arc-con p {
        margin-bottom: .2rem;
        font-size: .16rem !important
    }

    .list14 li {
        padding: .1rem 0
    }
}

.n_sj {
    justify-content: center;
    align-items: center;
    margin: -.2rem -.1rem .5rem
}

.n_sj li {
    padding: .1rem .1rem
}

.n_sj .a {
    display: block;
    line-height: .5rem;
    background: #E2EDFF;
    font-size: .2rem;
    color: #333;
    min-width: 1.7rem;
    text-align: center;
    padding: 0 .4rem;
    position: relative;
    z-index: 1;
    transition: .5s
}

.n_sj .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #0C429A 0%, #056AAD 34%, #119CA7 78%, #7DC34F 120%);
    transition: .5s;
    opacity: 0;
    z-index: -1
}

.n_sj li.on .a:before,.n_sj li .a:hover:before {
    opacity: 1
}

.n_sj li.on .a,.n_sj li .a:hover {
    color: #fff
}

.list15 {
    margin: 0 -.28rem
}

.list15 li {
    width: 50%;
    padding: 0 .28rem;
    margin-bottom: .34rem
}

.list15 .a {
    padding: .38rem .54rem .48rem .54rem;
    align-items: center;
    position: relative;
    background: url(../images/list15_b.png) center no-repeat;
    background-size: 100% 100%;
    transition: .5s;
    overflow: hidden
}

.list15 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list15_b_on.png) center no-repeat;
    background-size: 100% 100%;
    transition: .5s;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.list15 .a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/fj2.svg) center 95% no-repeat;
    opacity: 0;
    transition: .5s;
    z-index: -1;
    pointer-events: none;
    transform: translateX(37%)
}

.list15 .imgW {
    position: relative;
    z-index: 1
}

.list15 .img {
    width: 1.78rem;
    padding-bottom: 138.2%
}

.list15 .imgW::before {
    content: "";
    position: absolute;
    background: url(../images/list15_s.svg) center no-repeat;
    width: 1.92rem;
    height: 1.85rem;
    background-size: cover;
    bottom: -.12rem;
    left: -.14rem
}

.list15 .txt {
    flex: 1;
    overflow: hidden;
    margin: 0 0 0 .4rem
}

.list15 h3 {
    font-size: .26rem;
    color: #00529C;
    font-family: 'sys'
}

.list15 h3 small {
    font-size: .16rem;
    margin: 0 0 0 .36rem;
    position: relative;
    font-family: 'Microsoft YaHei'
}

.list15 h3 small:before {
    content: "";
    position: absolute;
    width: 1px;
    height: .14rem;
    background: #D8D8D8;
    transform: rotate(25deg);
    left: -.15rem;
    bottom: .04rem
}

.list15 h5 {
    font-size: .16rem;
    color: #444444;
    line-height: 1.5;
    padding: .12rem 0 .15rem;
    margin-bottom: .15rem;
    border-bottom: 1px dashed #ADC3E7
}

.n_ba .wp,.n_ejw .wp,.n_pb1 .wp {
    width: 14rem
}

.more2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: .3rem 0 0
}

@media(min-width: 1024px) {
    .list15 .a:hover {
        filter: drop-shadow(10px .15rem .3rem rgba(1, 81, 169, 0.3))
    }

    .list15 .a:hover::before {
        opacity: 1
    }

    .list15 .a:hover::after {
        opacity: 1
    }
}

@media(max-width: 1024px) {
    .list15 li {
        width: 100%
    }
}

@media(max-width: 800px) {
    .more2 img {
        height: .08rem
    }

    .list15 li {
        margin-bottom: .25rem
    }

    .list15 .a {
        padding: .2rem .2rem .3rem .3rem
    }

    .list15 .img {
        width: 1.4rem
    }

    .list15 .imgW::before {
        transform: scale(.7);
        transform-origin: left bottom;
        left: -.1rem;
        bottom: -.1rem
    }

    .list15 h3 {
        font-size: .22rem
    }

    .list15 h5 {
        padding: .1rem 0
    }

    .more2 {
        margin: .15rem 0 0
    }

    .list15 .txt {
        margin-left: .25rem
    }
}

@media(max-width: 560px) {
    .n_sj .a {
        min-width: auto;
        padding: 0 .1rem;
        font-size: .16rem;
        line-height: .4rem
    }

    .n_sj {
        margin: 0 -2px .3rem
    }

    .n_sj li {
        padding: 2px 2px
    }
}

.n_sz_d .fl2 .wp {
    align-items: flex-start
}

.n_sz_d .fl2 .right {
    width: 2.65rem;
    background: url(../images/list9_b.png) center no-repeat;
    background-size: 100% 100%
}

.n_sz_d .fl2 .right .a {
    display: block;
    margin: .25rem
}

.n_sz_d .fl2 .right .a .imgBox {
    border-radius: 50vw
}

.n_sz_d .fl2 .right .a .imgBox .img {
    padding-bottom: 149%
}

.n_sz_d .fl2 .left {
    flex: 1;
    overflow: hidden;
    order: 1;
    margin: 0 0 0 .5rem;
    padding: .65rem 0 0
}

.n_sz_d .fl2 .left h3 {
    font-size: .3rem;
    color: #0151A9;
    font-family: 'sys';
    margin-bottom: .25rem
}

.n_sz_d .fl2 .left p {
    position: relative;
    font-size: .18rem;
    color: #666666;
    line-height: 1.875;
    margin: .1rem 0;
    padding: 0 0 0 .3rem
}

.n_sz_d .fl2 .left p:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .06rem;
    height: .06rem;
    background: #0151A9;
    border-radius: 50vw;
    left: 0;
    margin: -.03rem 0 0
}

.n_sz_d .fl3 {
    padding: .5rem 0 0
}

.n_sz_d .fl3 .box {
    position: relative;
    z-index: 1;
    margin-bottom: .4rem
}

.n_sz_d .fl3 .box:before {
    content: "";
    position: absolute;
    top: .2rem;
    width: 1px;
    bottom: .1rem;
    background: rgba(83, 83, 83, 0.16)
}

.n_sz_d .fl3 .box h3 {
    font-size: .3rem;
    color: #0151A9;
    font-family: 'sys';
    position: relative;
    z-index: 1;
    padding: 0 0 0 .8rem;
    margin: 0 0 .2rem
}

.n_sz_d .fl3 .box h3::before {
    content: "";
    position: absolute;
    background: url(../images/dot1.png) center no-repeat;
    width: .29rem;
    height: .29rem;
    left: -.14rem;
    top: .1rem;
    background-size: cover
}

.n_sz_d .fl3 .arc-con {
    padding: 0 0 0 .8rem;
    display: block
}

@media(max-width: 800px) {
    .n_sz_d .fl2 .left {
        width: 100%;
        flex: auto;
        margin: 0;
        padding: .3rem 0 0
    }

    .n_sz_d .fl2 .right {
        margin: 0 auto;
        width: 2.2rem
    }

    .n_sz_d .fl3 .box h3::before {
        transform: scale(.7)
    }

    .n_sz_d .fl3 .box h3 {
        padding: 0 0 0 .3rem;
        font-size: .24rem
    }

    .n_sz_d .fl3 .box h3:before {
        top: .04rem
    }

    .n_sz_d .fl3 .arc-con {
        padding: 0 0 0 .3rem
    }

    .n_sz_d .fl2 .left h3 {
        font-size: .24rem;
        margin-bottom: .2rem
    }

    .n_sz_d .fl2 .left p {
        font-size: .16rem;
        line-height: 1.5
    }

    .n_sz_d .fl3 {
        padding: .3rem 0 0
    }
}

.n_about .arc-con p {
    font-size: .18rem
}

.n_about .fl1 .arc-con img {
    margin: 0 0 .3rem .5rem;
}

.n_about .fl2 {
    background: linear-gradient(91deg, #E2EDFF 0%, rgba(226, 237, 255, 0) 99%);
    padding: .56rem
}

.n_about .fl2 .left {
    flex: 1;
    padding: 0 .8rem 0 0;
    overflow: hidden
}

.n_about .fl2 .right {
    width: 5rem
}

.n_h31 {
    font-size: .24rem;
    color: #0151A9;
    font-weight: bold;
    margin-bottom: .25rem;
    font-family: 'Microsoft YaHei'
}

.n_h31 img {
    height: .22rem;
    margin: 0 .15rem 0 0
}

.list16 {
    margin: 0 -.2rem .1rem
}

.list16 li {
    width: 33.33%;
    padding: 0 .2rem;
    margin-bottom: .1rem
}

.list16 li:nth-child(1) {
    margin: 0 0 0 16.67%
}

.list16 .a {
    padding-bottom: 100%;
    position: relative;
    text-align: center
}

.list16 .box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.list16 .box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: .02rem dotted #0151A9;
    border-radius: 50vw;
    z-index: -1;
    animation: roted 30s linear infinite
}

.list16 h3 {
    font-size: .24rem;
    color: #023F9A;
    font-weight: bold;
    font-family: 'SF-Pro-Text-Bold';
    letter-spacing: -.02rem;
    height: .4rem
}

.list16 h3 big {
    font-size: .4rem
}

.list16 h6 {
    font-size: .14rem;
    color: #555555;
    line-height: 1.5;
    width: 1rem;
    margin: .08rem auto 0;
    max-width: 80%
}

.n_pad2 {
    margin-top: .5rem
}

.n_pad3 {
    padding-top: .5rem
}

.n_about .fl3 {
    padding-bottom: .4rem;
    background: url(../images/fj3.svg) 80% center no-repeat;
    background-size: auto 100%
}

.n_pad4 {
    height: .5rem
}

@media(max-width: 1024px) {
    .n_about .fl2 .left {
        flex: auto;
        padding: 0
    }

    .n_about .fl2 .right {
        margin: .3rem 0 0
    }
}

@media(max-width: 800px) {
    .n_about .arc-con p {
        font-size: .16rem
    }

    .n_about .fl1 .arc-con img {
        width: 100%
    }

    .n_about .fl2 {
        padding: .25rem
    }

    .list16 {
        margin: 0 -.1rem .1rem
    }

    .list16 li {
        padding: 0 .1rem
    }

    .n_about .fl3 {
        background: url(../images/fj3.svg) center no-repeat;
        background-size: 100% auto
    }
}

@media(max-width: 560px) {
    .list16 {
        margin: 0 -5px .1rem
    }

    .list16 li {
        padding: 0 5px
    }

    .list16 h3 {
        font-size: .18rem;
        height: .24rem
    }

    .list16 h3 big {
        font-size: .24rem
    }

    .n_h31 {
        font-size: .2rem
    }

    .n_h31 img {
        height: .18rem
    }
}

.jcjg .box {
    margin-bottom: .4rem
}

.jcjg .box h3 {
    font-size: .3rem;
    color: #0151A9;
    font-family: 'sys';
    margin-bottom: .15rem
}

.jcjg .con {
    border: 1px solid #D9E0EB;
    padding: .38rem .75rem
}

.list17 {
    margin: 0 -2vw 0;
    overflow: hidden
}

.list17 li {
    width: 50%;
    padding: 1px 2vw 0;
    margin-bottom: -1px
}

.list17 .a {
    display: flex;
    padding: .15rem 0;
    border-bottom: 1px solid #D9E0EB;
    line-height: .32rem;
    font-size: .17rem;
    color: #666666;
    align-items: center
}

.list17 .l1 {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 0 .1rem 0 .16rem;
    white-space: wrap;
    text-overflow: initial;
    line-height: 1.35;
    font-size: .16rem
}

.list17 .l1:before {
    content: "";
    position: absolute;
    width: .04rem;
    height: .04rem;
    background: #0151A9;
    border-radius: 50vw;
    left: 0;
    top: 50%;
    margin-top: -.02rem
}

.list17 .l2 {
    width: 1.5rem;
    border-left: 1px solid #D9E0EB;
    border-right: 1px solid #D9E0EB;
    text-align: center;
    padding: 0 .1rem;
    line-height: 1.35
}

.list17 .l3 {
    width: 1.34rem;
    text-align: center;
    padding: 0 .1rem;
    line-height: 1.35
}

.list17 .l3 .a1 {
    color: #0151A9;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    cursor: text;
}

@media(max-width: 1024px) {
    .list17 li {
        width: 100%
    }
}

@media(max-width: 800px) {
    .jcjg .con {
        padding: .3rem .3rem
    }

    .list17 .a {
        flex-wrap: wrap
    }

    .list17 .l1 {
        width: 100%;
        flex: auto;
        margin-bottom: .15rem
    }

    .list17 .l2 {
        width: 50%
    }

    .list17 .l3 {
        width: 50%
    }

    .jcjg .box h3 {
        font-size: .22rem
    }

    .jcjg .box {
        margin-bottom: .3rem
    }

    .list15 h3 small {
        display: block;
        margin: .03rem 0 0
    }
}

.xrld .tit1 {
    margin-bottom: .5rem
}

.list18 {
    margin: 0 -1.8vw -.75rem;
    min-height: 200px;
}

.list18 li {
    width: 25%;
    padding: 0 1.8vw;
    margin-bottom: .75rem
}

.list18 .img {
    padding-bottom: 138.2%
}

.list18 .a {
    padding: .43rem .4rem .32rem .4rem;
    align-items: center;
    position: relative;
    background: url(../images/list18_b.png) center no-repeat;
    background-size: 100% 100%;
    transition: .5s;
    overflow: hidden;
    display: block;
    z-index: 1
}

.list18 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list18_b_on.png) center no-repeat;
    background-size: 100% 100%;
    transition: .5s;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.list18 h3 {
    font-size: .15rem;
    color: #444;
    padding: .2rem 0 .1rem;
    transition: .5s
}

.list18 h3 big {
    font-size: .2rem;
    font-family: 'sys';
    color: #00529C;
    margin: 0 .2rem 0 0;
    transition: .5s
}

.list18 .p {
    border-bottom: 1px dashed #ADC3E7;
    padding-bottom: .15rem
}

.list18 .p p {
    font-size: .14rem;
    color: #A8A8A8;
    line-height: 2;
    align-items: center;
    transition: .5s
}

.list18 .p p svg {
    width: .16rem;
    height: .16rem;
    fill: #0151A9;
    margin: -2px .08rem 0 0;
    transition: .5s;
    vertical-align: middle
}

.list18 .more2 {
    margin: .25rem 0 0;
    justify-content: flex-start;
    fill: #0151A9;
    width: .3rem;
    height: .08rem;
    transition: .5s
}

@media(min-width: 1024px) {
    .list18 .a:hover::before {
        opacity: 1
    }

    .list18 .a:hover * {
        fill: #fff;
        color: #fff
    }

    .list19 .a:hover {
        color: #0153AA
    }
}

@media(max-width: 1024px) {
    .list18 {
        margin: 0 -1.8vw -.4rem
    }

    .list18 li {
        width: 50%;
        margin-bottom: .4rem
    }
}

@media(max-width: 800px) {
    .list18 {
        margin: 0 -1.8vw -.25rem
    }

    .list18 li {
        width: 50%;
        margin-bottom: .25rem
    }

    .list18 .a {
        padding: .2rem
    }

    .list18 .more2 {
        margin: .16rem 0 0;
        width: .2rem
    }

    .list18 .p {
        padding-bottom: .1rem
    }

    .list18 h3 {
        padding: .1rem 0 .04rem
    }
}

.arc-con h3 {
    font-size: .18rem;
    color: #0151A9;
    font-family: 'Microsoft YaHei';
    margin-bottom: .06rem
}

.dfjb .arc-con p {
    font-size: .18rem
}

.dfjb .box {
    margin: .3rem 0 0;
    overflow: hidden
}

.h3-3 {
    padding: .2rem .25rem;
    background: linear-gradient(90deg, #E2EDFF 0%, rgba(226, 237, 255, 0) 99%);
    font-family: 'Microsoft YaHei';
    font-size: .24rem;
    color: #0151A9;
    margin-bottom: .12rem
}

.list19 {
    margin: 0 -3.5vw -2px
}

.list19 li {
    width: 50%;
    padding: 0 3.5vw
}

.list19 .a {
    position: relative;
    z-index: 1;
    padding: .15rem 0 .15rem .25rem;
    font-size: .2rem;
    color: #666666;
    line-height: 2;
    border-bottom: 2px dotted #D9E0EB;
    display: block;
    transition: .5s
}

.list19 .a::before {
    content: "";
    position: absolute;
    background: #0151A9;
    width: .04rem;
    height: .04rem;
    border-radius: 50vw;
    left: 0;
    top: 50%;
    margin-top: -.02rem
}

@media(max-width: 800px) {
    .h3-3 {
        font-size: .2rem
    }

    .list19 li {
        width: 100%
    }

    .list19 .a {
        font-size: .18rem;
        padding: .1rem 0 .1rem .2rem
    }
}