/* >  576px */
@media screen and (min-width: 576px) {
    .hidden-xxs {
        display: block !important;
    }

    .visible-xxs-block {
        display: none !important;
    }
}

/* < 1200px */
@media screen and (max-width: 1199px) {
    .rwd-header-bottom {
        height: auto !important;
        
        /* padding-bottom: 15px; */
    }

    .md-padding {
        padding: var(--md-padding) !important;
    }

    .page-item {
        /* margin-bottom: 10px; */
    }

    .page-content {
        margin-top: 40px;
    }
}

/* < 992px */
@media screen and (max-width: 991px) {
    .rwd-header-bottom {
        padding: 20px 0;
    }
    .sm-height {
        height: var(--sm-height) !important;
    }

    .header-bottom .container {
        width: 100%;
    }

    .sm-text-align {
        text-align: var(--sm-text-align) !important;
    }
}

/* ≥ 768px && < 992px */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .home-img1 {
        height: 400px !important;
    }

    .swiper-container1-box {
        top: 363px;
    }

    .home-swiper-container1 {
        height: 580px !important;
    }

    /* .rwd-header-bottom {
        height: 70px !important;
    } */

    .rwd-header-bottom .news-logo {
        height: 30px;
        margin-top: 5px;
    }

    .content2 .yw-item {
        margin-bottom: 30px;
    }

    .xs-background {
        background: var(--xs-background) !important;
    }


    /* .xs-margin {
        margin: var(--xs-margin) !important;
    } */

    .gray-box {
        background: transparent;
    }

    .sm-margin {
        margin: var(--sm-margin) !important;
    }

    /* .content3 {
        padding-top: 0 !important;
    } */
}

/* ≥ 992px && < 1200px */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .home-img1 {
        height: 450px !important;
    }

    .swiper-container1-box {
        top: 413px;
    }

    .home-swiper-container1 {
        height: 580px !important;
    }

    /* .rwd-header-bottom {
        height: 90px !important;
    } */
    .header-bottom ul li {
        height: auto;
        line-height: 80px;
    }

    .search-box,
    .search-btn {
        margin-top: 20px;
    }

    .rwd-header-bottom .news-logo {
        height: 34px;
        margin-top: 23px;
    }
}

/* ≥ 1200px */
@media screen and (min-width: 1200px) {
    .header-bottom.sticky {
        height: 100px !important;
        margin-bottom: 20px;
    }

    .header-bottom.sticky .news-logo {
        margin-top: 29px;
    }

    .header-bottom.sticky ul li {
        height: 100px;
        line-height: 100px;
    }

    .header-bottom.sticky .search-box,
    .header-bottom.sticky .search-btn {
        margin-top: 30px;
    }
}

/* ≥ 1200px && < 1400px */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .home-img1 {
        height: 500px !important;
    }

    .swiper-container1-box {
        top: 463px;
    }

    .home-swiper-container1 {
        height: 630px !important;
    }

    /* .rwd-header-bottom {
        height: 110px !important;
    } */

    .rwd-header-bottom .news-logo {
        height: 38px;
        margin-top: 41px;
    }
}

/* ≥ 1400px */
@media screen and (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

/* < 768px */
@media screen and (max-width: 767px) {
    .rw-list li {
        font-size: 18px;
    }

    .page-left {
        padding-left: 15px;
    }

    .mt-bg {
        padding: 40px 15px!important;
        padding-bottom: 0px!important;
    }

    .share1 {
        visibility: hidden;
    }

    /* .pp-box-time {
        display: none;
    } */
    

    .xw-tab li  {
        font-size: 16px;
        margin-right: 15px;
    }
    .xs-padding {
        padding: var(--xs-padding) !important;
    }

    .xs-swiper-container1-box {
        right: 0;
    }

    .xs-margin-title1 {
        margin: 15px 20px;
        height: 50px;
    }

    .title1 {
        font-size: 16px;
    }

    .xs-font-size {
        font-size: var(--xs-font-size) !important;
    }

    .xs-width {
        width: var(--xs-width) !important;
    }

    .xs-height {
        height: var(--xs-height) !important;
    }

    .xs-border-none {
        border: none !important;
    }

    /* .xs-border-bottom {
        margin: 0 20px 20px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.7);
    } */
    .home-img1 {
        height: 300px !important;
    }

    .swiper-container1-box {
        top: 263px;
    }

    .home-swiper-container1 {
        height: auto !important;
        max-height: 430px;
    }

    .rwd-header-bottom .news-logo {
        height: 28px;
        margin-top: 6px;
    }

    .content1 .flex-box {
        display: flex;
        flex-direction: column;
    }

    .content1 .flex-box .red-box {
        order: 2;
        margin-top: 60px;
    }

    .content1 .flex-box .transparent-box {
        order: 1;
        margin-top: 0 !important;
    }

    .content2 .yw-item {
        margin-bottom: 30px;
    }

    .content2 .yw-item .img-hover {
        margin-top: 0px!important;
    }

    .xs-background {
        background: var(--xs-background) !important;
    }


    .xs-margin {
        margin: var(--xs-margin) !important;
    }

    #nav-menu-open {
        margin: 0px!important;
    }

    .foot-logo {
        width: 80%;
    }

    .el-pagination__jump {
        display: none!important;
    }

    .foot-box {
        padding: 20px 0!important;
    }

    .foot-box h6 {
        font-size: 14px;
    }

    .foot-box h6 i {
        font-size: 14px!important;
    }

    .gray-box {
        background: transparent;
    }

    .content3 {
        padding: 0 !important;
    }

    .xs-text-color {
        color: var(--xs-text-color) !important;
    }

    .xs-border {
        border: var(--xs-border) !important;
    }

    .content9 .pd0 {
        margin-bottom: 10px;
    }

    .content9 .pd0:not(:first-child) a {
        width: 85%;
        display: inline-block;
    }

    .content9 .pd0:nth-child(2n) {
        text-align: left;
    }

    .content9 .pd0:nth-child(odd):not(:first-child) {
        text-align: right;
    }

    .content9 .box1 {
        height: 270px;
    }

    .content9 .box2 {
        height: 230px;
    }

    .box4::before {
        background: transparent;
    }

    .box4 .banner-text {
        background: url(../imgs/banner-mask.png) no-repeat bottom;
    }

    .content7 .col-sm-12 {
        padding: 0 15px;
    }

    .rm-ul {
        display: grid;
        grid-template-columns: repeat(4, 80px);
        column-gap: calc((100% - 320px - 40px) / 3);
        row-gap: 40px;
        width: 100%;
        justify-content: center;
        margin-bottom: 50px;
    }

    .rm-ul li {
        margin: 0;
    }

    .rm-ul li p {
        font-size: 14px;
    }

    .xs-text-align {
        text-align: var(--xs-text-align) !important;
    }

    .xs-line-height {
        line-height: var(--xs-line-height) !important;
    }

    .xs-display {
        display: var(--xs-display) !important;
    }

    .xs-top {
        top: var(--xs-top) !important;
    }

    .pp-box {
        padding: 20px 0;
        /* padding-bottom: 0px; */
    }
    .pp-box1 {
        /* padding-bottom: 0px; */
    }
}

/* < 576px */
@media screen and (max-width: 576px) {
    .hidden-xxs {
        display: none !important;
    }

    .visible-xxs-block {
        display: block !important;
    }

    .xxs-flex-wrap {
        flex-wrap: var(--xxs-flex-wrap) !important;
    }

    .xxs-height {
        height: var(--xxs-height) !important;
    }

    .xxs-width {
        width: var(--xxs-width) !important;
    }

    .rw-bg {
        width: 75%;
    }

    .content9 .box1 {
        height: 250px;
    }

    .content9 .box2 {
        height: 210px;
    }

    .rm-ul {
        display: grid;
        grid-template-columns: repeat(4, 60px);
        column-gap: calc((100% - 240px - 40px) / 3);
        row-gap: 30px;
        width: 100%;
        justify-content: center;
        margin-bottom: 50px;
    }

    .rm-ul li .icon {
        font-size: 24px;
    }
}

.rwd-nav {
    background: #AE0C2A;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    overflow-y: scroll;
}

.rwd-nav-list {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 64px;
    padding-top: 20px;
    /* overflow-y: scroll;
    max-height: calc(100vh - 100px - 180px); */
}

.rwd-nav-list a {
    font-family: 'sy';
    display: inline-block;
    width: 100%;
    height: 100%;
}

.rwd-nav-list a:hover {
    color: #fff !important;
}

.rwd-nav-list li .child {
    background: #7F031A;
    font-size: 16px;
    line-height: 54px;
    height: 0;
    opacity: 0;
    transition: all 0.3s ease;
    overflow: hidden;
}

.nav-bottom-box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 20px 30px;
    background: #AE0C2A;

}

.nav-bottom-box .search-box1 {
    position: relative;
}

.nav-bottom-box .search-box1 i {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.nav-bottom-box .search-box1 input {
    background: transparent;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #fff;
    color: #fff;
    padding-left: 30px;
}

.nav-bottom-box .search-box1 input::placeholder {
    color: #fff;
}

.blogroll {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    margin-top: 20px;
}

.blogroll a:not(:last-child)::after {
    content: '|';
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
}

.blogroll a:hover {
    color: #fff !important;
}