.news-wrapper .tab-content {
    padding: 1.2rem 0;
    margin: 0;
}
.news-wrapper .swiper-banner {
    margin-bottom: .9rem;
    height: 4rem;
}
.news-wrapper .swiper-horizontal>.swiper-pagination-bullets, .news-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal, .news-wrapper .swiper-pagination-custom, .news-wrapper .swiper-pagination-fraction {
    bottom: -.1rem;
}
.news-wrapper .swiper-banner .cell {
    cursor: pointer;
    height: 3.6rem;
    overflow: hidden;
    text-align: left;
    width: 100%;
}
.news-wrapper .swiper-banner .cell .title {
    font-size: .28rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .4rem;
    margin-bottom: .32rem;
}
.news-wrapper .swiper-banner .cell .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    margin-bottom: .2rem;
}

.news-wrapper .cell .cover {
    position: relative;
    width: 7.48rem;
    height: 100%;
}

.news-wrapper .cell .cover .my-preview {
    width: 100%;
    height: 100%
}

.news-wrapper .cell .time-content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: .2rem;
    width: 1.28rem;
    height: 1.28rem;
    background-color: #ffffffe6;
    text-align: center;
    padding-top: .04rem;
}

.news-wrapper .cell .time-content > div:first-child {
    font-size: .56rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .78rem;
}

.news-wrapper .cell .time-content > div:last-child {
    font-size: .24rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .28rem;
}

.news-wrapper .swiper-banner img {
    height: 100%;
}

.news-wrapper .cell .content {
    flex: 1;
    overflow: hidden;
    padding: 0 .4rem;
    background: #f7f8fb;
    height: 100%;
}

.news-wrapper .list .grid {
    display: grid;
    row-gap: .54rem;
    grid-template-columns: repeat(auto-fill,3.54rem);
    justify-content: space-between
}

.news-wrapper .list .news-card .title {
    font-size: .2rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .23rem;
    margin-bottom: .08rem;
    height: .47rem;
}

.list .news-card {
    border-bottom: .01rem solid #e6e8ee;
    width: 3.54rem;
    padding-bottom: .22rem;
    cursor: pointer
}

.list .news-card .my-preview {
    width: 100%;
    height: 2.36rem;
    margin-bottom: .12rem
}

.list .news-card .title {
    font-size: .2rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .23rem;
    margin-bottom: .08rem
}

.list .news-card .time {
    font-size: .14rem;
    font-weight: 400;
    color: #a1a3a6;
    line-height: .16rem;
    margin-bottom: .04rem
}

.enterprise-news .news-card {
    padding: .32rem 0;
    border-bottom: .01rem solid #d2d6dd;
    cursor: pointer
}

.enterprise-news .news-card:first-child {
    border-top: .01rem solid #d2d6dd
}

.enterprise-news .news-card .time-content {
    width: 2.08rem
}

.enterprise-news .news-card .time-content>div:first-child {
    font-size: .56rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .66rem
}

.enterprise-news .news-card .time-content>div:last-child {
    font-size: .24rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .28rem
}

.enterprise-news .news-card .content {
    flex: 1;
    min-height: 1.38rem;
    padding-left: .36rem;
    border-left: .01rem solid #d2d6dd
}

.enterprise-news .news-card .content .my-preview {
    width: 2.4rem;
    height: 1.66rem;
    margin-right: .36rem;
    overflow: hidden;
}

.enterprise-news .news-card .content .info {
    flex: 1
}

.enterprise-news .news-card .content .info .title {
    font-size: .24rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .28rem;
    margin: 0;
    height: auto;
}

.enterprise-news .news-card .content .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    text-indent: 2em
}

.industry-information .news-card {
    padding: .32rem 0;
    border-bottom: .01rem solid #d2d6dd
}

.industry-information .news-card:first-child {
    border-top: .01rem solid #d2d6dd
}

.industry-information .news-card .my-preview {
    width: 2.4rem;
    height: 1.66rem;
    margin-right: .32rem
}

.industry-information .news-card .info {
    width: calc(100% - 2.72rem);
    flex: 1;
    min-height: 1.38rem;
}

.industry-information .news-card .info .title {
    font-size: .24rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .28rem;
}

.industry-information .news-card .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    text-indent: 2em;
    white-space: normal;
}

.industry-information .news-card .info .time {
    font-size: .16rem;
    font-weight: 400;
    color: #a1a3a6;
    line-height: .26rem
}

.media-focus .top-list {
    margin-bottom: 1.2rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(auto-fill,1fr);
    gap: .2rem
}

.media-focus .top-list .cell {
    position: relative;
    height: 3rem
}

.media-focus .top-list .cell .my-preview,
.media-focus .top-list .cell .my-preview img{
    width: 100%;
    height: 100%
}

.media-focus .top-list .cell .content {
    background: rgba(0,0,0,.5);
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1.36rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: .2rem;
    padding-right: .44rem
}

.media-focus .top-list .cell .content .title {
    font-size: .2rem;
    font-weight: 400;
    color: #fff;
    line-height: .23rem
}

.media-focus .top-list .cell .content .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    line-height: .2rem
}

.media-focus .top-list .cell .content .time {
    font-size: .14rem;
    font-weight: 400;
    color: #fff;
    line-height: .16rem
}

.media-focus .top-list .cell:first-child {
    grid-column-end: span 2;
    grid-row-end: span 2;
    height: 6.2rem
}

.media-focus .top-list .cell:first-child .content {
    height: 1.74rem
}

.media-focus .top-list .cell:first-child .content .title {
    font-size: .24rem;
    font-weight: 400;
    color: #fff;
    line-height: .28rem
}

.media-focus .top-list .cell:first-child .content .desc,.media-focus .top-list .cell:first-child .content .time {
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    line-height: .2rem;
}
.media-focus .top-list .cell:first-child .content .desc {
    height: .4rem;
    white-space: initial;
}

.bottom-list .grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .4rem .64rem
}

.news-card {
    overflow: hidden;
    padding-bottom: .4rem;
    border-bottom: .01rem solid #d2d6dd
}

.bottom-list .news-card .title {
    font-size: .24rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .26rem;
    margin-bottom: .16rem
}

.bottom-list .news-card .my-preview {
    width: 3.54rem;
    height: 2.18rem;
    margin-right: .2rem
}

.bottom-list .news-card .info {
    flex: 1;
    width: calc(100% - 3.74rem);
}

.bottom-list .news-card .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .26rem;
    white-space: normal;
}

.bottom-list .news-card .info .time {
    font-size: .16rem;
    font-weight: 400;
    color: #a1a3a6;
    line-height: .2rem;
    margin-top: .12rem
}
.my-preview img {
    width: 100%;
    height: 100%;
}

.research-results .grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .6rem .4rem
}

.research-results .grid .cell {
    background: #ffffff;
    box-shadow: 0 .04rem .32rem .01rem #0000000f
}

.research-results .grid .cell .my-preview {
    height: 3.4rem;
    width: 100%
}

.research-results .grid .cell .title {
    height: .82rem;
    font-size: .32rem;
    font-weight: 500;
    color: #000;
    line-height: .82rem;
    border-bottom: .01rem solid #dddddd;
    display: block;
    padding: 0 .2rem;
}

.research-results .grid .cell .content {
    display: flex;
    flex-wrap: wrap;
    padding: .2rem .32rem;
    margin-top: -.2rem
}

.research-results .grid .cell .content .svg {
    width: .44rem;
    height: .44rem;
    background: #f7f8fb;
    border-radius: .06rem;
    font-size: .44rem;
    color: #2a2b2d;
    margin-top: .2rem
}

.research-results .grid .cell .content .tag {
    min-width: .8rem;
    height: .44rem;
    background: #f7f8fb;
    border-radius: .22rem;
    margin-top: .2rem;
    padding: 0 .16rem;
    font-size: .16rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .19rem;
    margin-left: .32rem
}

.research-results .pagination {
    margin-top: .72rem
}


.public-notice .news-card {
    padding: .32rem 0;
    border-bottom: .01rem solid #d2d6dd;
    cursor: pointer
}

.public-notice .news-card:first-child {
    border-top: .01rem solid #d2d6dd
}

.public-notice .news-card .time-content {
    width: 2.08rem
}

.public-notice .news-card .time-content>div:first-child {
    font-size: .56rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .66rem
}

.public-notice .news-card .time-content>div:last-child {
    font-size: .24rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .28rem
}

.public-notice .news-card .content {
    flex: 1;
    min-height: 1.38rem;
    padding-left: .36rem;
    border-left: .01rem solid #d2d6dd
}

.public-notice .news-card .content .my-preview {
    width: 2.4rem;
    height: 1.66rem;
    margin-right: .36rem
}

.public-notice .news-card .content .info {
    flex: 1
}

.public-notice .news-card .content .info .title {
    font-size: .24rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .28rem
}

.public-notice .news-card .content .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    text-indent: 2em
}

.charity .top-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem;
    margin-bottom: 1rem
}
.charity .top-list .cell {
    height: 5rem;
    position: relative;
    background: #ffffff;
    box-shadow: 0 .04rem .32rem .01rem #0000000f
}

.charity .top-list .cell .time-content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: .19rem;
    width: 1.28rem;
    height: 1.28rem;
    background-color: #ffffffe6;
    text-align: center;
    padding-top: .04rem
}

.charity .top-list .cell .time-content>div:first-child {
    font-size: .56rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .78rem
}

.charity .top-list .cell .time-content>div:last-child {
    font-size: .24rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .28rem
}

.charity .top-list .cell .my-preview {
    width: 100%;
    height: 4rem
}

.charity .top-list .cell .title {
    flex: 1;
    padding: .35rem .2rem 0;
    font-size: .28rem;
    font-weight: 500;
    color: #000;
    width: 7.4rem;
    display: block;
}

@media screen and (max-width: 720px) {
    .news-wrapper .tab-content {
        padding: .2rem 0 .4rem;
    }
    .news-wrapper .swiper-banner {
        height:3rem;
        margin-bottom: .4rem;
    }

    .news-wrapper .swiper-banner .cell {
        height: 2.7rem;
        flex-direction: column;
        align-items: flex-start
    }

    .news-wrapper .swiper-banner .cell .cover {
        position: relative;
        width: 100%;
        height: 1.6rem
    }

    .news-wrapper .swiper-banner .cell .cover .my-preview {
        width: 100%;
        height: 100%
    }

    .news-wrapper .swiper-banner .cell .cover .time-content {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: .6rem;
        height: .6rem;
        background-color: #ffffffe6;
        text-align: center;
        padding-top: .1rem
    }

    .news-wrapper .swiper-banner .cell .cover .time-content>div:first-child {
        font-size: .24rem;
        font-weight: 600;
        color: #2a2b2d;
        line-height: .26rem
    }

    .news-wrapper .swiper-banner .cell .cover .time-content>div:last-child {
        font-size: .12rem;
        font-weight: 600;
        color: #2a2b2d;
        line-height: .14rem
    }

    .news-wrapper .swiper-banner .cell .content {
        flex: 1;
        width: 100%;
        overflow: hidden;
        padding: 0 .06rem;
        background: #f7f8fb;
        height: 100%
    }

    .news-wrapper .swiper-banner .cell .content>div:last-child {
        justify-content: flex-end
    }

    .news-wrapper .swiper-banner .cell .content .title {
        font-size: .12rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .14rem;
        margin-bottom: .06rem
    }

    .news-wrapper .swiper-banner .cell .content .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #616366;
        line-height: .18rem;
        margin-bottom: .14rem
    }
    .news-wrapper .swiper-horizontal>.swiper-pagination-bullets, .news-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal, .news-wrapper .swiper-pagination-custom, .news-wrapper .swiper-pagination-fraction {
        bottom: 0;
    }
    .swiper-pagination-bullet {
        width: .2rem!important;
        height: .02rem!important;
    }

    .news-wrapper .list .grid {
        display:grid;
        row-gap: .14rem;
        grid-template-columns: repeat(2,1.6rem);
        justify-content: space-between
    }

    .list .news-card {
        border-bottom:.01rem solid #e6e8ee;
        width: 1.6rem;
        padding-bottom: .2rem;
        cursor: pointer
    }

    .list .news-card .my-preview {
        width: 100%;
        height: 1.06rem;
        margin-bottom: .06rem
    }

    .list .news-card .title, .news-wrapper .list .news-card .title {
        font-size: .12rem;
        font-weight: 400;
        color: #2a2b2d;
        line-height: .14rem;
        margin-bottom: .06rem;
        height: .28rem;
    }

    .list .news-card .time {
        font-size: .12rem;
        font-weight: 400;
        color: #a1a3a6;
        line-height: .14rem;
        margin-bottom: .04rem
    }

    .enterprise-news .news-card {
        padding:.14rem 0;
        width: 100%;
        border-bottom: .01rem solid #d2d6dd;
        cursor: pointer;
        flex-direction: column;
        align-items: flex-start
    }

    .enterprise-news .news-card:first-child {
        border-top: .01rem solid #d2d6dd
    }

    .enterprise-news .news-card .time-content {
        min-width: .51rem;
        width: unset;
        margin-bottom: .14rem
    }

    .enterprise-news .news-card .time-content>div:first-child {
        font-size: .2rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .2rem;
        margin-bottom: .02rem
    }

    .enterprise-news .news-card .time-content>div:last-child {
        font-size: .12rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .14rem
    }

    .enterprise-news .news-card .content {
        flex: 1;
        width: 100%;
        flex-direction: column;
        min-height: 0;
        padding-left: 0;
        border-left: unset
    }

    .enterprise-news .news-card .content .my-preview {
        max-width: 100%;
        max-height: 2rem;
        margin-right: 0;
        margin-bottom: .14rem
    }

    .enterprise-news .news-card .content .info {
        flex: 1
    }

    .enterprise-news .news-card .content .info .title {
        font-size: .12rem;
        margin-bottom: .06rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .14rem
    }

    .enterprise-news .news-card .content .info .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #616366;
        line-height: .18rem;
        text-indent: 2em;
        margin-bottom: .06rem
    }

    .industry-information .news-card {
        padding:.14rem 0;
        border-bottom: .01rem solid #d2d6dd;
        flex-direction: column
    }

    .industry-information .news-card:first-child {
        border-top: .01rem solid #d2d6dd
    }

    .industry-information .news-card .my-preview {
        max-width: 100%;
        max-height: 2rem;
        margin-right: 0;
        margin-bottom: .14rem
    }

    .industry-information .news-card .info {
        flex: 1;
        min-height: unset;
        justify-content: flex-start;
        width: 100%;
    }

    .industry-information .news-card .info .title {
        font-size: .14rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .18rem;
        margin-bottom: .06rem
    }

    .industry-information .news-card .info .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #616366;
        line-height: .18rem;
        text-indent: 2em;
        margin-bottom: .06rem
    }

    .industry-information .news-card .info .time {
        font-size: .12rem;
        font-weight: 400;
        color: #a1a3a6;
        line-height: .14rem
    }

    .media-focus .top-list {
        margin-bottom: .4rem
    }
    .media-focus .top-list {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1.2rem);
        gap: .1rem
    }

    .media-focus .top-list .cell {
        height: 1.2rem;
        position: relative
    }

    .media-focus .top-list .cell .my-preview {
        width: 100%;
        height: 100%
    }

    .media-focus .top-list .cell .content {
        background: rgba(0,0,0,.5);
        position: absolute;
        z-index: 2;
        width: 100%;
        bottom: 0;
        left: 0;
        height: .64rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 0 .06rem
    }

    .media-focus .top-list .cell .content .title {
        font-size: .14rem;
        font-weight: 500;
        color: #fff;
        line-height: .19rem
    }

    .media-focus .top-list .cell .content .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #fff;
        line-height: .16rem
    }

    .media-focus .top-list .cell .content .time {
        font-size: .12rem;
        font-weight: 400;
        color: #fff;
        line-height: .14rem
    }

    .media-focus .top-list .cell:first-child {
        grid-column-end: span 2;
        grid-row-end: span 2;
        height: unset
    }

    .media-focus .top-list .cell:first-child .content {
        height: .8rem;
    }

    .media-focus .top-list .cell:first-child .content .title {
        font-size: .14rem;
        font-weight: 500;
        color: #fff;
        line-height: .16rem;
    }

    .media-focus .top-list .cell:first-child .content .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #fff;
        line-height: .2rem;
        height: .16rem;
        -webkit-line-clamp: 1;
    }

    .media-focus .top-list .cell:first-child .content .time {
        font-size: .12rem;
        font-weight: 400;
        color: #fff;
        line-height: .14rem
    }
    .bottom-list .grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: .14rem 0;
    }
    .bottom-list .news-card {
        padding-bottom: .14rem;
    }
    .bottom-list .news-card .title {
        font-size: .12rem;
        line-height: .16rem;
        margin-bottom: .08rem;
    }
    .bottom-list .news-card .my-preview {
        width: 1.18rem;
        height: .72rem;
        margin-right: .06rem;
    }
    .bottom-list .news-card .info {
        width: 100%;
    }
    .bottom-list .news-card .info .desc {
        font-size: .12rem;
        line-height: .16rem;
    }
    .bottom-list .news-card .info .time {
        font-size: .12rem;
        line-height: .14rem;
        margin-top: .05rem;
    }

    .research-results .grid {
        display: block;
    }

    .research-results .grid .cell {
        padding: .06rem;
        padding-bottom: 0;
    }

    .research-results .grid .cell .my-preview {
        height: 1.45rem;
        width: 100%;
        margin-bottom: 0;
    }

    .research-results .grid .cell .title {
        height: .36rem;
        font-size: .14rem;
        line-height: .36rem;
    }

    .research-results .grid .cell .content {
        display: flex;
        flex-wrap: wrap;
        padding: .14rem 0;
        margin-top: 0;
        gap: .14rem
    }

    .research-results .grid .cell .content .svg {
        width: .28rem;
        height: .28rem;
        background: #f7f8fb;
        border-radius: .04rem;
        font-size: .18rem;
        color: #2a2b2d;
        margin-top: 0
    }

    .research-results .grid .cell .content .tag {
        min-width: .6rem;
        height: .28rem;
        background: #f7f8fb;
        border-radius: .14rem;
        margin-top: 0;
        padding: 0 .16rem;
        font-size: .12rem;
        font-weight: 400;
        color: #2a2b2d;
        line-height: .14rem;
        margin-left: 0
    }

    .public-notice .news-card {
        padding:.14rem 0;
        width: 100%;
        border-bottom: .01rem solid #d2d6dd;
        cursor: pointer;
        flex-direction: column;
        align-items: flex-start
    }

    .public-notice .news-card:first-child {
        border-top: .01rem solid #d2d6dd
    }

    .public-notice .news-card .time-content {
        min-width: .51rem;
        width: unset;
        margin-bottom: .14rem
    }

    .public-notice .news-card .time-content>div:first-child {
        font-size: .2rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .2rem;
        margin-bottom: .02rem
    }

    .public-notice .news-card .time-content>div:last-child {
        font-size: .12rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .14rem
    }

    .public-notice .news-card .content {
        flex: 1;
        width: 100%;
        flex-direction: column;
        min-height: 0;
        padding-left: 0;
        border-left: unset
    }

    .public-notice .news-card .content .my-preview {
        max-width: 100%;
        max-height: 2rem;
        margin-right: 0;
        margin-bottom: .14rem
    }

    .public-notice .news-card .content .info {
        flex: 1
    }

    .public-notice .news-card .content .info .title {
        font-size: .12rem;
        margin-bottom: .06rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .14rem
    }

    .public-notice .news-card .content .info .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #616366;
        line-height: .18rem;
        text-indent: 2em;
        margin-bottom: .06rem
    }
    .charity .top-list {
        margin-bottom: .3rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    .charity .top-list .cell {
        width: 48%;
        margin-right: 4%;
        height: auto;
    }
    .charity .top-list .cell:nth-child(2n) {
        margin-right: 0;
    }
    .charity .top-list .cell .time-content {
        position: absolute;
        z-index: 2;
        top: .06rem;
        left: .1rem;
        width: .55rem;
        height: .44rem;
        background-color: #ffffffe6;
        text-align: center;
        padding-top: .04rem
    }

    .charity .top-list .cell .time-content>div:first-child {
        font-size: .2rem;
        font-weight: 600;
        color: #2a2b2d;
        line-height: .2rem;
        margin-bottom: .02rem
    }

    .charity .top-list .cell .time-content>div:last-child {
        font-size: .12rem;
        font-weight: 600;
        color: #2a2b2d;
        line-height: .14rem
    }

    .charity .top-list .cell .my-preview {
        width: 100%;
        height: 1.1rem;
    }

    .charity .top-list .cell .title {
        font-size: .14rem;
        font-weight: 500;
        padding: .1rem .05rem;
        width: 100%;
    }

}