@media screen and (min-width: 2540px) {
    /* html {
        font-size: 132.3px;
    }

    body {
        font-size: 24px;
    } */
}

@media screen and (max-width: 1600px) {
    .gsjj .gsjjdl {
        width: 9rem;
        height: auto;
    }
}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {
    body {
        font-size: 16px;
        /* 直接使用 px 保证可读 */
    }

    /* 移动端隐藏 banlist 右下角 .ani 介绍块（避免遮挡移动端布局） */
    .banlist .ani {
        display: none;
    }

    .container {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .zhezhao,
    .paddingdiv {
        display: none;
    }

    header {
        display: none;
    }

    .navigation {
        display: none;
    }

    .navigation ul li a {
        font-size: 16px;
    }

    .navigation ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 50px;
    }

    .navigation ul li {
        display: inline-block;
        flex-shrink: 0;
        /* 防止被压缩 */
    }

    .navigation ul::-webkit-scrollbar {
        height: 6px;
        /* 滚动条高度（横向） */
    }

    .navigation ul::-webkit-scrollbar-track {
        background: transparent;
    }

    .navigation ul::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.15);
        border-radius: 4px;
    }


    .navigation ul .nli {
        min-width: 70px;
    }

    .mbheader {
        display: block;
    }

    html {
        font-size: 90px !important;
    }

    .mbheader {
        height: 1.3rem;
        display: flex;
        align-items: center;
    }

    /* logo（原图 460×116）按原始比例以高度定尺寸、宽度自适应。
       90px 根字号下若用 width:100%，平板宽度时 logo 会宽达 800px+ 溢出页头 */
    .mbheader .header-con .logo img {
        width: auto;
        height: 0.8rem;
        max-width: 100%;
    }

    .sp_nav span {
        width: 0.4rem;
        height: 0.04rem;
    }

    .banq p br {
        display: block !important;
    }

    .banq .container {
        display: block;
    }

    .banq {
        height: auto;
        padding: 0.1rem 0;
        box-sizing: border-box;
    }

    .mtsclist {
        width: 100%;
    }

    /* 媒体视窗：≤1024 单屏只显示一个 slide（JS 已把 slidesPerView 设为 1） */
    .mtsclist .swiper-container {
        height: auto;
        overflow: hidden;
    }

    /* 单屏时取消 active 的放大与 120px 顶部错位，所有 slide 尺寸统一 */
    .mtsclist .swiper-slide,
    .mtsclist .swiper-slide-active {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .mtsclist .swiper-slide .imgbtn,
    .mtsclist .swiper-slide-active .imgbtn {
        width: 100%;
        height: auto;
    }

    .mtsclist .swiper-slide .imgbtn .img,
    .mtsclist .swiper-slide-active .imgbtn .img {
        width: 100%;
        height: auto;
    }

    /* 图片按原始比例（1508×850）自适应，不再强制 cover 裁切 */
    .mtsclist .swiper-slide .imgbtn .img img,
    .mtsclist .swiper-slide-active .imgbtn .img img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* 单屏时播放按钮在各 slide 上都显示 */
    .mtsclist .swiper-slide .cycle {
        display: block;
    }

    /* 标题在单屏时也显示，高度自适应 */
    .mtsclist .swiper-slide .text,
    .mtsclist .swiper-slide-active .text {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        padding: 0.12rem 0;
    }

    .advertise .dxsgg,
    .advertise .cygg,
    .advertise .lzdt {
        transform: none !important;
        opacity: 1 !important;
    }

    .banq div {
        line-height: 0.25rem;
        text-align: center;
    }

    .detail .text img {
        width: 100% !important;
        height: 100% !important;
        display: flex;
    }

    .detail .content .text p,
    .detail .content .text p span {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .detail .content .text video {
        width: 100%;
    }

    .detail .text table {
        width: 100% !important;
    }

    .banlist .swiper-left,
    .banlist .swiper-right {
        display: none;
    }

    .banlist .ban,
    .banlist .swiper-btn,
    .theme .english {
        display: none;
    }

    .fs-22 {
        font-size: 16px;
    }


    .listbox li .text {
        padding: 10px;
    }

    .listbox li .title,
    .picconbox li .title {
        margin-top: 5px;
    }

    .listbox li .disc,
    .picconbox li .disc {
        margin-top: 0;
    }

    .listbox li,
    .picconbox li {
        margin-bottom: 15px;
        padding: 15px;
    }

    .picconbox li {
        padding-bottom: 0;
    }

    .picconbox li .time {
        margin-top: 5px;
    }

    .listbox li .time {
        background-size: 100% 100%;
    }

    .picconbox li a {
        display: block;
    }

    .picconbox li .text {
        width: 100%;
        padding: 10px 0;
    }

    .picconbox li .img1 {
        width: 100%;
        height: 100%;
    }

    .picturebox {
        display: block;
    }

    .picturebox li {
        width: 100%;
        margin: 0 0 20px;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    /* li 有了 10px 内边距后，absolute 的 .time/.yinying/.title 若仍挂在 li 上，
       定位基准是 li 的 padding box（含内边距），会左右/上角各多出 10px 盖到
       内边距上；改为挂在 a（常规流，恰为图片所占区域）上，与图片对齐 */
    .picturebox li a {
        display: block;
        position: relative;
    }

    .picturebox li .text {
        height: auto;
        max-height: 0.6rem;
    }

    footer .left .address {
        margin-right: 30px;
        display: flex;
    }

    footer .left .address div:first-of-type {
        margin-right: 5px;
    }

    footer .right {
        display: none;
    }

    .bannerli {
        padding: 45px 0;
    }

    .theme .titles {
        font-size: 22px;
    }

    .theme::before {
        width: 60px;
        height: 60px;
    }

    .curr .current {
        max-width: 100%;
        height: 40px;
        justify-content: flex-start;
    }

    .curr {
        margin-top: -50px;
    }

    .curr .position {
        display: none;
    }

    .curr .current a {
        font-size: 22px;
    }

    .detail video {
        width: 100%;
        height: 100%;
    }

    .bannerli .swiper-prev,
    .bannerli .swiper-next {
        display: none;
    }

    /* 这个网站新的 */
    .gsjj .gsjjdl {
        display: none;
    }

    .welcome {
        display: none;
    }

    .gsjjbox {
        width: 100%;
    }

    .zxzxlist .swiper-slide .text {
        width: 100%;
        height: auto;
        position: relative;
        padding: 10px;
        bottom: -20px;
    }

    .zxzxlist .swiper-slide .img {
        width: 100%;
        height: 100%;
    }

    .zxzxlist .swiper-slide .time {
        top: -1.08rem;
    }

    .zxzxlist .swiper-prev,
    .zxzxlist .swiper-next {
        display: none;
    }

    .zxzxlist .swiper-pagination {
        display: none;
    }

    .zxzxtwo li {
        padding: 10px;
    }

    .zxzxbottom {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .zxzxlist .swiper-container {
        padding-bottom: 20px;
        padding-top: 0;
    }

    .mtsclist .swiper-prev,
    .mtsclist .swiper-next {
        display: none;
    }

    .mtsclist .swiper-slide .cycle {
        display: none;
    }

    /* ===== advertise 手机端（≤1024）：三块纵向堆叠 ===== */
    .cygg,
    .lzdt {
        position: relative;
        left: 0;
        top: 20px;
    }

    .dxsgg,
    .cygg,
    .lzdt {
        width: 100%;
        padding: 40px 10px 20px;
        border-radius: 0;
    }

    /* 电梯轿厢广告：手机端隐藏左侧大图与右侧缩略图网格轮播，
       改用下方 .mbdtjxgglist 手机端专用轮播（一列两行、左右滑动切换） */
    .dxsgg .dtxsgglist,
    .dxsgg .dtxsggslt {
        display: none;
    }

    /* 手机端专用：每个 slide 竖排两张图（一列两行），滑动切换；
       不使用 slidesPerColumn 网格模式，容器高度完全由图片自适应撑开 */
    .dxsgg .mbdtjxgglist {
        display: block;
        width: 100%;
    }

    .dxsgg .mbdtjxgglist .swiper-container {
        height: auto;
        overflow: hidden;
    }

    .dxsgg .mbdtjxgglist .swiper-slide .img {
        width: 100%;
        height: auto;
    }

    .dxsgg .mbdtjxgglist .swiper-slide .img+.img {
        margin-top: 18px;
    }

    .dxsgg .mbdtjxgglist .swiper-slide .img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 创意设计：隐藏右侧缩略图，只显示大图轮播（一行两列） */
    .cygg .dtxsggslt {
        display: none;
    }

    .cygg .dtxsgglist {
        width: 100%;
    }

    .cygg .dtxsgglist .swiper-slide {
        width: calc(50% - 9px);
    }

    .cygg .dtxsgglist .swiper-slide .img {
        width: 100%;
        height: auto;
    }

    .cygg .dtxsgglist .swiper-slide .img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 兰州地铁：content 改上下排列 */
    .lzdt .content {
        display: block;
    }

    .lzdt .dtxsgglist,
    .lzdt .lzdtlist {
        width: 100%;
        height: auto;
    }

    .lzdt .lzdtlist .swiper-slide {
        width: calc(50% - 9px);
    }

    .lzdt .lzdtlist .swiper-slide .img {
        width: 100%;
        height: auto;
    }

    .lzdt .lzdtlist .swiper-slide .img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 兰州地铁缩略图：横排一行三列，左右切换 */
    .lzdt .lzdtslt {
        width: 100%;
        margin-top: 18px;
    }

    .lzdt .lzdtslt .swiper-container {
        height: auto;
    }

    .lzdt .lzdtslt .swiper-slide .img {
        width: 100%;
        height: auto;
    }

    .lzdt .lzdtslt .swiper-slide .img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 手机端隐藏缩略图切换按钮（改为手势左右滑动切换） */
    .dtxsggslt .swiper-prev,
    .dtxsggslt .swiper-next {
        display: none;
    }

    .btnslink li .cycle .img {
        width: 25px;
        height: 25px;
    }

    .btnslink li .cycle {
        height: 65px;
        width: 65px;
    }

    .theme .titles .title {
        font-size: 30px;
    }

    .gsjjbox .title {
        font-size: 30px;
    }

    .gsjjbox .futitle {
        font-size: 20px;
    }

    .mtsc,
    .zxzx,
    .gsjj {
        padding: 30px 0;
    }

    .advertise,
    .yqlj {
        padding: 30px 0;
    }
    .gsjjbox .disc{
        margin-top: 10px;
    }
    .gsjjbox .showmore{
        margin-top: 20px;
    }

    .btnslink{
        padding: 40px 0;
    }
    .theme{
        padding-bottom: 35px;
    }

    .listbox{
        display: block;
    }

    .listbox li{
        width: 100%;
    }
    .listbox li .title{
        line-height: 30px;
        max-height: 60px;
        height: auto;
    }
    .picconbox li .img{
        width: 100%;
        height: 100%;
    }

}

@media screen and (max-width: 768px) {
    .mbheader {
        height: 0.9rem;
    }

    .sjj_nav ul li {
        line-height: 50px;
    }

    .nmain {
        min-height: 500px;
        padding: 30px 0 0;
    }

    .sjj_nav ul li a {
        font-size: 16px;
    }

    .fs-14,
    .fs-16 {
        font-size: 14px;
    }

    .fs-24,
    .fs-20 {
        font-size: 16px;
    }

    .fs-28 {
        font-size: 18px;
    }

    .fs-32 {
        font-size: 22px;
    }

    .banq {
        width: 100%;
    }


    .banlist .swiper-left,
    .banlist .swiper-right {
        display: none;
    }

    footer .right {
        display: none;
    }

    .erji li {
        min-width: 120px;
        height: 40px;
    }

    .erji ul {
        overflow-x: auto;
    }

    .detail {
        padding: 10px;
        padding-top: 30px;
    }

    .detail .content {
        margin-top: 25px;
    }

    .detail .content .text p,
    .detail .content .text p span {
        margin-bottom: 20px !important;
    }

    .detail img {
        width: 100% !important;
        height: 100% !important;
    }

    .detail .right1 {
        display: none !important;
    }

    .detail .timer{
        padding-bottom: 15px;
    }

    .detail-page ul {
        display: block;
    }

    .detail-page li {
        width: 100%;
        padding: 0 10px;
    }

    .banq .copyright {
        padding: 0;
    }

    .page-box {
        margin: 0;
        padding: 25px 0 25px;
    }

    .mbheader .header-con .logo img {
        width: auto;
        height: 0.55rem;
        max-width: 100%;
    }

    footer .address-links {
        display: block;
        width: 100%;
    }

    footer .left .address {
        margin-right: 0;
    }

    footer .left {
        width: 100%;
        padding: 15px 0;
    }

    .zxzxtwo {
        display: block;
    }

    .zxzxtwo li {
        width: 100%;
    }

    .zxzxtwo li:last-of-type {
        margin-top: 15px;
    }

    .cygg,
    .lzdt {
        position: relative;
        left: 0;
        top: 20px;
    }

    .dxsgg,
    .cygg,
    .lzdt {
        width: 100%;
        padding: 40px 10px 20px;
        border-radius: 0;
    }

}

@media screen and (max-width: 500px) {
    .mbheader .header-con .logo img {
        height: 0.45rem;
    }
}