.wn-body {
    background: white;
}

.wn-body a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.category-main-header {
    position: relative;
    height: 450px;
}

.category-main-header .main-img {
    display: block;
    height: 450px;
}

.title-wrap {
    height: 100%;
}

.page-link:hover {
    cursor: pointer;
}

.cont-top {
    position: absolute;
    bottom: 44px;
    left: 0;
    width: 100%;
    z-index: 100;
}

.big-title {
    padding: 0 32px;
    height: 80px;
    line-height: 80px;
    color: white;
    font-size: 56px;
    font-weight: 600
}

.blue-trapezoid-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -44px;
}

.blue-trapezoid {
    padding: 0 32px;
    height: 87px;
    line-height: 87px;
    background: url("../img/news/zu159.png") no-repeat left center;
    background-size: cover;
}


.blue-trapezoid-text {
    display: flex;
    align-items: center;
    color: white;
}

.blue-trapezoid .category-layer {
    margin-right: 16px;
    display: flex;
    align-items: center;
}

.blue-trapezoid .category-layer img {
    width: 14px;
    height: 14px;
}

.blue-trapezoid .category-layer .w-label {
    margin-left: 16px;
}

.blue-trapezoid .category-layer .w-pointer {
    font-weight: 700;
}

.blue-trapezoid .category-layer.active {
    font-weight: 700;
}

.news-cont {
    margin-top: 76px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 60px;
}

.news-cont-change-list {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 48px;
    width: 227px;
    background-color: #f2f3f9;
    margin-bottom: 20px;
}

.news-change-item {
    position: relative;
    padding: 0 22px 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
}



.rotate {
    transform: rotate(90deg);
}

.left-child {
    height: 1px; /*不要删这个高度 否则会导致展开失败！！*/
    overflow: hidden;
    transition: height 0.5s ease;
}

.expand {
    height: auto !important;
}

.news-change-item-child {

    margin-top: 1px;
    position: relative;
    padding: 0 22px 0 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    font-size: 16px;
    background-color: #f6f7fd;
}

.news-change-item-child-375 {
    width: 100vw;
    margin-top: 1px;
    position: relative;
    padding: 0 32px 0 47px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    height: 45px;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    background-color: #f6f7fd;
}

.news-change-item-child .active {
    background-color: paleturquoise !important;
    color: var(--w-yellow-color);
}

.news-change-item-child .item-text {
    white-space: nowrap;
    color: #676666;
    font-weight: 500;
    position: relative;
    z-index: 10;
}

.news-change-item-child.active .item-text {
    font-weight: 700;
    color: var(--w-yellow-color) !important;
}

.news-change-item-child .item-arrow {
    position: relative;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: url("../img/news/right-arrow.png");
    background-size: cover;
}

.news-change-item-child-375 .item-arrow {
    position: relative;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: url("../img/news/right-arrow.png");
    background-size: cover;
}

.news-change-item-child .item-arrow.rotate {
    transform: rotate(270deg); /* 旋转箭头 */
}

.news-change-item-child-375 .item-arrow.rotate {
    transform: rotate(270deg); /* 旋转箭头 */
}

.news-change-item-child:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: calc(100% - 8px);
    height: 2px;
    background-color: white;
}


.news-change-item-child:hover {
    color: var(--w-yellow-color);
}

/*.news-change-item-child.active:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top:0;*/
/*    height: 60px;*/
/*    z-index: 1;*/
/*    background: paleturquoise;*/
/*}*/
/*.news-change-item-child.active:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -18px;*/
/*    bottom: -16px;*/
/*    width: 18px;*/
/*    height: 16px;*/
/*    z-index: 1;*/
/*    background-size: cover;*/
/*}*/


.news-change-item:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: calc(100% - 8px);
    height: 2px;
    background-color: white;
}



.news-change-item .item-text {
    position: relative;
    z-index: 10;
}

.news-change-item-375.item-text {
    position: relative;
    z-index: 10;
}
.news-change-item-375-expand.item-text {
    position: relative;
    z-index: 10;
}

.news-change-item .item-arrow {
    position: relative;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: url("../img/news/right-arrow.png");
    background-size: cover;
}

.news-change-item-375 .item-arrow {
    position: relative;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: url("../img/news/right-arrow-375.png");
    background-size: cover;
}
.news-change-item-375-expand .item-arrow {
    position: relative;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: url("../img/news/right-arrow-375.png");
    background-size: cover;
}

.news-change-item.active .item-arrow {
    background: url("../img/news/right-arrow-black.png");
    background-size: cover;
}

.news-change-item-375.active .item-arrow {
    background: url("../img/news/right-arrow-black.png");
    background-size: cover;
}
.news-change-item-375-expand.active .item-arrow {
    background: url("../img/news/right-arrow-black.png");
    background-size: cover;
}

.news-change-item:hover {
    color: var(--w-yellow-color);
}

.news-change-item-375:hover {
    color: var(--w-yellow-color);
}
.news-change-item-375-expand:hover {
    color: var(--w-yellow-color);
}

.news-change-item.active .item-text {
    font-weight: 700;;
    color: rgba(51, 51, 51, 1) !important;
}

.news-change-item.active:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% + 18px);
    height: 60px;
    z-index: 1;
    background: var(--w-yellow-color);
}

.news-change-item.active:after {
    content: "";
    position: absolute;
    left: -18px;
    bottom: -16px;
    width: 18px;
    height: 16px;
    z-index: 1;
    background: url("../img/news/lj52.png") no-repeat right center;
    background-size: cover;
}

.news-cont-change-list-item {

    flex-wrap: wrap;
    width: 220px;
    height: 60px;
    background-color: #f2f3f9;
    padding-top: 19px;
    padding-left: 16px;
}

.news-cont-change-list-item:hover {
    display: flex;
    flex-wrap: wrap;
    width: 245px;
    height: 60px;
    background-color: #FFB84C;
    padding-top: 19px;
    padding-left: 34px;
    margin-left: -18px;
}

.news-cont-change-list-item.active {
    display: flex;
    flex-wrap: wrap;
    width: 245px;
    height: 60px;
    background-color: #FFB84C;
    padding-top: 19px;
    padding-left: 34px;
    margin-left: -18px;
}

.news-cont-change-list-item-text {
    width: 150px;
    height: 21px;
}

.news-cont-change-list-item:hover .news-cont-change-list-item-text {
    color: #666666;
    font-weight: 600;
    width: 150px;
    height: 21px;
}

.news-cont-change-list-item-triangle {
    position: relative;
    z-index: 99;
    margin-left: -184.2px;
    margin-top: 41px;
    width: 18px;
    height: 17px;
    visibility: hidden;

}

.news-cont-change-list-item:hover .news-cont-change-list-item-triangle {
    margin-left: -184.2px;
    margin-top: 41px;
    width: 18px;
    height: 17px;
    visibility: visible;
}

.news-cont-change-list-item-arrow {
    width: 10px;
    height: 17px;
    /*background-color: red;*/
    margin-left: 195px;
}

.news-cont-change-list-line {
    width: 210px;
    height: 1.2px !important;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}


.news-list-cont {
    flex-grow: 1;
    padding-right: 32px;
}

.news-list-cont-title {
    height: 60px;
    line-height: 60px;
    color: #234D89;
    font-size: 25px;
    font-weight: 700;
}

.news-list-cont-title-line-cont {
    background-color: #E3E3E3;
    width: 903px;
    height: 4px;
}

.news-list-cont-title-left-line {
    background-color: #234D89;
    width: 93px;
    height: 4px;
}

.page-news-list .news-list {
    margin-top: 24px;
}


.page-news-list .news-list-item {
    position: relative;
    margin-bottom: 32px;
    padding-bottom: 32px;
    display: flex;
    border-bottom: 1px solid #E3E3E3;;
}

/*动画化 新闻列表*/
.page-news-list .news-list-item:hover .news-list-item-text-title {
    /*color: rgba(35, 77, 137, 1);*/
    /*    font-size: 20px;*/
    animation: textColorAndSizeAnimation 0.2s ease-in-out forwards; /* 触发动画 */

}

@keyframes textColorAndSizeAnimation {
    0% {
        color: rgba(51, 51, 51, 1); /* 初始颜色 */
        font-size: 18px; /* 初始字体大小 */
    }
    10% {
        color: rgba(51, 51, 51, 0.95);
        font-size: 18px;
    }
    20% {
        color: rgba(51, 51, 51, 0.9);
        font-size: 18px;
    }
    30% {
        color: rgba(51, 51, 51, 0.85);
        font-size: 18px;
    }
    40% {
        color: rgba(35, 77, 137, 0.8);
        font-size: 18px;
    }
    50% {
        color: rgba(35, 77, 137, 0.8);
        font-size: 18px;
    }
    60% {
        color: rgba(35, 77, 137, 0.8);
        font-size: 18.1px;
    }
    70% {
        color: rgba(35, 77, 137, 0.9);
        font-size: 18.1px;
    }
    80% {
        color: rgba(35, 77, 137, 0.9);
        font-size: 18.1px;
    }
    90% {
        color: rgba(35, 77, 137, 0.9);
        font-size: 18.2px;
    }
    100% {
        color: rgba(35, 77, 137, 1); /* 最终颜色 */
        font-size: 18.2px; /* 最终字体大小 */
    }
}

/*动画化 新闻列表end*/

.page-news-list .news-list-img {
    margin-right: 24px;
    width: 350px !important;
    height: 262px;
    background-image: url("../img/news/011bbfda909b1bbc5322920a699d30ef_compress.png");
    object-fit: cover;
}

.page-news-list .news-list-item-text-time {
    margin-bottom: 24px;
    width: 521px;
    height: 18px;
    line-height: 18px;
    color: #666666;
    font-weight: 300;
}

.page-news-list .news-list-item-text-title {
    height: 25px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 1; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
    margin-bottom: 8px;
    color: #333333;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.5s ease-in-out; /* 平滑过渡效果 */
}

.page-news-list .news-list-item-text-context {
    line-height: 25px;
    height: 74px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 3; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
    /*background-color:paleturquoise;*/
    color: #666666;
    font-size: 16px;
}

.page-news-list .item-learn-more {
    margin-top: 76px;
    display: block;
    width: 146px;
    height: 38px;
    cursor: pointer;
}

.page-news-list .item-watch {
    position: absolute;
    right: 0;
    bottom: 40px;
    display: flex;
    align-items: center;
}

.page-news-list .watch-icon {
    width: 12px;
    height: 12px;
}

.page-news-list .watch-number {
    margin-left: 4px;
    text-align: center;
    font-size: 12px;
    color: #CECECE;
}

.right-pagination {
    margin-left: 900px;
}

/*===================================overview2=================================*/

.overview2-list-cont-text-item-cont {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 894px;
    /*height:238px;*/
    /*background-color: pink;*/
    gap: 24px;
}

.overview2-list-cont-text-item {
    /*margin-top: 30px;*/
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 435px;
}

.overview2-list-cont-text-item-cont-line {
    margin-top: 30px;
    margin-bottom: 30px; /* 上下间距 */
    width: 894px; /* 分割线宽度 */
    height: 2px;
    border-bottom: 3px dashed #e3e3e3;
}


.overview2-list-cont-title {
    text-align: center;
    color: #234D89;
    font-size: 25px;
    font-weight: 700;
    margin-top: 27px;
    margin-bottom: 3px;
}


.overview2-list-cont-text-item-img {
    width: 211px;
    height: 238px;
    background-color: white;
    background-image: url("../img/news/011bbfda909b1bbc5322920a699d30ef_compress.png");
    background-size: contain;
    /*只显示一张 居中*/
    background-repeat: no-repeat;
    background-position: center;
    /*background-position: 50% 50%;*/
}

.overview2-list-cont-text-item-img-line {
    position: relative;
    z-index: 1;
    margin-top: -4px;
    width: 211px;
    height: 4px;
    background-color: #234D89;
}

.overview2-list-cont-text-item-img-line-left {
    width: 82px;
    height: 4px;
    background-color: #FFD25A;
}

.overview2-list-cont-text-item-text {
    width: 224px;
    height: 238px;
    background-color: #F2F3F9;
    padding-top: 32px;
    padding-left: 24px;
}

.overview2-list-cont-text-item-text-name {
    /*display: inline-block;*/
    display: flex;
    flex-wrap: wrap;
    height: 28px;
    /*background-color:plum;*/
    font-size: 12pt;
    margin-bottom: 1px;
    color: #234D89;
    font-weight: 600;
}

.overview2-list-cont-text-item-text-title {
    width: 60px;
    height: 14px;
    margin-left: 5px;
    margin-top: 6.1px;
    /*background-color:paleturquoise;*/
    font-size: 8pt;
    color: #666666;
    font-weight: 300;
}

.overview2-list-cont-text-item-text-context {
    width: 186px;
    height: 138px;
    /*background-color:peachpuff;*/
    font-size: 10pt;
    margin-top: 8px;
    color: #666666;
}


/*====================================news3==================================*/
.news3-list-item-gray-line {
    background-color: #E3E3E3;
    width: 895px;
    height: 1px;
}

.news3-list-item-text-cont {
    width: 521px;
    /*background-color:palegreen;*/
    height: 262px;
    margin-left: 24px;
}

.news3-list-item {
    display: flex;
    flex-wrap: wrap;
    /*background-color:plum;*/
    height: 88px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.news3-list-item-right-time {
    width: 71px;
    height: 86px;
    margin-top: -8px;
}

.news3-list-item-right-time-day {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 7px;
    width: 71px;
    height: 66px;
    color: #006FAF;
    font-size: 22pt;
    font-weight: 400;
    font-family: Tahoma, sans-serif;
}

.news3-list-item-right-time-year {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 71px;
    height: 20px;
    background: linear-gradient(to right, #2B6FE7, #245297, #234D89);
    color: white;
    font-family: Tahoma, sans-serif;
    font-size: 10pt;
    margin-top: -1px;
}

.news3-list-item-text-title {
    width: 780px;
    height: 25px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 1; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
    /*background-color:pink;*/
    margin-bottom: 8px;
    color: #333333;
    font-weight: 600;
    font-size: 15pt;
}

.news3-list-item:hover .news3-list-item-text-title {
    animation: textColorChange 0.5s ease-in-out forwards;
}

.news3-list-item-text-context {
    width: 780px;
    height: 52px; /*此处高度慎重修改！可能导致显示问题 根据需要设置高度（显示的行数高度之和） */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: -webkit-box; /* 使用弹性盒子模型 */
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直布局 */
    /*background-color:paleturquoise;*/
    margin-bottom: 78px;
    color: #666666;
    font-size: 13pt;
}


@media (min-width: 769px) and (max-width: 1200px) {
    .blue-trapezoid .category-layer {
        margin-right: 0 !important;

    }

    .blue-trapezoid .category-layer .w-label {
        margin-left: 8px !important;
        margin-right: 7px !important;
        font-size: 12px;
        white-space: nowrap;
    }

    .news-list-cont-title-line-cont {
        width: 455px !important;
    }

    .news-list-cont {
        width: 455px !important;
    }

    .news2-list-cont-title {
        width: auto !important;
    }

    .page-news-list .news-list-img {
        width: 215px !important;
        height: 150px !important;
    }





    .news-list-item {
        display: flex;
        flex-direction: column;
    }

    .page-news-list .news-list-img {
        margin-right: 0 !important;
        width: 455px !important;
        height: 300px!important;

    }

    .page-news-list .news-list-item-text-time {
        margin-top: 24px;
        width: 455px ;
    }

    .news3-list-item-text-cont {
        width: 455px ;
    }

    .item-right {
        width: 455px  !important;
    }









    .img_vsb_content {
        max-width: 451px !important;
        height: auto !important;
        object-fit: cover;
    }


}

@media (max-width: 768px) {
    .news-cont-change-list {
        display: none !important;
    }

    .blue-trapezoid .category-layer {
        margin-right: 0 !important;

    }

    .blue-trapezoid .category-layer .w-label {
        margin-left: 8px !important;
        margin-right: 7px !important;
        font-size: 12px;
        white-space: nowrap;
    }

    .news-list-cont-title-line-cont {
        width: 311px;
    }

    .news-list-item {
        display: flex;
        flex-direction: column;
    }

    .page-news-list .news-list-img {
        margin-right: 0 !important;
        width: 311px !important;
        height: 227px;

    }

    .page-news-list .news-list-item-text-time {
        margin-top: 24px;
        width: 311px;
    }

    .news3-list-item-text-cont {
        width: 311px;
    }

    .item-right {
        width: 311px !important;
    }

    .news-list-cont {
        padding: 0 32px !important;
        width: 311px;
        overflow: hidden;
    }

    .img_vsb_content {
        max-width: 311px !important;
        height: auto !important;
        object-fit: cover;
    }

    .blue-trapezoid {
        background: url("../img/news/z406.png") no-repeat left center;
        background-size: cover;
        height: 90px;
    }

    .category-main-header .main-img{
        height: 320px!important;
    }
    .blue-trapezoid-wrap {
        bottom: 86px!important;
    }
    .news-cont {
        margin-top: -60px!important;

    }

}