@media screen and (max-width: 992px) {
    html {
        font-size: 14px;
    }

    .cover3 .overflow {
        max-height: 78px;
    }

    .cycl-content {
        height: 400px;
        margin-top: 30px;
    }

    .nav li {
        margin-left: 2rem;
    }
}
@media screen and (max-width: 767px) {
    html {
        font-size: 12px;
    }

    .mask .overflow {
        height: auto;
        margin-bottom: 30px;
    }


    .mask5 {
        padding-right: 0px!important;
    }
    

    .mask3 {
        padding-right: 25px;
        overflow: hidden;
        overflow-y: scroll;
        height: calc(100vh - 60px);
    }

    .mask3::-webkit-scrollbar {
        width: 5px; /* 滚动条的宽度 */
    }

    .cycl-content img {
        height: auto;
    }

    .cover1 {
        background: url(../imgs/cover1.jpg) no-repeat center center;
        height: 100%;
        width: 100%;
        background-size: cover;
    }

    .mask4 {
        padding-right: 15px;
        padding-top: 50px;
    }

    /* 滚动条轨道 */
    .mask3::-webkit-scrollbar-track {
        background: none; /* 轨道的颜色 */
    }

    /* 滚动条滑块 */
    .mask3::-webkit-scrollbar-thumb {
        background: none; /* 滑块的颜色 */
        border-radius: 10px; /* 滑块的圆角 */
    }


    .gszt-swiper1 {
        margin-top: 30px!important;
    }

    .cycl-content h5 {
        font-size: 1.34rem;
    }

    header {
        border: none;
    }

    .nav {
        display: none;
    }
    .title1 {
        /* max-width: 80vw; */
        height: 3.92rem;
        margin: 0 auto;
        display: block;
    }

    .title2 {
        height: 4rem;
    }

    .title3 {
        /* max-width: 80vw; */
        height: 4rem;
    }

    .title4 {
        height: 4rem;
        margin: 0 auto;
        display: block;
        margin-bottom: 2rem;
    }

    .map {
        overflow: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE11 */
    }

    .map::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    .cover2 .container {
        padding: 0px;
    }

    .cover3 .swiper-button-next1 {
        right: 2.33rem;
    }
    .cover3 .swiper-button-prev1 {
        right: 7.25rem;
    }

    .hycl-img {
        max-width: 100%;
        /* height: auto; */
    }

    .cycl-list .hr {
        display: none;
    }

    .cycl-list li {
        display: inline-block;
        height: auto;
        margin-right: 2.5rem;
    }

    .cycl-list li .cycl-item {
        height: 2.58rem;
        width: 2.58rem;
        min-height: auto;
        min-width: auto;
        margin: 0 auto;
        margin-bottom: 0.67rem;
    }

    .cycl-list li .cycl-item img {
        width: 1.33rem;
    }

    .cycl-list li p {
        font-size: 1rem;
    }

    .cycl-list {
        width: 500px;
    }

    .cycl-list-box {
        overflow: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE11 */
    }

    .cycl-list-box::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    .cltj-list-box {
        overflow: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE11 */
    }

    .cltj-list-box::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    .cycl-list li:last-child{
        margin-right: 0px;
    }

    .fd-copy span {
        /* display: block; */
    }

    .footer-logo {
        margin: 0 auto;
        margin-bottom: 30px;
        display: block;
    }

    .title6 {
        height: 4rem;
    }

    .xycl-box {
        margin: 30px;
    }

    .fd-link {
        display: flex;
    }

    .fd-link a {
        flex: 1;
        margin: 0px;
        text-align: center;
    }

    .cltj-title {
        height: 1.67rem;
    }

    .cltj-list {
        margin-top: 2.75rem;
        width: 800px;
    }

    .cltj-list li {
        height: 2.17rem;
        line-height: 2.17rem;
        width: 5.83rem;
        margin-right: 1.92rem;
    }

    .cltj-list li:last-child {
        margin: 0px;
    }
    .gszt-left {
        display: none;
    }
    .gszt-right {
        display: none;
    }

    .gszt-title {
        height: 4.42rem;
        margin-bottom: 2.67rem;
    }

    .cltj-box img {
        height:  6.28rem;
        width: 100%;
    }

    .cltj-box1 h6 {
        color: #fff;
    }

    .cltj-box1 p {
        color: #fff;
    }

    .mask h5 {
        text-align: center;
    }
    .mask span {
        text-align: center;
        margin-top: 5px;
    }

    .gszt-swiper1 {
        margin-top: 20px;
    }

    .nd-list {
        justify-content: center;
    }

    .play_menu_level {
        padding: 0 2.5px;
    }

    .xycl-bg .img2 {
        width: 6.75rem;
        margin: 0 15px;
    }

    .xycl-flex1 {
        justify-content: center;
        margin-bottom: 1.33rem;
    }

    .xycl-card {
        padding: 2rem;
        height: 60vh;
        padding-top: 5rem;
    }

    .mask .xycl-card .overflow {
        height: calc(60vh - 20rem);
    }

    .nd-list li img {
        height: auto;
        max-width: 100%;
        margin: 0px;
    }

    .mask .back {
        margin-top: 30px;
    }

    .cllx-bottom .play {
        height: 2.5rem;
        width: 2.5rem;
    }
    .cllx-bottom .reset {
        height: 2.5rem;
        width: 2.5rem;
    }

    .cllx-list1 span {
        margin-top: 8px;
    }

    .cllx-box {
        margin: 0 15px;
    }

    .cllx-bottom {
        padding: 15px;
        margin-bottom: 50px;
    }

    .cllx-list1 li p {
        display: none;
    }

    .cllx-list li {
        margin: 20px 5px;
        margin-top: 20px;
    }

    .cllx-conntent {
        margin-top: -50px;
        transform: scale(0.8);
    }

    .cllx-list {
        justify-content: center;
    }

    .cllx-list li:first-child{
        margin-left: 0px;
    }
    .cllx-list li:last-child{
        margin-right: 0px;
    }

    .cllx-conntent .cl-act {
        height: 2.4rem;
    }

    .cl-mask {
        left: 50%!important;
        top: 496px;
        margin-left: -13.315rem;
    }

    .container {
        padding: 0 30px;
    }

    .cllx-box {
        background: rgba(255, 255, 255, 0.5);
        border-radius: 8px;
    }

   

    .map {
        top: 0px;
    }

}
@media screen and (max-width: 450px) {
    .ptbox {
        padding-top: 200px;
    }
}