@charset "utf-8";



.pages ul {
    text-align: center;
}

.pages ul li {
    text-align: center;
    font-size: .16rem;
    display: inline-block;
    margin: .02rem
}

.pages ul li a {
    height: .38rem;
    text-align: center;
    padding: 0 8px;
    min-width: .38rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #E8E8E8;
    padding-bottom: 1px
}

.pages ul li.prev a, .pages ul li.next a {
    padding: 0 .25rem
}

.pages ul li.on a {
    background: #1758C7;
    border: 1px solid #1758C7;
    ;
    color: #fff;
}

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

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

.page-form input {
    border: 1px solid #ddd;
    width: .36rem;
    height: .36rem;
    float: left;
    text-align: center;
    padding: 0 3px;
    background: #fff;
    border-radius: 3px;
    margin: 0 5px
}

.page-form span {
    float: left;
    color: #666
}

.page-form button {
    border: none;
    width: 52px;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    margin-left: 3px;
    float: left;
    background: #edb876;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px
}

@media (max-width: 992px) {
    .pages ul li {
        padding: 0
    }

    .pages ul li.pageitem {
        display: none
    }

    .pages ul li.page-form {
        padding-left: .1rem
    }

    .pages ul li {
        font-size: .22rem;
        margin: .02rem
    }

    .pages ul li a {
        height: .46rem;
        min-width: .46rem;
    }


}

@media (max-width: 576px) {
    .pages ul li {
        font-size: .24rem;
        margin: .02rem
    }

    .pages ul li a {
        height: .56rem;
        min-width: .56rem;
    }
}

.nyba {
    height: 4rem;
    position: relative;
}


.nyba:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.8rem;
    opacity: 1;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 95%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 95%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 95%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(24, 72, 181, 1) 95%);
}

.nymain {
    min-height: 5rem;
    position: relative;
    padding: .6rem 0 1.2rem
}

.nymain .wp {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    z-index: 5;
    position: relative;
    justify-content: space-between;
}

.nymain .nyleft {
    width: 3rem;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(23, 88, 199, .1);
    position: sticky;
    top: .5rem;
    border-radius: .1rem;
    overflow: hidden;
border:1px solid #d9e1ed
}

.nymain .nyright {
    width: calc(100% - 3.5rem);
    border-radius: .2rem;
  
    padding:0rem ;
}

.nymain .nyleft .dl {}

.nymain .nyleft .dt {
    height: .9rem;
    background: #1758C7;
    color: #fff;
    font-size: .36rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nymain .nyleft .dt i {
    display: none
}

.nymain .nyleft .dt i.on {
    transform: rotate(180deg);
}

.nymain .nyleft .dd {
    padding: .2rem .2rem .6rem
}

.nymain .nyleft .dd .li {
    border-bottom: 1px dashed #D7DBE4
}

.nymain .nyleft .dd .li .li-a {
    padding: .2rem .2rem;
    border-radius: .1rem;
    position: relative;
    display: block;
    font-size: .22rem;
}

.nymain .nyleft .dd .li.selected .li-a {
    color: #1758C7;
    background: rgba(23, 88, 199, .2);
    padding-right: .5rem
}

.nymain .nyleft .dd .li.selected .li-a:after {
    content: "\e676";
    font-family: swiper-icons !important;
    position: absolute;
    right: .2rem;
    top: 50%;
    margin-top: -.5em;
    line-height: 1em;
    font-size: .18rem
}

 
.nymain .nyleft .dd .li.selected {
    border-bottom: 0
}
.nymain .nyleft .dd .li .subNav {
 
    padding-top: .05rem
}

.nymain .nyleft .dd .li .subNav a {
    display: block;
    padding: .1rem .3rem;
}

.nymain .nyleft .dd .li .subNav a.selected {
    color: #1758c7
}

.nymain .nyleft .dd .li.selected .subNav {
    display: block;
}

@media (max-width: 597px) {
    .nymain .nyleft .dd .li .subNav a {
        font-size: .24rem
    }
}

.nymain .nyright .nytit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(21, 48, 94, 0.15);
    padding-bottom: .3rem;
    justify-content: space-between;
    margin-bottom: .1rem
}

.nymain .nyright .nytit h3 {
    display: flex;
    align-items: center;
    font-size: .36rem;
    line-height: 1em
}

.nymain .nyright .nytit h3 img {
    height: .4rem;
    margin-right: .1rem
}

.nymain .nyright .posi {
    color: rgba(21, 48, 94, 0.6);
    background: url(../images/home.png) no-repeat left center;
    background-size: .19rem .17rem;
    padding-left: .25rem;
    font-size: .16rem
}
 .notice-list .item.pointlist a{background: url(../images/point.png) no-repeat 10px center; padding-right:20px}
 .notice-list .item.pointlist{border-bottom:1px dotted #ccc;}
.nymain .nyright .posi a {
    color: rgba(21, 48, 94, 0.6);
    transition: .3s
}

.nymain .nyright .posi a:hover {
    color: #1758c7
}

.arc-conp {
    background: #fff;
    border-radius: .2rem;
    background: #fff;
    padding: .2rem .3rem .2rem;
}

.arc-con {
    line-height: 2em;
    font-size: .18rem;
    text-align: justify;
    padding: .3rem;
}

.arc-con p, .arc-con span {
    font-size: .18rem;
}

.arc-con p+p {
    margin-top: .3rem
}

.arc-con img {
    margin: .1rem auto;
    max-width: 8rem;
    height: auto !important
}

.arc-con table {
    border: 1px solid #eee;
    min-width: 640px;
    margin-left: 0 !important;
    width: 100%;
    background: #fff
}

 

.tbsc {
    overflow: auto;
    padding: 15px 0;
    width: 100%
}

.tbsc::-webkit-scrollbar {
    height: 4px
}

.tbsc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #999;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
}

.tbsc::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ededed;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
}

.arc-con video {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto .2rem;
}

.arc-tit h1 {
    font-size: .28rem;
    text-align: center;
    line-height: 1.5em;
    font-weight: bold;
    color: #1758C7;
}

.arc-info {
    text-align: center;
    padding: .2rem 0;
    font-size: .16rem;
    color: rgba(21, 48, 94, 0.5);
    margin-bottom: .3rem;
    border-bottom: 1px dashed #D7DBE4;
}

.arc-info span {
    display: inline-block;
    margin: 0 .2rem
}

.arc-info span i {
    color: #d2b65a;
    margin-right: 5px
}


@media (max-width: 992px) {
    .nyba {
        height: 34vw
    }

    .nymain:before {
        width: 1rem;
        height: 1rem;
    }

    .nymain:after {
        height: 1.95rem;
        background-size: 100% auto;
    }

    .nymain {
        min-height: 5rem;
        background-size: 60vw auto;
    }

    .nymain .nyleft {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: .5rem
    }

    .nymain .nyright {
        flex: inherit;
        width: 100%;
        margin-left: 0
    }

    .nymain .nyleft .dt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
        padding: .2rem .3rem;
        font-size: .36rem
    }

    .nymain .nyleft .dt i {
        display: block;
        font-size: .2rem;
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;
    }

    .nymain .nyleft .dd {
        display: none
    }

    .nymain .nyleft .dd .li .li-a {
        font-size: .24rem;
        padding: .25rem
    }

    .nymain .nyleft .dd .li.on .li-a {
        padding-right: .6rem
    }

    .nymain .nyleft .dd .li.on .li-a:after {
        font-size: .2rem
    }

    .nymain .nyright .posi {
        font-size: .22rem;
        background-size: .26rem .25rem;
        padding-left: .32rem;
    }

    .arc-con {
        font-size: .24rem
    }

    .arc-con p, .arc-con span {
        font-size: .24rem
    }

    .arc-tit h1 {
        font-size: .36rem;
    }

    .arc-info {
        font-size: .22rem;
        padding-bottom: .3rem
    }

    .arc-con img {
        margin: .1rem auto;
        max-width: 100%;
        height: auto !important;
        width: auto !important
    }
}

@media (max-width: 597px) {
    .nymain .nyright .nytit .posi {
        order: 1;
        width: 100%;
        margin-bottom: .36rem
    }

    .nymain .nyright .nytit h3 {
        order: 2;
        width: 100%
    }

    .nymain .nyright .posi {
        font-size: .25rem;
        background-size: .28rem .27rem;
        padding-left: .36rem;
    }

    .nymain .nyleft .dt i {
        font-size: .22rem
    }

    .nymain .nyleft .dd .li .li-a {
        font-size: .26rem;
    }

    .nymain .nyleft .dd .li.on .li-a:after {
        font-size: .24rem
    }

    .arc-con {
        font-size: .26rem
    }

    .arc-con p, .arc-con span {
        font-size: .26rem
    }

    .arc-tit h1 {
        font-size: .36rem;
    }

    .arc-info {
        font-size: .24rem;
        padding-bottom: .3rem
    }
}




.databox {
    height: 3.37rem;
    background: url(../images/6110.png) no-repeat left center;
    background-size: cover;
    border-radius: .2rem;
    margin: .4rem 0;
    padding: .6rem 60% .5rem .75rem;
    align-items: flex-start;
    text-indent: 0
}

.databox .item {
    width: 48%;
    color: #fff;
    padding-top: .1rem
}

.databox .item .num {
    font-size: .54rem;
    line-height: 1em
}

.databox .item .num span {
    font-size: .54rem;
}

.databox .item .p {
    font-size: .18rem;
}

.databox .item .num {
    font-size: .54rem;
    line-height: 1em
}

@media (max-width: 992px) {
    .databox {
        height: auto;
        padding: .3rem 40% .6rem .75rem;
    }

    .databox .item .num {
        font-size: .54rem;
        line-height: 1em
    }

    .databox .item .num span {
        font-size: .54rem;
    }

    .databox .item .p {
        font-size: .24rem;
    }

    .databox .item {
        padding-top: .3rem
    }
}

@media (max-width: 597px) {
    .databox {
        height: auto;
        padding: .3rem 20% .6rem 10%;
    }

    .databox .item .p {
        font-size: .26rem;
    }
}


.show-list {
    position: relative;
    padding-bottom: .2rem
}


.notice-list {
    padding-bottom: .5rem
}

.notice-list .item+.item {
    margin-top: 0
}

.notice-list .item{margin-bottom:0.15rem}
.notice-list .item a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: .2rem;
    background: #fff;
    padding: .2rem;
    align-items: center;
    transition: .3s;
    border-bottom: 3px solid #fff
}

.notice-list .item .time {
    width: .8rem;
    height: .8rem;
    border-radius: .08rem;
    border: 1px solid #1758C7;
    text-align: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: .3s
}

.notice-list .item .time .small {
    height: .24rem;
    line-height: .24rem;
    background: #1758C7;
    color: #fff;
    font-size: .14rem;
}

.notice-list .item .time .big {
    color: #1758C7;
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .4rem;
    transition: .3s;
    border-top: 1px solid #1758C7
}

.notice-list .item .txt {
    flex: 1;
    overflow: hidden;
    margin-left: .3rem
}

.notice-list .item .txt h4 {
    font-size: .2rem;
    line-height: 1.5em;
    transition: .3s;
    font-weight: bold;
}

.notice-list .item .txt p {
    font-size: .16rem;
    color: rgba(21, 48, 94, 0.5);
    line-height: 1.5em;
    transition: .3s;
    margin-top: .1rem
}

@media (min-width: 993px) {
    .notice-list .item:hover a {
        border-bottom-color: #1758C7;
        box-shadow: 0 0 20px rgba(23, 88, 199, .3);
    }

    .notice-list .item:hover .txt h4 {
        color: #1758C7
    }

    .notice-list .item:hover .time .big {
        color: #fff;
        background: #1758C7;
        border-top-color: rgba(255, 255, 255, .3)
    }
}

@media (max-width: 992px) {
    .notice-list .item .time {
        width: 1rem;
        height: 1rem;
        border-radius: .1rem;
    }

    .notice-list .item .time .small {
        height: .3rem;
        line-height: .3rem;
        font-size: .18rem;
        padding-top: 1px
    }

    .notice-list .item .time .big {
        font-size: .5rem
    }

    .notice-list .item .txt h4 {
        font-size: .26rem;
    }

    .notice-list .item .txt p {
        font-size: .22rem;
    }
}

@media (max-width: 597px) {
    .notice-list .item .time {
        width: 1.1rem;
        height: 1.1rem;
        border-radius: .1rem;
    }

    .notice-list .item .time .small {
        height: .3rem;
        line-height: .3rem;
        font-size: .2rem;
        padding-top: 1px
    }

    .notice-list .item .time .big {
        font-size: .5rem
    }

    .notice-list .item .txt h4 {
        font-size: .28rem;
    }

    .notice-list .item .txt p {
        display: none
    }
}

.news-list {
    padding-bottom: .5rem
}

.news-list .item+.item {
    margin-top: 0
}

.news-list .item a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: .2rem;
    background: #fff;
    padding: .3rem;
    align-items: center;
    transition: .3s;
    border-bottom: 3px solid #fff;
    position: relative;
    flex-wrap: wrap;
}

.news-list .item .img {
    width: 3.1rem;
    height: 1.75rem;
    border-radius: .2rem;
    margin-right: .3rem
}

.news-list .item .txt {
    flex: 1;
    overflow: hidden;
}

.news-list .item .txt h4 {
    font-size: .2rem;
    line-height: 1.5em;
    transition: .3s;
    font-weight: bold;
    padding-left: .2rem;
    position: relative;
}

.news-list .item .txt h4:before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: .2rem;
    background: #1758C7;
    ;
    top: .05rem;
}

.news-list .item .txt p {
    font-size: .16rem;
    color: rgba(21, 48, 94, 0.5);
    line-height: 1.5em;
    transition: .3s;
    margin-top: .1rem;
    margin-bottom: .25rem;
    padding-left: .2rem
}

.news-list .item .txt time {
    font-size: .16rem;
    color: rgba(0, 37, 102, 0.6);
    padding-left: .2rem
}

@media (min-width: 993px) {
    .news-list .item:hover a {
        border-bottom-color: #1758C7;
        box-shadow: 0 0 20px rgba(23, 88, 199, .3);
    }

    .news-list .item:hover .txt h4 {
        color: #1758C7
    }

    .news-list .item:hover .txt time {
        color: #1758C7
    }

    .news-list .item:hover .time .big {
        color: #fff;
        background: #1758C7;
        border-top-color: rgba(255, 255, 255, .3)
    }

    .news-list .item a:after {
        content: '';
        width: .44rem;
        height: .44rem;
        background: url(../images/mor.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right: .3rem;
        bottom: .25rem;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        transform: scale(0);
    }

    .news-list .item:hover a:after {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 992px) {
    .news-list .item .txt h4 {
        font-size: .26rem;
    }

    .news-list .item .txt h4:before {
        content: '';
        position: absolute;
        left: 0;
        width: 2px;
        height: .26rem;
        background: #1758C7;
        ;
        top: .08rem;
    }

    .news-list .item .txt p {
        font-size: .2rem;
    }

    .news-list .item .txt time {
        font-size: .2rem;
    }
}

@media (max-width: 597px) {
    .news-list .item .img {
        width: 100%;
        height: 50vw;
        margin-right: 0
    }

    .news-list .item .txt {
        flex: inherit;
        width: 100%;
        margin-top: .3rem
    }

    .news-list .item .txt h4 {
        font-size: .28rem;
    }

    .news-list .item .txt h4:before {
        content: '';
        position: absolute;
        left: 0;
        width: 2px;
        height: .28rem;
        background: #1758C7;
        ;
        top: .05rem;
    }

    .news-list .item .txt p {
        font-size: .22rem;
    }

    .news-list .item .txt time {
        font-size: .22rem;
    }
}

.ld-list .item {
    width: 22%;
    margin-right: 4%;
    margin-bottom: .5rem
}

.ld-list .item:nth-child(4n) {
    margin-right: 0
}

.ld-list .item .img {
    height: 3.3rem;
    margin-bottom: .15rem
}

.ld-list .item .img img {
    object-position: top center
}

.ld-list .item .txt {
    text-align: center;
}

.ld-list .item .txt h4 {
    font-size: .2rem;
    font-weight: bold;
}

.ld-list .item .txt p {
    margin-top: .1rem;
    color: #666;
    font-size: .16rem
}

@media (max-width: 992px) {
    .ld-list .item .txt h4 {
        font-size: .26rem
    }

    .ld-list .item .txt p {
        font-size: .22rem
    }

    .ld-list .item {
        width: 30.66666%;
        margin-right: 4%;
        margin-bottom: .5rem
    }

    .ld-list .item:nth-child(4n) {
        margin-right: 4%
    }

    .ld-list .item:nth-child(3n) {
        margin-right: 0
    }

    .ld-list .item .img {
        height: 37vw
    }
}

@media (max-width: 597px) {
    .ld-list .item .txt h4 {
        font-size: .3rem
    }

    .ld-list .item .txt p {
        font-size: .24rem
    }

    .ld-list .item .img {
        height: 54vw
    }

    .ld-list .item {
        width: 46%;
        margin-right: 8%;
        margin-bottom: .5rem
    }

    .ld-list .item:nth-child(4n) {
        margin-right: 8%
    }

    .ld-list .item:nth-child(3n) {
        margin-right: 8%
    }

    .ld-list .item:nth-child(2n) {
        margin-right: 0
    }
}


.picList:after {
    content: '';
    display: inline-block;
    width: 3.45rem
}

.picList li {
    width: 3.4rem;
    margin-bottom: .3rem
}

.picList li .img {
    height: 2rem;
    border-radius: .1rem .1rem 0 0
}

.picList li .txt {
    text-align: center;
    padding: .15rem .2rem;
    background: #eee;
    transition: .3s;
    border-radius: 0 0 .1rem .1rem
}

.picList li .txt h4 {
    font-size: .2rem;
    font-weight: normal;
}

.picList li.video a {
    display: block;
    position: relative;
}

.picList li.video a:before {
    content: '';
    position: absolute;
    width: .53rem;
    height: .53rem;
    top: 42%;
    left: 50%;
    margin-left: -.27rem;
    margin-top: -.27rem;
    z-index: 5;
    background: url(../images/play.png) no-repeat center;
    background-size: 100% 100%
}

@media (min-width: 993px) {
    .picList li:hover .txt {
        background: #1758C7
    }

    .picList li:hover .txt h4 {
        color: #fff
    }
}

@media (max-width: 992px) {
    .picList {
        padding: 0
    }

    .picList li {
        width: calc(50% - .2rem);
        margin-bottom: .4rem
    }

    .picList li .img {
        height: 27vw
    }

    .picList li .txt h4 {
        font-size: .26rem;
        font-weight: normal;
    }

    .picList li.video a:before {
        width: .7rem;
        height: .7rem;
        margin-left: -.35rem;
        margin-top: -.35rem;
    }
}

@media (max-width: 576px) {
    .picList li {
        width: 100%;
        margin-bottom: .3rem
    }

    .picList li .img {
        height: 55vw
    }

    .picList li .txt {
        padding: .2rem
    }

    .picList li .txt h4 {
        font-size: .3rem;
        font-weight: normal;
    }

    .picList li.video a:before {
        width: .9rem;
        height: .9rem;
        margin-left: -.45rem;
        margin-top: -.45rem;
    }
}