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

@media (max-width: 1200px) {}

@media (max-width: 1024px) {
    .w1640 { width: 44.5rem; max-width: 90%; margin: 0 auto; padding: 0; }
    header { height: 0.9rem; }
    header .header { width: 95%; }
    header .header .header-left nav { display: none; }
    header .header .header-right .mobile-menu { display: block; }
    header .header .header-right .header-search img { width: 0.4rem; }
    header .header .header-right .header-search span { display: none; }
    header .header .header-right .header-lang span { display: none; }
    header .header .header-right .header-lang .header-lang__icon { width: 0.4rem; }
    header .header .header-right .header-lang .header-lang-arricon { width: 0.2rem; }
    .footer .c1 .lf img { width: 75%; }
    .footer .c2 { flex-direction: column; }
    .footer .c2 .lf .ul { display: block; }
    .footer .c2 .rf { border-left: none; margin-left: 0; padding-left: 0; }
    .footer .c3 { flex-direction: column; row-gap: 0.2rem; }
    .footer-nav .li .lv1 {
        position: relative;
        cursor: pointer;
        padding: 0.3rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-nav .li .lv1 a {
        flex: 1;
        pointer-events: none;
    }
    .footer-nav .li.has-children .lv1 a {
        pointer-events: auto;
    }
    .footer-nav .li .accordion-toggle {
        display: inline-block;
        width: 0.4rem;
        height: 0.4rem;
        line-height: 0.4rem;
        text-align: center;
        font-size: 0.4rem;
        color: #fff;
        transition: transform 0.3s ease;
        flex-shrink: 0;
        margin-left: 0.2rem;
    }
    .footer-nav .li.on .accordion-toggle {
        transform: rotate(45deg);
    }
    .footer-nav .li .lv2list {
        display: none;
        padding-left: 0.3rem;
        padding-bottom: 0.2rem;
    }
    .footer-nav .li.on .lv2list {
        display: block;
    }
    .footer-nav .li .lv2 {
        padding: 0.15rem 0;
    }

    /* 联系我们 */
    .link .link-banner .link-banner-text { left: 5%; top: 50%; transform: translateY(-50%); }
    .link .link-con { top: -0.5rem !important; }
    .link .link-con .link-map .link-map-box .link-map-dot-box .link-map-dot-text p:last-child { display: none; }
    .link .link-con .link-map .link-map-box .link-map-ul { width: 95%; flex-direction: column; }
    .link .link-con .link-form .link-form-box { width: 90%; padding: 0.95rem 0.3rem; }
    .link .link-con .link-form .link-form-box .link-form-block { flex-direction: column; }
    .link .link-con .link-form .link-form-box .link-form-submit .link-form-submit__input { display: flex; align-items: center; justify-content: center; height: 0.6rem; line-height: 0.6rem; }
    .link .link-con .link-form .link-form-box .link-form-block { margin-bottom: 0; }
    .link .link-con .link-form .link-form-box .link-form-block .link-form-input { width: 100%; margin-bottom: 0.1rem; }
    .link .link-con .link-map .link-map-box .link-boat-box .link-boat-box-lineprev { width: 100%; }
    .link .link-con .link-map .link-map-box .link-boat-box .link-boat-box-linenext { width: 100%; }
    .link .link-con .link-map .link-map-box .link-map-ul .link-map-li-box { width: 100%; }
    .link .link-con .link-map .link-map-box .link-map-ul .link-map-li { width: 100%; }
    .link .link-con .link-map .link-map-box .link-map-ul .link-map-li.active { width: 100%; }
    .link .link-con .link-map .link-map-box .link-boat-box { display: none; }
    .news .banner .banner-textox { left: 5%; top: 50%; transform: translateY(-50%); }
    .news .news-con { padding-top: 1.4rem; }
    .news .news-swiper { width: 95%; margin: 0 auto; }
    .news .news-swiper .swiper-news .swiper-slide { flex-direction: column; }
    .news .news-swiper .swiper-news .swiper-slide .swiper-news-con { width: 100%; height: auto; padding-left: 0; margin-top: 0.5rem; }
    
    /* 新闻分类导航swiper */
    .news .news-tab .news-tab-con { width: 95%; margin: 0 auto; }
    .news .news-tab .news-tab-con .news-tab-select-swiper { width: 100%; overflow: hidden; }
    .news .news-tab .news-tab-con .news-tab-select-swiper .swiper-news-tab .swiper-wrapper { display: flex; }
    .news .news-tab .news-tab-con .news-tab-select-swiper .swiper-slide { width: auto !important; flex-shrink: 0; }
    .news .news-tab .news-tab-con .news-tab-select-swiper .news-tab-link { display: block; white-space: nowrap; margin: 0; }
    .news .news-tab .news-tab-con .news-ul .news-li { width: 100%; }
    .news .news-tab .news-tab-con .news-ul .news-li .news-li-imgbox { width: 100%; height: auto; aspect-ratio: 52/34; }
    .news .news-tab .news-tab-con .news-ul .news-li .news-li-con .news-li-con-board .news-li-title { margin-bottom: 0.5rem; }
    .news .news-tab .news-tab-con .news-ul .news-li .news-li-con .news-li-more { bottom: 0.4rem; }
    .news .news-tab .news-tab-con .news-ul .news-li:hover .news-li-con-board { opacity: 0; }
    .news .news-tab .news-tab-con .news-ul .news-li:hover { box-shadow: none; }
    /* 新闻详情 */
    .news-detail .detail-con { width: 95%; margin: 0 auto; flex-direction: column; }
    .news-detail .detail-con .detail-con-left { width: 100%; padding: 5%; }
    .news-detail .detail-con .detail-con-left .detail-title { line-height: 1.2;}
    .news-detail .detail-con .detail-con-right { width: 100%; }

    .logistics-box { min-height: 100vh; }
    .logistics .logistics-box__img { width: 100%; height: auto; aspect-ratio: 970/1920; object-fit: cover; }
    .logistics .logistics-title { width: fit-content; letter-spacing: 0; }
    .logistics .logistics-desc { text-align: center; }
    .logistics .logistics-search { width: 80%; top: 4rem; }
    .logistics .logistics-ul { top: 5.5rem; }

    /* 服务页面 */
    .service .service-desc { width: 95%; margin: 0 auto; }
    .service .service-productimg { width: 100%; }
    .service .service-progress .service-progress-box { width: 95%; padding-left: 0; padding-right: 0; padding-top: 0; }
    .service .service-progress .service-progress-box .service-progress-ul .service-progress-li p { text-align: center; }
    .service .service-link { width: 95%; height: auto; aspect-ratio: 164 / 76; border-radius: 0.1rem; overflow: hidden; }
    .service .service-link .service-link-con .service-link-title { font-size: 0.36rem; }
    .service .service-link .service-link-con .service-link-desc { width: 75%; font-size: 0.24rem; }
    .service .service-link .service-link-con .service-link-btn { width: 2rem; height: 0.5rem; }
    .service .service-case .service-block { width: 95%; height: auto; flex-direction: column; }
    .service .service-case .service-block .service-block__img { width: 100%; height: auto; }
    .service .service-case .service-block .service-block-con { width: 100%; padding: 0.3rem; }
    .service .service-why .service-why-main { width: 100%; aspect-ratio: 2/1; }
    .service .service-why .service-why-main .service-why-main__img { display: none; }
    .service .service-why .service-why-main .service-why-main-svg-box { display: none; }
    .service .service-why .service-why-main .service-why-block-lefttop { left: 5%; }
    .service .service-why .service-why-main .service-why-block-righttop { right: 5%; }
    .service .service-why .service-why-main .service-why-block-leftbottom { left: 5%; bottom: -32%; }
    .service .service-why .service-why-main .service-why-block-rightbottom { right: 5%; bottom: -32%; }

    /* 关于我们 */
    .ab1 .box { flex-direction: column; }
    .ab1 .imgbox { width: 100%; height: auto;}
    .ab1 .txtbox { width: 100%; margin-top: 0.2rem; }
    .ab1 .txtbox .t1 { font-size: 12px; }
    .ab2 .swiper .ul { flex-direction: column; }
    .ab2 .swiper .ul .li { opacity: 1; width: 100%; margin: 0 0 0.2rem 0 !important; }
    .ab2 .swiper .ul .li .imgbox { height: 2.22rem; }
    .ab3 .box { flex-direction: column; }
    .ab3 .box .lf { width: 100%; }
    .ab3 .box .rf { width: 100%; margin: 0.2rem 0; }
    .ab4 .swiper { max-width: 100%; }
    .ab4 .swiper .swiper-slide { flex-direction: column; }
    .ab4 .swiper .swiper-slide .txtbox { margin-top: 0.8rem; margin-left: 0; text-align: center; }
    .swiper-fa-next { z-index: 999; }
    .swiper-fa-prev { z-index: 999; }

    /* 首页 */
    .in7 .mapbox { margin-bottom: 3rem; }
    
    /* 首页新闻列表移动端swiper */
    .in6 .desktop-news-list { display: none !important; }
    .in6 .mobile-news-swiper { display: block; margin-top: 1rem; }
    .in6 .swiper-index-news { overflow: visible; padding-bottom: 1rem; }
    .in6 .news-card {
        display: flex;
        flex-direction: column;
        height: 5.5rem;
        background: #fff;
        border-radius: 0.16rem;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    }
    .in6 .news-card-imgbox {
        width: 100%;
        height: 3rem;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
    }
    .in6 .news-card-imgbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .in6 .news-card-time {
        position: absolute;
        left: 0.2rem;
        bottom: 0.2rem;
        padding: 0.08rem 0.15rem;
        background: #fff;
        border-radius: 0.3rem;
        color: #EC5B02;
        line-height: 1;
        font-size: 12px;
    }
    .in6 .news-card-txtbox {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0.3rem 0.2rem 0.3rem;
        overflow: hidden;
    }
    .in6 .news-card-title {
        color: #333;
        font-weight: 500;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0.1rem;
    }
    .in6 .news-card-desc {
        color: #666;
        line-height: 1.5;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .in6 .swiper-pagination {
        position: relative;
        margin-top: 0.4rem;
        height: 2px;
        background: #EBEDEE;
        border-radius: 2px;
    }
    .in6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #EC5B02;
        border-radius: 2px;
    }
    .in5 .swiper-slide { flex-direction: column; }
    .in5 .imgbox { width: 100%; height: auto; }
    .in5 .txtbox { width: 100%; margin-top: 0.2rem; }
    .in5 .txtbox .t3 { font-size: 12px; }
    .in4 .top { flex-direction: column; }
    .in4 .top .rf { width: 100%; margin-top: 0.88rem; font-size: 0.24rem; }
    .in3 .c2 { padding-left: 0; padding-right: 0; }
    .in3 .c2 .top .videobox { width: 55%; height: auto; aspect-ratio: 369/246; }
    .in3 .c2 .top .videobox video { transform: scale(1.6); }
    .in3 .c2 .bot { flex-direction: column; }
    .in3 .c2 .bot .rf { width: 95%; margin-top: 0.2rem; margin-left: auto; margin-right: auto; flex-direction: column; align-items: center; row-gap: 0.4rem; }
    .in3 .c2 .bot .rf .t1 { width: 100%; text-align: center; font-size: 12px; }
    .in3 .c2 .top .videobox .tit { top: 0%; left: 16%; font-size: 0.16rem; }
    .in2 .c1 .t4 { justify-content: center; column-gap: 0.2rem;}
    .in2.act .round .line:nth-child(1) { width: 95%; height: 95%; aspect-ratio: 1/1; }
    .in2.act .round .line:nth-child(2) { width: 125%; height: 125%; aspect-ratio: 1/1; }
    .in2 .round { width: 100%; height: auto; aspect-ratio: 1/1; } 
    .in2 .box { width: 100%; height: auto; aspect-ratio: 1/1; } 
    .in2 .c1 { width: 100%; height: auto; aspect-ratio: 1/1; min-height: auto; }
    .in2 { margin-top: 2rem; }
    .in2 .c1 .imgbox .img { width: 2rem; height: auto; aspect-ratio: 35/18; }
    .in2 .c1 .imgbox .img:nth-child(2) { left: -5%; top: 75%; }
    .in2 .c1 .imgbox .img:nth-child(1) { right: 10%; top: 10%; }
    .inban .imgbox video { transform: scale(1.8); }
    body.show .txtbox { width: 100vw;}
    .in1_btn { left: 5%; }
    
    /* 移动端首屏高度限制为 100vh */
    .in1 .height { height: 100vh !important; }
    .in1 .height .h100,
    .in1 .height .h200,
    .in1 .height .h200 .h1,
    .in1 .height .h200 .h2,
    .in1 .height .h200 .h2 .it { display: none !important; }

    /* 移动端首页in2 */
    .mobile-in2 { 
        display: block;
        width: 100%; 
        padding: 1rem 2.5%;
        position: relative;
        overflow: hidden;
    }
    .mobile-in2::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200vmax;
        height: 200vmax;
        background-image: var(--bg-image);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transform: translate(-50%, -50%) rotate(90deg);
        transform-origin: center center;
        z-index: -1;
    }
    .mobile-in2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 0;
    }
    .mobile-in2-li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 4%;
        margin-bottom: 0.1rem;
    }
    .mobile-in2-li:nth-child(even) {
        flex-direction: row-reverse;
    }
    .mobile-in2-li:nth-child(even) .btn {
        justify-content: flex-end;
    }
    .mobile-in2-li:nth-child(even) .btn img {
        transform: rotate(180deg);
    }
    .mobile-in2-li:nth-child(even) .btn span {
        left: auto;
        right: 0.22rem;
    }
    .mobile-in2-li .con {
        width: 48%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 251, 204, 0.50) 100%);
        backdrop-filter: blur(7px);
        border-radius: 0.2rem;
        padding: 0.2rem;
    }
    .mobile-in2-li .con .ico {
        width: 0.4rem;
    }
    .mobile-in2-li .con .t1 {
        line-height: calc(28 / 24);
        color: #fff;
        margin-top: 0.2rem;
    }
    .mobile-in2-li .con .t2 {
        line-height: calc(28 / 16);
        color: #fff;
        margin-top: 0.2rem;
        font-size: 0.18rem;
        max-height: calc(28 / 16 * 3em);
        overflow-y: auto;
    }    
    .mobile-in2-li .btn {
        flex: 1;
        position: relative;
        height: 0.54rem;
        display: flex;
    }
    .mobile-in2-li .btn::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -5%;
        transform: translateY(-50%);
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ec5b02;
        z-index: 1;
    }
    .mobile-in2-li:nth-child(even) .btn::before {
        left: auto;
        right: -5%;
    }

    .mobile-in2-li .btn img {
        height: 0.54rem;
    }
    .mobile-in2-li .btn span {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0.22rem;
        margin: auto 0;
        font-size: 0.16rem;
        line-height: 1;
        color: #fff;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 997px) {}