.ban {
    width: 100%;
    position: relative
}

.ban .imged {
    padding-bottom: 24%
}

.ban::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2.3rem;
    background-size: 100% 100%;
    bottom: 0
}

.ban .yjlm {
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: .8rem;
    z-index: 10
}

.ban .yjlm::after {
    width: 100%;
    background: url(../images/navbg1.png) no-repeat bottom;
    background-size: 100% 100%
}

.ban .yjlm .wp {
    height: 100%;
    align-items: flex-end
}

.pb_sys_style1 .p_no_d {
    border: 1px solid #007b8a !important;
    color: #fff;
    background-color: #007b8a !important
}

.pb_sys_common {
    line-height: 30px !important;
    font-size:0.2rem !important;
}
.pb_sys_common .p_goto input, .pb_sys_common .p_search input{font-size:0.2rem !important;}

.ban .yjlm .h3 {
    height: 100%;
    width: 2rem
}

.ban .yjlm .h3:after {
    height: .8rem;
    width: 280%;
    background: url(../images/navbg.png) no-repeat;
    left: auto;
    right: 0;
    background-size: 100% 100%
}

.ban .yjlm h3 {
    color: #fff;
    font-size: 0.34rem;
    transition: 0.5s;
    line-height: .8rem
}

.local {
    margin-top: .15rem
}

.adress a,
.adress {
    font-size: 0.2rem;
    color: #fff
}

.adress {
    line-height: 0.3rem;
    padding: 0rem 0 0rem .3rem
}

.adress a {
    transition: .5s
}

.adress a:hover {
    color: #fff
}

.adress:after {
    width: .18rem;
    height: .24rem;
    background: url(../images/home.png) no-repeat;
    background-size: 100%;
    bottom: auto;
    top: .05rem
}

.nr-top {
    margin-top: -1.26rem
}

.nr-top .nr-tit {
    display: flex;
    height: 1.26rem;
    justify-content: center;
    flex-direction: column;
    width: 5.8rem;
    position: relative;
    background: rgba(0, 123, 138, .8);
    padding: 0 .4rem;
}

.nr-top .nr-tit .bt {
    font-size: .36rem;
    font-weight: bold;
    color: #fff
}

.inner {
    position: relative
}

.ejlm_pc {
    height: .65rem;
    width: calc(100% - 2rem)
}

.ejlm_pc::after {
    width: 100vw;
    box-shadow: 5px 5px 10px -4px rgba(36, 5, 7, 0.16)
}

.ejlm_pc ul {
    width: 100%;
    align-items: center;
    padding: 0 .3rem;
    height: 100%;
    position: relative
}

.ejlm_pc ul li {
    height: 100%;
    padding: 0 .25rem
}

.ejlm_pc ul li a {
    color: #333333;
    transition: 0.5s;
    font-size: .26rem;
    height: 100%;
    line-height: .65rem;
    display: block;
    height: 100%
}

.ejlm_pc ul li a::after {
    width: 100%;
    height: 2px;
    background: #1a54a9;
    left: 0;
    opacity: 0
}

.ejlm_wrap h2 {
    width: 100%;
    color: #fff;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem !important;
    padding: 0 0.2rem;
    background: #1a54a9
}

.ejlm_wrap h2::after {
    width: 25px;
    height: 25px;
    background: url(../images/m_n_nav_right.svg) no-repeat;
    background-size: 100%;
    left: auto;
    right: 0.2rem;
    top: 50%;
    margin-top: -12.5px;
    bottom: auto
}

.ejlm_wrap ul {
    box-shadow: 0px 0.16rem 0.29rem 0px rgba(69, 10, 66, 0.11);
    background: #fff;
    padding: .1rem 0;
    display: none
}

.ejlm_wrap li {
    font-size: 0.22rem;
    line-height: 0.3rem
}

.ejlm_wrap li a {
    color: #333;
    transition: 0.5s;
    display: block;
    padding: 0 0.3rem;
    line-height: 2
}

.ejlm_pc li.active a,
.ejlm_pc li:hover a {
    color: #1a54a9
}

.ejlm_pc li.active a:after {
    opacity: 1
}

.ejlm_wrap li.active a,
.ejlm_wrap li:hover a {
    color: #1a54a9
}

.ejlm_wrap {
    display: none
}

.san-nav {
    width: 100%;
    margin-bottom: .6rem
}

.san-nav ul {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    background: #ebebeb
}

.san-nav li {
    height: 0.6rem;
    display: flex;
    align-items: flex-end;
    padding: 0 .3rem
}

.san-nav a {
    display: inline-block;
    font-size: 0.22rem;
    color: #a9a9a9;
    display: flex;
    align-items: center;
    height: 0.6rem
}

.san-nav a::after {
    height: 0.02rem;
    left: 0;
    background: rgba(0, 0, 0, 0);
    width: 100%
}

.san-nav a.on::after {
    background: #1a54a9
}

.san-nav a:hover,
.san-nav a.on {
    color: #1a54a9
}

.inner {
    background: #f3f3f3
}

.common {
    padding-top: 0.8rem;
    padding-bottom: 0.5rem
}

.common .cont p {
    font-size: 0.24rem !important;
    color: #333;
    line-height: 0.4rem !important;
    text-align: justify
}

.art-l {
    width: 290px;
    margin-right: .4rem
}

.art-l .box {
    margin-bottom: .4rem
}

.art-l .box h2 {
    background: #007b8a;
    line-height: .64rem;
    padding: 0 .15rem;
    font-size: .32rem;
    color: #fff
}

.art-l .box h2 img {
    display: inline-block;
    vertical-align: middle;
    padding-right: .2rem
}

.art-l .box ul {
    background: #fff;
    padding: 0 .1rem
}

.art-l .box ul li a {
    position: relative;
    display: block;
    padding: .2rem 0;
    padding-left: .2rem;
    line-height: .29rem;
    font-size: .22rem;
    color: #333333;
    border-bottom: 1px solid #dbdbdb;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.art-l .box ul li:last-child a {
    border-bottom: none
}

.art-l .box ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    background: #dbdbdb;
    top: 0.3rem
}

.art-l .box ul li:hover a {
    color: #016c79
}

.art-r {
    flex: 1;
    min-width: 0;
    background: #fff;
    padding: .45rem .3rem
}

.new-cont {
    width: 100%;
    overflow: hidden
}

.new-cont h3 {
    color: #333;
    font-size: 0.32rem;
    line-height: 0.38rem;
    text-align: center;
    margin-bottom: .2rem;
    font-weight: bold
}

.cont-tit {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: .2rem
}

.cont-tit span {
    display: block;
    margin: 0 0.15rem;
    font-size: 0.20rem;
    color: #808080;
    align-items: center;
    line-height: 0.3rem
}
.cont-tit span span{font-size: 0.18rem !important;}

.article {
    padding-bottom: 0.5rem
}

.article p, .article *{
    font-size: 0.22rem !important;
    color: #4c4c4c;
    line-height: .32rem !important;
    margin-top: 0.3rem !important;
    text-indent: 2em
}

.article p.art-img {
    text-indent: 0
}

.article img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto !important
}

.pages {
    padding-top: 0.2rem;
    border-top: 1px solid #dbdbdb
}

.pages p {
    font-size: 0.22rem;
    color: #4d4d4d;
    line-height: 0.32rem;
    transition: 0.5s
}

.pages p a {
    color: #4d4d4d;
    transition: 0.5s;
    padding-left: 0.1rem;
    transition: 0.5s
}

@media(min-width: 1024px) {
    .cont-r li a:hover h3 {
        color: #054988
    }
}

@media screen and (max-width: 1520px) {
    .ban .yjlm::after {
        background-size: 120% 100%
    }
}

@media screen and (max-width: 1024px) {
    .new-cont {
        width: 100%
    }

    .cont-r {
        display: none
    }

    .cont-titl {
        width: 100%
    }

    .cont-tit span {
        margin-right: 0.2rem
    }
}

@media screen and (max-width: 768px) {
    .art-l {
        display: block;
        width: 100%;
        margin-right: 0
    }
}

.dzbg {
    background: #fff
}

.dzjg .fl01 h3 {
    height: 0.65rem;
    width: 100%;
    background: #f8f8f8;
    line-height: 0.65rem;
    border-left: 0.03rem solid #1a54a9;
    font-size: 0.26rem;
    color: #1a54a9;
    font-weight: bold;
    padding-left: .4rem
}

.dzjg .fl01 ul {
    margin: 0 -0.3rem
}

.dzjg .fl01 li {
    width: 33.333%;
    padding: 0 0.3rem;
    height: 0.95rem;
    display: flex;
    align-items: flex-end
}

.dzjg .fl01 li a {
    padding-bottom: .15rem;
    border-bottom: 1px solid #cbcbcb;
    display: block;
    transition: 0.5s;
    width: 100%;
    font-size: .22rem;
    color: #333;
    line-height: 1.5
}

.dzjg .fl01 li a::after {
    height: 0.02rem;
    background: #1a54a9
}

@media(min-width: 1024px) {
    .dzjg .fl01 li a:hover {
        color: #1a54a9
    }

    .dzjg .fl01 li a:hover::after {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .dzjg .fl01 ul {
        margin: 0 -0.1rem
    }

    .dzjg .fl01 li {
        width: 33.3%;
        padding: 0 0.1rem
    }
}

@media screen and (max-width: 768px) {
    .dzjg .fl01 {
        margin-bottom: .3rem
    }

    .dzjg .fl01 li {
        width: 50%
    }
}

.tzgg {
    border-top: 4px solid #007b8a
}

.tzgg ul {
    margin: 0 -.16rem
}

.tzgg li {
    position: relative;
    width: 33.333%;
    padding: 0 .16rem
}

.tzgg li a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #dedede;
    z-index: 9
}

.tzgg li h3 {
    padding-bottom: .25rem;
    border-bottom: 1px solid #eee;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.32rem;
    transition: 0.5s
}

.tzgg li p {
    font-size: 0.24rem;
    color: #333333;
    font-weight: bold;
    line-height: 0.3rem;
    max-height: 0.6rem;
    transition: 0.5s;
    height: 0.6rem;
}

.tzgg li span {
    display: block;
    font-size: 0.21rem;
    color: #007b8a;
    margin-bottom: .2rem;
    transition: 0.5s
}

@media(min-width: 1024px) {
    .tzgg li a:hover p {
        color: #007b8a
    }
}

@media screen and (max-width: 1024px) {
    .tzgg li {
        width: 49%
    }
}

@media screen and (max-width: 768px) {
    .tzgg li {
        width: 100%
    }

    .tzgg li a {
        height: auto
    }

    .nr-top .nr-tit {
        width: 100%;
        padding: 0 .15rem
    }
}

@media screen and (max-width: 420px) {
    .common {
        padding-top: .2rem;
        padding-bottom: .2rem
    }
}

.xrld ul {
    justify-content: space-between
}

.xrld li {
    width: 48%;
    margin-bottom: .6rem
}

.xrld li a {
    align-items: center;
    box-shadow: 0px 2px 8px 0px rgba(10, 11, 24, 0.1);
    background: #fff
}

.xrld li a::after {
    background: #179bab;
    width: 100%;
    height: 0
}

.xrld li .scale {
    width: 2.15rem
}

.xrld li .con {
    width: calc(100% - 2.15rem);
    padding: .3rem .25rem
}

.xrld li h3 {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.32rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid #eee;
    transition: 0.5s
}

.xrld li h3::after {
    width: 0.83rem;
    height: 0.03rem;
    background: #179bab;
    bottom: -1.5px
}

.xrld li p {
    font-size: 0.22rem;
    color: #666;
    line-height: 0.32rem;
    max-height: 0.96rem;
    margin-top: .2rem;
    transition: 0.5s
}

.xrld li .imged {
    padding-bottom: 130%
}

@media(min-width: 1024px) {
    .xrld li a:hover::after {
        height: 100%
    }

    .xrld li a:hover h3:after {
        background: #fff
    }

    .xrld li a:hover h3,
    .xrld li a:hover p {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .xrld li {
        width: 49%;
        margin-bottom: .3rem
    }
}

@media screen and (max-width: 768px) {
    .xrld li {
        width: 100%
    }
}

@media screen and (max-width: 420px) {
    .xrld li .scale {
        width: 1.6rem
    }

    .xrld li .con {
        width: calc(100% - 1.6rem);
        padding: .2rem .2rem
    }
}

.newlist li a {
    padding: .4rem 0;
    align-items: center;
    border-bottom: 1px solid #eee
}

.newlist li a::after {
    left: -.2rem;
    background: #179bab
}

.newlist li .scale {
    width: 3.3rem
}

.newlist li .con {
    width: calc(100% - 3.3rem);
    padding-left: .4rem
}

.newlist li span {
    font-size: 0.26rem;
    color: #016c79;
    line-height: 0.28rem;
    transition: 0.5s
}

.newlist li h3 {
    font-size: 0.24rem;
    color: #333;
    line-height: 0.32rem;
    margin: .2rem 0;
    transition: 0.5s
}

.newlist li p {
    font-size: 0.22rem;
    color: #999;
    line-height: .30rem;
    max-height: 0.6rem;
    transition: 0.5s
}

@media(min-width: 1024px) {
    .newlist li a:hover::after {
        width: calc(100% + .4rem)
    }

    .newlist li a:hover h3,
    .newlist li a:hover p,
    .newlist li a:hover span {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .newlist li a {
        padding: .3rem 0
    }
}

@media screen and (max-width: 768px) {
    .newlist li a {
        padding: .2rem 0
    }

    .newlist li .scale {
        width: 2.3rem
    }

    .newlist li .con {
        width: calc(100% - 2.3rem);
        padding-left: .2rem
    }

    .newlist li h3 {
        margin: .1rem 0
    }

    .newlist li p {
        -webkit-line-clamp: 2;
        line-height: .28rem !important
    }

    .newlist li span {
        font-size: .22rem
    }
}

@media screen and (max-width: 420px) {
    .newlist li .scale {
        width: 1.6rem
    }

    .newlist li .con {
        width: calc(100% - 1.6rem)
    }
}

.xygk .fl01 {
    padding-bottom: .7
}

.xygk .fl01 .wp {
    width: 15.8rem
}

.xygk img {
    width: 100%;
    display: block
}

.xygk .fl01 .left {
    width: 55%
}

.xygk .fl01 .right {
    width: 45%;
    padding-left: .4rem
}

.xygk .fl02 {
    background: #faf1f2;
    padding: .7rem 0 1.7rem
}

.xygk .fl03 {
    position: relative;
    margin-top: -1.5rem
}

.xygk .fl03 .wp {
    justify-content: space-between
}

.xygk .fl03 .left {
    width: 50%;
    margin-bottom: .45rem
}

.xygk .fl03 .right {
    width: 49%;
    padding-left: .4rem
}

.xygk .cont p {
    margin-bottom: .3rem;
    text-indent: 2em
}

@media screen and (max-width: 1024px) {
    .xygk .fl02 {
        padding-bottom: .4rem
    }

    .xygk .fl02 {
        background: #faf1f2;
        padding: .4rem 0
    }

    .xygk .fl03 {
        margin-top: -.3rem
    }
}

@media screen and (max-width: 768px) {
    .xygk .fl01 .left {
        width: 100%
    }

    .xygk .fl01 .right {
        width: 100%;
        padding-left: 0rem
    }

    .xygk .fl01 .right img {
        width: 80%;
        margin: 0 auto
    }

    .xygk .fl03 .left {
        width: 100%;
        margin-bottom: .3rem
    }

    .xygk .fl03 .right {
        width: 100%;
        padding-left: 0;
        margin-bottom: .3rem
    }

    .xygk .cont p {
        margin-bottom: .1rem
    }
}

.xyfg ul {
    margin: 0 -0.18rem
}

.xyfg li {
    width: 33.3%;
    padding: 0 0.18rem;
    margin-bottom: 0.6rem
}

.xyfg li a {
    display: block;
    position: relative;
    z-index: 1
}

.xyfg li .scale .imged {
    padding-bottom: 70%
}

.xyfg li a .img-cont {
    position: relative;
    padding: .2rem;
    padding-bottom: .45rem;
    background: #fff
}

.xyfg li a .img-cont::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100%;
    background: #1a54a9
}

.xyfg li h3 {
    line-height: .32rem;
    font-size: 0.24rem;
    color: #333;
    transition: 0.5s;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyfg li span {
    display: block;
    margin: .1rem 0;
    padding-left: .15rem;
    background: url(../images/time.png) no-repeat left center;
    background-size: .12rem auto
}

.xyfg li p {
    line-height: .3rem;
    font-size: .20rem;
    color: #808080;
    height: .6rem;
}

.xyfg li a .img-cont .more {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    background: url(../images/tp-more.png) no-repeat center center;
    width: 43px;
    height: 12px;
    background-size: .43rem auto
}

@media(min-width: 1025px) {

    .xyfg li a:hover h3,
    .xyfg li a:hover p,
    .xyfg li a:hover span {
        position: relative;
        color: #fff;
        z-index: 9
    }

    .xyfg li a:hover span {
        background: url(../images/time-other.png) no-repeat left center;
        background-size: .12rem auto
    }

    .xyfg li a:hover .img-cont::after {
        bottom: 0
    }

    .xyfg li a .img-cont .more {
        background: url(../images/tp-more-other.png) no-repeat center center;
        background-size: .43rem auto;
        z-index: 9
    }
}

@media(max-width: 1024px) {
    .xyfg ul {
        margin: 0 -0.1rem
    }

    .xyfg li {
        padding: 0 0.1rem;
        margin-bottom: 0.2rem
    }
}

@media(max-width: 768px) {
    .xyfg li {
        width: 50%
    }
}

@media screen and (max-width: 420px) {
    .xyfg li {
        width: 100%
    }
}

.teach-list {
    background: #fff;
    padding: 20px
}

.teach-list ul {
    margin: 0 -0.18rem
}

.teach-list li {
    width: 33.3%;
    padding: 0 0.18rem;
    margin-bottom: 0.6rem;
    text-align: center
}

.teach-list li a {
    display: block;
    position: relative;
    z-index: 1
}

.teach-list li .scale .imged {
    padding-bottom: 70%;
    max-width: 200px;
    margin: 0 auto;
    height: 250px
}

.teach-list li a .img-cont {
    position: relative;
    padding: .2rem;
    padding-bottom: .45rem
}

.teach-list li h3 {
    line-height: .29rem;
    font-size: 0.24rem;
    color: #333;
    transition: 0.5s
}

@media(min-width: 1025px) {
    .teach-list li a:hover h3 {
        position: relative;
        font-weight: bold;
        color: #007b8a
    }

    .teach-list li a:hover .img-cont::after {
        bottom: 0
    }
}

@media(max-width: 1024px) {
    .teach-list ul {
        margin: 0 -0.1rem
    }

    .teach-list li {
        padding: 0 0.1rem;
        margin-bottom: 0.2rem
    }
}

@media(max-width: 768px) {
    .teach-list li {
        width: 50%
    }
}

@media screen and (max-width: 420px) {
    .teach-list li {
        width: 100%
    }
}

.j_pages {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    flex-wrap: wrap
}

.j_pages .box {
    display: flex;
    padding: 0;
    font-size: 0;
    align-items: center;
    flex-wrap: wrap
}

.j_pages a {
    padding: 0px 0.13rem;
    height: 0.34rem;
    line-height: 0.34rem;
    display: inline-block;
    margin: 0 3px 0.1rem;
    color: #919191;
    font-size: 0.20rem;
    transition: all .3s;
    border-radius: .04rem;
    border: 1px solid #ccc
}

.j_pages a font {
    padding: 0 0.1rem
}

.j_pages .on {
    background: #1a54a9;
    color: #fff;
    border: none
}

.j_pages a:hover {
    background: #1a54a9
}

.j_pages span {
    color: #919191;
    height: 0.34rem;
    line-height: 0.34rem;
    display: inline-block;
    font-size: 0.20rem
}

.j_pages input {
    color: #919191;
    padding: 0px 0.16rem;
    height: 0.4rem;
    line-height: 0.4rem;
    display: inline-block;
    font-size: 0.20rem;
    background: #f6f6f6;
    border: none;
    cursor: pointer;
    border-radius: 0;
    transition: 0.6s
}

.j_pages input[type="text"] {
    width: 0.4rem;
    padding: 0;
    text-align: center
}

.j_pages input[type="submit"]:hover {
    background: #1a54a9;
    color: #fff
}

.title {
    margin-bottom: .6rem
}

.inner.ny_cont {
    padding-top: .5rem
}

.inner .wp {
    align-items: flex-start
}

.inner_left {
    width: 2.6rem;
    z-index: 10;
    position: relative;
    border-radius: 0.05rem
}

.inner_right {
    width: calc(100% - 2.6rem);
    padding-left: .65rem
}

.inner_left h2 {
    height: .95rem;
    color: rgb(255, 255, 255);
    font-size: 0.34rem;
    background: #1a54a9;
    text-align: center
}

.inner_left h2 p {
    color: #fff;
    line-height: .95rem;
    font-weight: bold
}

.inner_left ul {
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: .4rem
}

.inner_left ul li {
    position: relative;
    transition: .5s
}

.inner_left ul li p {
    padding: 0 0.25rem;
    height: 100%;
    height: .65rem;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    transition: 0.5s;
    border-left: 3px solid rgba(0, 0, 0, 0)
}

.inner_left ul li p a {
    font-size: 0.25rem;
    display: block;
    cursor: pointer;
    width: 100%;
    color: #333;
    transition: .5s;
    position: relative;
    line-height: .3rem
}

.inner_left ul li:last-child p {
    border-bottom: none
}

.inner_left ul li p a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: .09rem;
    height: 0.17rem;
    background: url(../images/jt2.png) no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
    opacity: 0
}

.inner_left ul li:hover p,
.inner_left ul li.active p {
    border-left: 3px solid #f18d00
}

.inner_left ul li:hover p a,
.inner_left ul li.active p a {
    color: #1a54a9
}

.inner_left ul li.active p a::after,
.inner_left ul li:hover p a::after {
    opacity: 1
}

.nysubnav {
    background: #f4eff0;
    display: none
}

.inner_left ul li.active .nysubnav {
    display: block;
    padding-left: .3rem
}

.nysubnav a {
    padding: 0px 0.3rem;
    line-height: 0.4rem;
    display: block;
    font-size: 0.22rem
}

.nysubnav a:hover,
.nysubnav a.on {
    color: #1a54a9
}

.inner.ny_cont .san-nav {
    display: none
}

.san-nav {
    width: 100%;
    background: #fff;
    margin-bottom: .3rem
}

.san-nav ul {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap
}

.san-nav li {
    display: flex;
    align-items: flex-end;
    padding: 0 .3rem
}

.san-nav a {
    display: inline-block;
    font-size: 0.22rem;
    color: #a9a9a9;
    display: flex;
    align-items: center;
    height: 0.5rem
}

.san-nav a::after {
    height: 0.02rem;
    left: 0;
    background: rgba(0, 0, 0, 0);
    width: 100%
}

.san-nav a.on::after {
    background: #1a54a9
}

.san-nav a:hover,
.san-nav a.on {
    color: #1a54a9
}

@media(max-width: 1024px) {
    .ban::after {
        height: 1rem
    }

    .ban .yjlm h3 {
        font-size: .28rem
    }

    .tbsc {
        overflow-x: auto
    }

    .tbsc table {
        width: 700px
    }

    .ban .imged {
        padding-bottom: 35%
    }

    .ban .yjlm {
        height: .45rem;
        display: none
    }

    .ban .yjlm .h3 {
        padding: 0;
        line-height: .45rem
    }

    .ban .yjlm .wp {
        align-items: center
    }
}

@media(max-width: 768px) {
    .txt1 {
        font-size: 0.26rem !important
    }

    .p1 {
        line-height: 2 !important;
        font-size: 0.22rem !important
    }

    .j_pages {
        margin-top: .2rem
    }

    .title {
        margin-bottom: .4rem
    }

    .nr-top .nr-tit .bt {
        font-size: .26rem
    }

    .nr-top .nr-tit {
        height: 1rem
    }
}