.page_container {
    position: relative;
    /* color: #3D3D3D; */
}

.page_container img {
    width: 100%;
}

.page_container .web_show {
    display: block;
}

.page_container .mob_show {
    display: none;
}

@media (max-width:834px) {
    .page_container .web_show {
        display: none;
    }

    .page_container .mob_show {
        display: block;
    }
}

.page_container .page_breadcrumb {
    background: #F6F6F6;
}

.page_container .page_breadcrumb ul {
    display: flex;
    width: 72.916667vw;
    padding: 0.520833vw 0;
    margin: 0 auto;
}

.page_container .page_breadcrumb ul li {
    font-size: 0.833333vw;
    line-height: 1.5;
    color: #3D3D3D;
    margin-right: 0.208333vw;
}

.page_container .page_breadcrumb ul li a {
    position: relative;
    color: #3D3D3D;
    padding-right: 0.833333vw;
}

.page_container .page_breadcrumb ul li a::after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 0.833333vw;
    color: #3D3D3D;
}

@media (max-width:834px) {
    .page_container .page_breadcrumb {
        display: none;
    }
}

.page_container .page_banner {
    position: relative;
}

.page_container .page_banner .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.page_container .page_banner .txt_box h2 {
    font-size: 2.916667vw;
    font-weight: bold;
    line-height: 3.854167vw;
    color: #fff;
    padding: 0;
    margin: 0 0 0.833333vw;
}

.page_container .page_banner .txt_box .txt {
    font-size: 1.25vw;
    line-height: 1.666667vw;
    color: #fff;
}

@media (max-width:834px) {
    .page_container .page_banner .txt_box {
        width: 89.333333vw;
        /* top: 8vw;
        left: 50%;
        transform: translate(-50%, 0);
        text-align: center; */
    }

    .page_container .page_banner .txt_box h2 {
        font-size: 7.466667vw;
        line-height: 9.866667vw;
        margin: 0 0 2.133333vw;
    }

    .page_container .page_banner .txt_box .txt {
        font-size: 3.733333vw;
        line-height: 4.933333vw;
    }
}

.page_container .page_list_box {
    width: 72.916667vw;
    padding: 2.5vw 0 4.166667vw;
    margin: 0 auto;
    box-sizing: border-box;
}

.page_container .page_list_box .content_box_01 {
    display: flex;
    justify-content: space-between;
    /* padding: 0 4.6875vw; */
    margin-bottom: 2.5vw;
    width: 100%;
}

.page_container .page_list_box .content_box_01 .kind-tab-con {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.page_container .page_list_box .content_box_01 .show_all_box {
    position: relative;
    flex: 0 0 auto;
    padding-right: 1.09375vw;
    margin-right: 1.041667vw
}

.page_container .page_list_box .content_box_01 .show_all_box::after {
    content: '';
    position: absolute;
    width: 0.052083vw;
    height: 1.666667vw;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
}

.page_container .page_list_box .content_box_01 .show_all_box .txt {
    display: none;
}

.page_container .page_list_box .content_box_01 .show_all_box .show_all {
    display: block;
    font-size: 0.9375vw;
    font-weight: bold;
    color: #000;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 0.260417vw;
    padding: 0.520833vw 1.458333vw;
    user-select: none;
    cursor: pointer;
}

.page_container .page_list_box .content_box_01 .show_all_box .show_items {
    display: none;
}

.page_container .page_list_box .content_box_01 .show_all_box .show_all.on {
    color: #CE0E2D;
    background: none;
    border: 1px solid #CE0E2D;
}

.page_container .page_list_box .content_box_01 .filter_box {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.page_container .page_list_box .content_box_01 .filter_box ul {
    display: flex;
}

.page_container .page_list_box .content_box_01 .filter_box ul li {
    font-size: 0.9375vw;
    font-weight: bold;
    line-height: 1.09375vw;
    color: #000;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 0.260417vw;
    padding: 0.520833vw 0.833333vw;
    margin-right: 1.041667vw;
    user-select: none;
    cursor: pointer;
}

.page_container .page_list_box .content_box_01 .filter_box ul li.on {
    color: #CE0E2D;
    background: none;
    border: 1px solid #CE0E2D;
}

.page_container .page_list_box .content_box_01 .search_box {
    position: relative;
    display: flex;
    flex: 0 0 auto !important;
}

.page_container .page_list_box .content_box_01 .search_box .txt {
    display: none;
}

.page_container .page_list_box .content_box_01 .search_box .search_input {
    width: 100%;
    height: 100%;
    font-size: 0.833333vw;
    line-height: 0.9375vw;
    color: #3D3D3D;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.104167vw;
    padding-left: 0.833333vw;
    padding-right: 2.5vw;
}

.page_container .page_list_box .content_box_01 .search_box .search_input::-webkit-input-placeholder,
.page_container .page_list_box .content_box_01 .search_box .search_input:-moz-placeholder {
    font-size: 0.729167vw;
    line-height: 0.9375vw;
    color: #3D3D3D;
}

.page_container .page_list_box .content_box_01 .search_box .search_btn {
    position: absolute;
    display: flex;
    width: 1.041667vw;
    height: 1.041667vw;
    top: 50%;
    right: 0.729167vw;
    transform: translateY(-50%);
    cursor: pointer;
}

.page_container .page_list_box .content_box_02 {
    display: none;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 1.6vw;
    margin-bottom: 3.333333vw;
}

.page_container .page_list_box .content_box_02 p.no_result {
    font-size: 0.833333vw;
    line-height: 1.09375vw;
    color: #000;
}

.page_container .page_list_box .content_box_02 .item_box {
    display: flex;
    flex-direction: column;
    width: 23.229167vw;
    /* background: #F6F6F6; */
    box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.2);
    /* margin-bottom: 1.666667vw; */
}

.page_container .page_list_box .content_box_02 .item_box a {
    display: block;
}

.page_container .page_list_box .content_box_02 .item_box a .img_box {
    overflow: hidden;
}

.page_container .page_list_box .content_box_02 .item_box a .img_box img {
    transition: all 0.5s;
}

.page_container .page_list_box .content_box_02 .item_box a .img_box img:hover {
    transform: scale(1.05);
}

.page_container .page_list_box .content_box_02 .item_box a .txt_box {
    padding: 1.25vw;
}

.page_container .page_list_box .content_box_02 .item_box a .txt_box .date {
    font-size: 0.729167vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.416667vw;
}

.page_container .page_list_box .content_box_02 .item_box a .txt_box .tit {
    font-size: 0.9375vw;
    font-weight: bold;
    line-height: 1.5;
    color: #3D3D3D;
}

.page_container .page_list_box .content_box_02 .item_box:hover a .txt_box .tit {
    color: #C7000B;
}

.page_container .page_list_box .content_box_03 .pagination_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_container .page_list_box .content_box_03 .pagination_box a,
.page_container .page_list_box .content_box_03 .pagination_box span {
    font-size: 1.171875vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    margin-right: 1.666667vw;
}

.page_container .page_list_box .content_box_03 .pagination_box a.prev {
    width: 2.083333vw;
    height: 2.083333vw;
    background: url('/Assets/CNBG/v2/img/news/icon_02.png') no-repeat center;
    background-size: 80% 80%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0.3125vw;
}

.page_container .page_list_box .content_box_03 .pagination_box a.next {
    width: 2.083333vw;
    height: 2.083333vw;
    background: url('/Assets/CNBG/v2/img/news/icon_03.png') no-repeat center;
    background-size: 80% 80%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0.3125vw;
}

.page_container .page_list_box .content_box_03 .pagination_box span.active {
    font-weight: bold;
    color: #CE0E2D;
}

.page_container .page_list_box .content_box_03 .pagination_box .txt_01 {
    font-size: 0.9375vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 1.458333vw;
    margin-right: 0.416667vw;
}

.page_container .page_list_box .content_box_03 .pagination_box .txt_02 {
    font-size: 0.9375vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0.416667vw;
    margin-right: 1.458333vw;
}

.page_container .page_list_box .content_box_03 .pagination_box .jump-ipt {
    width: 2.083333vw;
    height: 1.5625vw;
    font-size: 0.833333vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0.104167vw;
    padding: 0 0.260417vw;
}

.page_container .page_list_box .content_box_03 .pagination_box .jump-btn {
    position: relative;
    font-size: 0.9375vw;
    padding-right: 1.666667vw;
}

.page_container .page_list_box .content_box_03 .pagination_box .jump-btn::after {
    content: '';
    position: absolute;
    width: 1.25vw;
    height: 1.25vw;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url('/Assets/CNBG/v2/img/news/icon_04.png') no-repeat;
    background-size: 100% 100%;
}

@media (max-width:1550px) {
    .page_container .page_list_box {
        width: 85.652%;
        padding: 2.5vw 15px 4.166667vw;
    }

    .page_container .page_list_box .content_box_02 .item_box {
        width: 32%;
    }

    .page_container .page_list_box .content_box_02 .item_box a .txt_box .date {
        font-size: 0.903226vw;
    }

    .page_container .page_list_box .content_box_02 .item_box a .txt_box .tit {
        font-size: 1.096774vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box a,
    .page_container .page_list_box .content_box_03 .pagination_box span {
        font-size: 1.398947vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_01 {
        font-size: 1.18499vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_02 {
        font-size: 1.18499vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .jump-btn {
        font-size: 1.18499vw;
    }
}

@media (max-width:1300px) {

    .page_container .page_list_box .content_box_03 .pagination_box a,
    .page_container .page_list_box .content_box_03 .pagination_box span {
        font-size: 1.583531vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_01 {
        font-size: 1.266825vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_02 {
        font-size: 1.266825vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .jump-btn {
        font-size: 1.266825vw;
    }
}

@media (max-width:834px) {
    .page_container .page_list_box {
        width: 89.333333vw;
        padding: 5.333333vw 0 10.666667vw;
    }

    .page_container .page_list_box .content_box_01 {
        flex-wrap: wrap;
        /* justify-content: flex-end; */
        padding: 0;
        margin-bottom: 5.333333vw;
        flex-direction: column-reverse;
    }

    .page_container .page_list_box .content_box_01 .show_all_box {
        display: flex;
        align-items: center;
        width: 100%;
        order: 2;
        padding-right: 0;
        margin-top: 4.8vw;
        margin-right: 3.733333vw;
    }

    .page_container .page_list_box .content_box_01 .show_all_box::after {
        display: none;
    }

    .page_container .page_list_box .content_box_01 .show_all_box .txt {
        display: inline;
        flex: 0 0 auto;
        font-size: 4.266667vw;
        font-weight: bold;
        line-height: 5.6vw;
        margin-right: 4.266667vw;
    }

    .page_container .page_list_box .content_box_01 .show_all_box .show_all {
        font-size: 3.733333vw;
        font-weight: normal;
        line-height: 4.933333vw;
        border-radius: 0.666667vw;
        padding: 1.6vw 2vw;
    }

    .page_container .page_list_box .content_box_01 .show_all_box .show_items {
        position: absolute;
        display: block;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 5.333333vw;
        height: 5.333333vw;
    }

    .page_container .page_list_box .content_box_01 .show_all_box .show_items.on {
        transform: rotateX(180deg) translateY(50%);
    }

    .page_container .page_list_box .content_box_01 .filter_box {
        display: none;
        order: 3;
        flex: 0 0 auto;
        width: 100%;
        padding-left: 12.8vw;
        width: 100%;
    }

    .page_container .page_list_box .content_box_01 .filter_box ul {
        flex-wrap: wrap;
    }

    .page_container .page_list_box .content_box_01 .filter_box ul li {
        font-size: 3.733333vw;
        font-weight: normal;
        line-height: 4.933333vw;
        border-radius: 0.666667vw;
        padding: 1.6vw 2vw;
        margin-top: 3.066667vw;
        margin-right: 3.066667vw;
    }

    .page_container .page_list_box .content_box_01 .search_box {
        width: 100% !important;
        order: 1;
        align-items: center;
    }

    .page_container .page_list_box .content_box_01 .search_box .txt {
        display: inline;
        flex: 0 0 auto;
        font-size: 4.266667vw;
        font-weight: bold;
        line-height: 5.6vw;
        margin-right: 4.266667vw;
    }

    .page_container .page_list_box .content_box_01 .search_box .search_input {
        height: 9.866667vw;
        font-size: 3.733333vw;
        line-height: 4.933333vw;
        border-radius: 0.266667vw;
        padding-left: 5.333333vw;
        padding-right: 11.466667vw;
    }

    .page_container .page_list_box .content_box_01 .search_box .search_input::-webkit-input-placeholder,
    .page_container .page_list_box .content_box_01 .search_box .search_input:-moz-placeholder {
        font-size: 3.733333vw;
        line-height: 4.933333vw;
    }

    .page_container .page_list_box .content_box_01 .search_box .search_btn {
        width: 5.866667vw;
        height: 5.866667vw;
        right: 2.8vw;
    }

    .page_container .page_list_box .content_box_02 {
        gap: 0;
        margin-bottom: 8.533333vw;
    }

    .page_container .page_list_box .content_box_02 p.no_result {
        font-size: 3.733333vw;
        line-height: 4.933333vw;
    }

    .page_container .page_list_box .content_box_02 .item_box {
        width: 100%;
        box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 5.333333vw;
    }

    .page_container .page_list_box .content_box_02 .item_box a .img_box img:hover {
        transform: scale(1);
    }

    .page_container .page_list_box .content_box_02 .item_box a .txt_box {
        padding: 3.733333vw 6.4vw 3.733333vw;
    }

    .page_container .page_list_box .content_box_02 .item_box a .txt_box .date {
        font-size: 3.2vw;
        margin-bottom: 1.6vw;
    }

    .page_container .page_list_box .content_box_02 .item_box a .txt_box .tit {
        font-size: 3.733333vw;
    }

    /* .page_container .page_list_box .content_box_02 .item_box:hover a .txt_box .tit {
        color: #3D3D3D;
    } */

    .page_container .page_list_box .content_box_03 .pagination_box {
        flex-wrap: wrap;
    }

    .page_container .page_list_box .content_box_03 .pagination_box a,
    .page_container .page_list_box .content_box_03 .pagination_box span {
        font-size: 2.933333vw;
        margin-right: 4.2vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box a.prev {
        width: 7.733333vw;
        height: 7.733333vw;
        padding: 1.066667vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box a.next {
        width: 7.733333vw;
        height: 7.733333vw;
        padding: 1.066667vw;
        margin-right: 0;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .wrap_box {
        width: 100%;
        height: 3.2vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_01 {
        font-size: 3.733333vw;
        margin-left: 0;
        margin-right: 2.133333vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_02 {
        font-size: 3.733333vw;
        margin-left: 2.133333vw;
        margin-right: 8.533333vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .jump-ipt {
        width: 7.4vw;
        height: 5.266667vw;
        font-size: 2.933333vw;
        border-radius: 0.266667vw;
        padding: 0 0.666667vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .jump-btn {
        font-size: 3.733333vw;
        padding-right: 5.466667vw;
        margin-right: 0;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .jump-btn::after {
        width: 4.4vw;
        height: 4.4vw;
    }
}

@media (max-width:640px) {

    .page_container .page_list_box .content_box_03 .pagination_box a,
    .page_container .page_list_box .content_box_03 .pagination_box span {
        font-size: 3.733333vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_01 {
        font-size: 3.733333vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .txt_02 {
        font-size: 3.733333vw;
    }

    .page_container .page_list_box .content_box_03 .pagination_box .jump-btn {
        font-size: 3.733333vw;
    }
}

.page_container .page_top_btn {
    display: none;
    position: fixed;
    width: 2.34375vw;
    height: 2.34375vw;
    bottom: 5%;
    right: 3%;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease-out;
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.page_container .page_top_btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page_container .page_top_btn:hover img {
    /* width: 2.54375vw;
    height: 2.54375vw; */
    transform: translate(-50%, -50%) scale(1.2);
}

@media (max-width:1550px) {
    .page_container .page_top_btn {
        width: 3.125vw;
        height: 3.125vw;
    }
}

@media (max-width:1300px) {
    .page_container .page_top_btn {
        width: 3.75vw;
        height: 3.75vw;
    }
}

@media (max-width:834px) {
    .page_container .page_top_btn {
        width: 6.333333vw;
        height: 6.333333vw;
        bottom: 3%;
        opacity: 0.9;
    }

    .page_container .page_top_btn:hover img {
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (max-width:640px) {
    .page_container .page_top_btn {
        width: 10.333333vw;
        height: 10.333333vw;
    }
}

.page-list-box {
    text-align: center;
    margin-top: 35px;
}

.page-list-box .page-list {
    display: inline-block;
}

.page-list-box .page-list a.prev,
.page-list-box .page-list a.next {
    float: left;
    border: 1px solid #a0a0a0;
    background-image: url('/Assets/CNBG/v2/img/news/page-arrow.png');
    background-size: 200% auto;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.page-list-box .page-list a.prev.next,
.page-list-box .page-list a.next.next {
    background-position: 100% 0;
}

.page-list-box .page-list ul {
    float: left !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.page-list-box .page-list ul li {
    float: left !important;
    overflow: hidden !important;
    margin: 0 4px !important;
    padding: 0 !important;
    background: none !important;
}

.page-list-box .page-list ul li a {
    float: left !important;
    font-size: 1em !important;
    color: #7e7e7e !important;
    width: auto !important;
    min-width: 35px !important;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

.page-list-box .page-list ul li a.active {
    color: #c7000b !important;
}

.page-list-box .page-list .linkto {
    display: inline-block;
    color: #898989;
    vertical-align: middle;
    height: 38px;
    line-height: 33px;
    font-size: 18px;
}

.page-list-box .page-list .linkto .input-box {
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    margin-right: 29px;
}

.page-list-box .page-list .linkto a {
    vertical-align: middle;
    color: #898989;
    font-size: 18px;
    display: inline-block;
}

.page-list-box .page-list .linkto a span {
    float: left;
}

.page-list-box .page-list .linkto a .iconfont {
    color: #c7000b;
    font-size: 20px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: bold;
    float: left;
}

.page-list-box .page-list .linkto a:hover .iconfont {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
}

.page-list-box .page-list .linkto input {
    width: 40px;
    height: 26px;
    color: #898989;
    border: 1px solid #898989;
    margin: 0 6px;
    padding: 0 5px;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1300px) {
    .page-list-box .page-list {
        margin: 0;
    }

    .page-list-box .page-list .linkto {
        margin-top: 50px;
        display: block;
        font-size: 1em;
    }

    .page-list-box .page-list .linkto .input-box {
        margin-left: 0;
    }

    .page-list-box .page-list .linkto a {
        font-size: 1em;
    }
}

@media (max-width: 992px) {
    .page-list-box .page-list .linkto {
        margin-top: 30px;
    }

    .page-list-box .page-list .linkto input {
        height: 25px;
    }
}

@media (max-width: 767px) {
    .page-list-box .page-list ul li {
        margin: 0 2px !important;
    }
}

@media (max-width: 320px) {
    .page-list-box a.prev {
        margin-right: 5px;
    }

    .page-list-box a.next {
        margin-left: 5px;
    }

    .page-list-box .page-list ul li {
        margin: 0 !important;
    }

    .page-list-box .page-list .linkto {
        margin-top: 30px;
    }

    .page-list-box .page-list .linkto input {
        height: 25px;
    }
}

@media (min-width: 992px) {
    .page-list-box {
        margin-top: 70px;
    }

    .page-list-box .page-list a.prev,
    .page-list-box .page-list a.next {
        width: 38px;
        height: 38px;
        margin: 0 14px;
    }

    .page-list-box .page-list ul li a {
        font-size: 1.25rem !important;
        width: auto !important;
        min-width: 35px !important;
        height: 38px !important;
        line-height: 38px !important;
    }
}

@media (max-width: 767px) {
    .page-list-box .page-list ul li a {
        min-width: 28px !important;
    }
}

@media (max-width: 365px) {
    .page-list-box .page-list ul li a {
        min-width: 26px !important;
    }
}

@media (min-width: 1679px) {
    .page-list-box .page-list ul li a {
        width: auto !important;
        min-width: 42px !important;
    }
}