@charset "utf-8";
#ny{
    overflow: hidden;
    position: relative;
}

.ny-main-clrcle::before {
    content: "";
    position: absolute;
    width: 53vw;
    height: 53vw;
    right: -22vw;
    top: -23vw;
    background-color: rgba(235, 235, 235, .4);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.ny-main-clrcle::after {
    content: "";
    position: absolute;
    width: 31.25vw;
    height: 31.25vw;
    left: -10.36vw;
    bottom: -10vw;
    background-color: #F5F5F5;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}
.nybanner {
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.nybanner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 263px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.nybanner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 263px;
    background-image: linear-gradient(180deg, rgba(11, 55, 141, 0) 0%, rgba(11, 55, 141, 1) 100%);
    z-index: 1;
}

.nybanner-pic {
    margin-left: 20%;
}

.nybanner-pic img {
    display: block;
    width: 100%;
}

.ny-bcircle {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 34%;
}

.ny-bcircle::before {
    content: "";
    position: absolute;
    right: 0;
    width: 156%;
    padding-top: 156%;
    border-radius: 50%;
    background-color: #2564c6;
    bottom: -0.23rem;
    z-index: 2;
    animation: bounceIn 1s linear 1;
}

.ny-bcircle::after {
    content: "";
    position: absolute;
    right: .15rem;
    width: 156%;
    padding-top: 156%;
    border-radius: 50%;
    background-color: #37c8f2;
    bottom: -0.65rem;
    z-index: 1;
    animation: bounceIn 1s .2s linear 1;
}

.ny-bcircle div {
    position: absolute;
    bottom: 0.36rem;
    width: 176%;
    right: -0.4rem;
    padding-top: 176%;
    border: dashed 2px #36c2d9;
    opacity: 0.65;
    border-radius: 50%;
    z-index: 3;
    animation: _anirotate 55s linear infinite;
}


.ny-bigt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 3;
}

.ny-bigt .wp {
    max-width: 16.66rem;
}

.ny-bigt .wp div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ny-bigt h3 {
    color: #fff;
    text-stroke: 1px #fff;
    -webkit-text-stroke: 1px #fff;
    font-size: 0.72rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    color: transparent;
    opacity: 0.5;
}

.ny-bigt h2 {
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    color: #ffffff;
    border-bottom: solid 0.04rem #ff8b2e;
    padding-bottom: .22rem;
}


.ny-nav {
    position: absolute;
    right: 0;
    left: 0;
    bottom: .5rem;
    z-index: 9;
}

.ny-nav .wp {
    max-width: 16.6rem;
}

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

.ny-nav ul li {
    margin-left: .4rem;
}

.ny-nav ul li a {
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    color: #ffffff;
    opacity: 0.56;
}

.ny-nav ul li.active>a {
    color: #44f4ff;
    position: relative;
    font-weight: 600;
}

.ny-nav ul li.active>a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 0.33rem;
    height: 0.09rem;
    background: url(/images/ny-nav-aft.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    margin-top: .1rem;

}

.ny-nav ul li:hover>a {
    opacity: 1;
    color: #44f4ff;
}

.ny-main {
    padding-bottom: .9rem;
    position: relative;
}



.ny-main>div {
    position: relative;
    z-index: 9;
}

.position {
    margin-bottom: .7rem;
}

.position .wp2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px rgba(51, 51, 51, .2);
    padding: .25rem 0;
    margin-top: .1rem;
}

.position .wp2 h3 {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    color: #333333;
}

.position .wp2 div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.position .wp2 div a {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #333333;
    opacity: 0.6;
}

.position .wp2 div span {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #333333;
    opacity: 0.6;
}


/* 图文列表页  文字列表页 */
.tplist ul li {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(200, 200, 200, 0.2);
    border-radius: 0.4rem;
    overflow: hidden;
    margin-top: 0.52rem;
}

.tplist ul li:nth-child(1) {
    margin-top: 0;
}


.tplist ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2D51B2;
    opacity: 0;
    transition: all 0.5s;
    z-index: 1;
}

.tplist ul li::after {
    content: "";
    position: absolute;
    top: 0;
    right: -2.7rem;
    width: 5.92rem;
    height: 5.92rem;
    border-radius: 50%;
    background: rgba(28, 107, 199, 0.8);
    z-index: 2;
    opacity: 0;
}

.tplist ul li a {
    display: flex;
    opacity: 1;
    padding: .35rem .4rem .35rem 0;
    position: relative;
    z-index: 9;
}


.tplist ul li a .date {
    width: 1.35rem;
    border-right: 1px solid rgba(216, 216, 216, 0.3);
    text-align: center;
}

.tplist ul li a .date div {
    text-align: center;
}

.tplist ul li a .date div b {
    display: block;
    font-size: 0.48rem;
    font-weight: 500;
    line-height: 0.36rem;
    color: #333333;

}

.tplist ul li a .date div span {
    display: block;
    font-size: 0.18rem;
    font-weight: 300;
    line-height: 0.36rem;
    color: #9E9E9E;
}

.tplist ul li a .date i {
    display: block;
    width: 1px;
    height: 0.55rem;
    background: #D8D8D8;
    margin: 0 auto;
}

.tplist ul li a .date p {
    font-size: 0.16rem;
    font-weight: 300;
    line-height: 0.36rem;
    color: #9E9E9E;
}

.tplist ul li a .info {
    flex: 1;
    min-width: 0;
    padding: 0 0 0 .5rem;
}

.tplist ul li a .info h3 {
    font-size: 0.22rem;
    font-weight: 500;
    line-height: 0.36rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tplist ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #9E9E9E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: .9rem;
    margin-top: .2rem;
}

.tplist ul li a .pics {
    width: 2.6rem;
    margin-left: .5rem;
}

.tplist ul li a .pics .pic {
    padding-top: 66.5%;
}

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

.tlist ul li {
    width: 49%;
}

.tlist ul li:nth-child(2) {
    margin-top: 0;
}


/* 图片列表页 */

.plist ul {
    display: flex;
    margin: 0 -.5rem;
    position: relative;
    z-index: 9;
}

.plist ul li {
    width: 33.33%;
}

.plist ul li a {
    margin: 0 .5rem;
    display: block;
}

.plist ul li a .pic {
    padding-top: 115.28%;
    border-radius: 0.4rem;
}

.plist1 ul li:nth-child(2) {
    margin-top: .78rem;
}

.plist1 ul li:nth-child(3) {
    margin-top: 2.1rem;
}

.plist1 {
    position: relative;
}

.plist1::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% + (100vw - 16.6rem) / 2);
    height: 3.52rem;
    border-radius: 3.06rem;
    background: linear-gradient(90deg, #CDE0FF 0%, rgba(248, 251, 255, 0) 100%);
    pointer-events: none;
}

.plist1::after {
    content: "";
    position: absolute;
    border-radius: 3.06rem;
    opacity: 1;
    width: 3.59rem;
    height: 6.49rem;
    bottom: -2.97rem;
    left: 1.8rem;
    background: linear-gradient(270deg, rgba(208, 226, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.plist1-crlcle {
    position: absolute;
    right: calc((100vw - 16.6rem) / (-2) - 2.5vw);
    top: 1.5rem;
    width: 58vw;
    height: 58vw;
    border: 1px dashed #67C8FF;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

.plist1-crlcle div {
    position: absolute;
    left: 50%;
    top: -.115rem;
    width: 0.23rem;
    height: 0.23rem;
    border-radius: 50%;
    background: #F89E50;
    transform: rotate(194deg);
    transform-origin: 0 calc(29vw + .115rem);
    animation: _anirotate 20s linear infinite;
}

@keyframes _anirotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.plist1-crlcle div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(248, 158, 80, 0.5);
    animation: _circlescale infinite 1.3s linear;
}


@keyframes _circlescale {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}


.plist2 {
    margin-top: 1.58rem;
    padding-bottom: 1.08rem;
    position: relative;
}

.plist2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% + (100vw - 16.6rem) / 2);
    height: 3.52rem;
    border-radius: 3.06rem;
    background: linear-gradient(90deg, rgba(234, 247, 255, 0) 0%, #D9F1FF 100%);
    pointer-events: none;
}

.plist2-crlcle {
    position: absolute;
    left: 63%;
    top: 0;
    width: 1.3582rem;
    height: 1.3582rem;
    transform: translateX(-50%) translateY(-30%);
    z-index: 1;
}

.plist2-crlcle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #47BE62;
    z-index: 2;
}

.plist2-crlcle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(71, 190, 98, 0.15);
    z-index: 1;
    animation: _circlescale infinite 1.3s linear;
}

.plist3-crlcle {
    width: 1.18rem;
    height: 5px;
    z-index: 1;
    border-radius: 1.51rem;
    opacity: 1;
    background: #FFFFFF;
    border: 1px dashed #2D51B2;
    margin: .55rem 0;
    margin-left: 0.05rem;
    position: relative;
}

.plist3-crlcle::before {
    content: "";
    position: absolute;
    left: -0.05rem;
    top: 0;
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 50%;
    background: #2D51B2;
    transform: translateY(-50%);
    z-index: 2;
}

.plist3-crlcle::after {
    content: "";
    position: absolute;
    left: -0.05rem;
    top: 0;
    width: 0.18rem;
    height: 0.18rem;
    margin-top: -.09rem;
    border-radius: 50%;
    background: rgba(116, 146, 225, 0.5);
    z-index: 1;
    animation: _circlescale infinite 1.3s linear;
}

.plist4 {
    position: relative;
}

.plist4-crlcle {
    position: absolute;
    left: 86%;
    bottom: 0;
    width: 0.8878rem;
    height: 0.8878rem;
    transform: translateX(-50%) translateY(50%);
    z-index: 1;
}

.plist4-crlcle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #47BE62;
    z-index: 2;
}

.plist4-crlcle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(71, 190, 98, 0.15);
    z-index: 1;
    animation: _circlescale infinite 1.3s linear;
}


@media(min-width: 1025px) {
    .tplist ul li:hover::before {
        opacity: 1;
    }

    .tplist ul li:hover::after {
        animation: bounceIn 1s .5s 1 forwards;
    }

    .tplist ul li:hover a .date div b {
        color: #FFFFFF;
    }

    .tplist ul li:hover a .date div span {
        color: #FFFFFF;
    }

    .tplist ul li:hover a .date i {
        background: #D8D8D8;
    }

    .tplist ul li:hover a .date p {
        color: #FFFFFF;
    }

    .tplist ul li:hover a .info h3 {
        color: #FFFFFF;
    }

    .tplist ul li:hover a .info p {
        color: rgba(255, 255, 255, 0.4);
    }

   
}



/* 2024年8月7日10:14:16 */

/* 内容页 */
.art-main {
    position: relative;
}
.art-tit h3 {
    font-size: 0.28rem;
    font-weight: bold;
    line-height: 0.5rem;
    text-align: center;
    color: #2D51B2;
}
.art-tit p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .1rem;
}
.art-tit p span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.4rem;
    text-align: center;
    color: #888888;
    display: block;
    margin: 0 .2rem;
}
.art-body {
    border-top: 1px dashed #BFBFBF;
    margin-top: .4rem;
}
.art-body p {
    font-size: 0.18rem!important;
    font-weight: normal!important;
    line-height: 0.34rem!important;
    color: #333333!important;
    margin-top: .3rem;
    font-family: Arial,-apple-system,BlinkMacSystemFont,"PingFang SC",Microsoft YaHei,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif!important;
    text-indent: 2em;
    width: 100%!important;
}
.art-body p a{   
    word-break: break-all;
}
.art-body span{
    font-size: 0.18rem!important;
    font-weight: normal!important;
    color: #333333!important;
    font-family: Arial,-apple-system,BlinkMacSystemFont,"PingFang SC",Microsoft YaHei,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif!important;
    width: 100%!important;
}

.art-body  img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height:auto!important;
}
.art-body p video {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height:auto!important;
}
.art-body table{
    max-width:100%;
    margin:0 auto;
width: 100%;
}
.art-body table td{
    border: 1px solid #ccc!important;
}
.art-body table p{
    margin-top:0rem;
}
.art-info {
    display: flex;
    justify-content: space-between;
    margin-top: .88rem;
}
.art-info>div {
    width: 48%;
    padding: .25rem .3rem;
    border: 1px solid #DFDFDF;
    border-top: 2px solid #2A5798;
    transition: all 0.3s;
}
.art-info>div p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #808080;
}
.art-info>div p a {
    display: block;
    color: #333333;
}
.art-info>div:hover {
    background-color: #2A5798;
    border-color: #2A5798;
}
.art-info>div:hover p {
    color: rgba(255, 255, 255, .7);
}
.art-info>div:hover p a {
    color: #fff;
}
/*内容页2 */
 .article2 {
                display: flex;
                align-items: flex-start;}

            .article2 .art-main {
                flex: 1;
                min-width: 0;}

            .article2 .art-r {
                width: 5.17rem;
                border: 1px solid #D3DFFF;
                margin-left: .6rem;
                padding: 0.25rem 0.35rem 1rem .35rem;}

            .art-rtit {
                display: flex;
                justify-content: flex-start;
                border-bottom: 1px solid #0086E1;
                margin-bottom: .3rem;}

            .art-rtit h3 {
                font-size: 0.24rem;
                font-weight: 500;
                line-height: 0.5rem;
                text-align: center;
                color: #2D51B2;
                position: relative;}

            .art-rtit h3::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
                height: 3px;
                background: #FF8B2E;}

            .mySwiperart {
                position: relative;}

            .mySwiperart .swiper-slide a {
                display: block;}

            .mySwiperart .swiper-slide a .pic {
                padding-top: 55%;}

            .mySwiperart .swiper-slide a p {
                font-size: 0.17rem;
                font-weight: normal;
                line-height: 0.36rem;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
               
                margin: 0 .33rem;
                margin-top: .15rem;
}
.mySwiperart .swiper-slide a:hover p{
    
color: #2D51B2;
    
text-decoration: underline;
}

            .mySwiperart .prev,
            .mySwiperart .next {
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 0.18rem;
                height: 0.18rem;
                position: absolute;
                bottom: .09rem;
                z-index: 9;}

            .mySwiperart .prev {
                left: 0;}

            .mySwiperart .next {
                right: 0;}

            .art-rbox+.art-rbox {
                margin-top: .45rem;}
            .new-art{
                position: relative;}
            .new-art::before{
                content: "";
                position: absolute;
                left: .03rem;
                top: 0.14rem;
                bottom: 0;
                border-left: 1px dashed #B9CCFF;
                z-index: 1;
                }
            .new-art li{
                position: relative;
                z-index: 9;}
            .new-art li+li {
                padding-top: 0.3rem;}


           

            .new-art li a {
                display: block;
                padding-left: .17rem;
                position: relative;}
           

            .new-art li a span {
                display: block;
                background: url(/images/new-art-timebg.png) no-repeat;
                background-position: center center;
                background-size: 100% 100%;
                width: 1.42rem;
                height: 0.28rem;
                padding-left: .17rem;
                font-size: 0.16rem;
                line-height: .28rem;
                color: #7F9EF0;
                position: relative;
                transition: all 0.5s;}
            .new-art li a span::before{
                content: "";
                position: absolute;
                left: -.17rem;
                top: 50%;
                transform: translateY(-50%);
                width: 0.07rem;
                height: 0.07rem;
                border-radius: 50%;
                background: #C0D0FC;}

            .new-art li a p {
                font-size: 0.16rem;
                font-weight: normal;
                line-height: 0.29rem;
                text-transform: uppercase;
                color: #323232;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                max-height: .58rem;
                margin-top: .15rem;}

            .new-art li:hover a span{
                background: url(/images/new-art-timebg2.png) no-repeat;
                background-position: center center;
                background-size: 100% 100%;
                color: #fff;}
            .new-art li:hover a p{
                color: #2D51B2;
                text-decoration: underline;}
.article2 .art-tit h3 {
                font-size: .28rem;
                color: #2D51B2;
            }

            .article2 .art-tit p {
                background: rgba(216, 216, 216, 0.24);
                padding: .1rem;
            }

            .article2 .art-tit p span {
                color: #9E9E9E;
            }

            .article2 .art-info {
                display: block;
            }

            .article2 .art-info>div {
                width: auto;
                background: linear-gradient(90deg, rgba(0, 139, 234, 0.102) 0%, rgba(229, 238, 255, 0) 100%);
                border: none;
                padding: 0 .5rem 0 1.1rem;
            }
.article2 .art-info>div+div{
    margin-top:.15rem;
}

            .article2 .art-info>div p {
                color: #333333;
                display: flex;
                align-items: center;
                line-height: .54rem;
            }

            .article2 .art-info>div p a {
                color: #333333;
                flex: 1;
                min-width: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }


            .article2 .art-info>div:hover {
                background: linear-gradient(90deg, rgba(0, 139, 234, 0.102) 0%, rgba(229, 238, 255, 0) 100%);
            }

            .article2 .art-info>div:hover p {
                color: #2D51B2;
            }

            .article2 .art-info>div:hover p a {
                color: #2D51B2;
            }


.wp {
    position: relative;
    z-index: 9;
}