/* 响应式布局样式 */
@media screen and (max-width: 1440px) {
    .max-w-7xl {
        max-width: 1200px;
    }
}

@media screen and (max-width: 1200px) {
    .max-w-7xl {
        max-width: 960px;
    }
    
    .product-swiper .swiper-slide,
    .partner-swiper .swiper-slide {
        width: calc(33.333% - 20px);
    }
}

@media screen and (max-width: 992px) {
    .max-w-7xl {
        max-width: 720px;
    }
    
    .product-swiper .swiper-slide,
    .partner-swiper .swiper-slide {
        width: calc(50% - 20px);
    }
    
    .world-map-section {
        padding: 4rem 2rem !important;
    }
    
    .world-map-section img {
        max-width: 100%;
        height: auto;
    }
    
    .world-map-section .group-hover\:block {
        width: 300px !important;
    }
}

@media screen and (max-width: 768px) {
    .max-w-7xl {
        max-width: 540px;
    }
    
    .product-swiper .swiper-slide,
    .partner-swiper .swiper-slide {
        width: calc(100% - 20px);
    }
    
    .flex.gap-12 {
        flex-direction: column;
        gap: 2rem;
    }
    
    .world-map-section {
        padding: 2rem 1rem !important;
    }
    
    .world-map-section .group-hover\:block {
        width: 250px !important;
    }
    
    .world-map-section .text-3xl {
        font-size: 1.5rem;
    }
    
    .pt-8.w-full.flex {
        flex-wrap: wrap;
    }
    
    .pt-8.w-full.flex > div {
        width: 50%;
        margin-bottom: 1rem;
    }

    /* 移动端导航优化 */
    .header-nav {
        padding: 0.5rem;
    }
    
    .search-box {
        padding: 1rem;
    }
    
    .search-box .flex {
        flex-direction: column;
        gap: 1rem;
    }
    
    .search-box .flex-1 {
        width: 100%;
    }
    
    .search-box button {
        width: 100%;
    }

    /* 移动端轮播图优化 */
    .swiper-slide {
        width: 100% !important;
    }

    /* 移动端产品卡片优化 */
    .product-swiper .swiper-slide > div {
        margin: 0.5rem;
    }
    
    /* 移动端核心产品部分优化 */
    .product-swiper .aspect-\[4\/3\] {
        aspect-ratio: 16/9;
    }
    
    .product-swiper .p-6 {
        padding: 0.75rem;
    }
    
    .product-swiper .text-xl {
        font-size: 1rem;
    }
    
    .product-swiper .mb-4 {
        margin-bottom: 0.5rem;
    }

}

@media screen and (max-width: 576px) {
    .max-w-7xl {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .py-16 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    
    .text-2xl {
        font-size: 1.5rem;
    }
    
    .text-3xl {
        font-size: 1.25rem;
    }
    
    .world-map-section .group-hover\:block {
        width: 200px !important;
    }
    
    .pt-8.w-full.flex > div {
        width: 100%;
    }
    
    .world-map-section .flex {
        flex-direction: column;
    }
    
    .world-map-section .w-1\/2 {
        width: 100%;
    }
    
    .world-map-section .pl-4 {
        padding-left: 0;
        margin-top: 1rem;
    }

    /* 小屏幕手机优化 */
    .header-nav img {
        max-width: 120px;
    }

    
    .partner-swiper .swiper-slide > div {
        margin: 0.25rem;
    }
    
    /* 小屏幕核心产品部分优化 */
    .product-swiper .aspect-\[4\/3\] {
        aspect-ratio: 3/2;
    }
    
    .product-swiper .p-6 {
        padding: 0.5rem;
    }
    
    .product-swiper .text-xl {
        font-size: 0.875rem;
    }
    
    .product-swiper .mb-4 {
        margin-bottom: 0.25rem;
    }
    
    .product-swiper .mb-12 {
        margin-bottom: 1.5rem;
    }
}

/* 图片响应式处理 */
img {
    max-width: 100%;
    height: auto;
}

/* 轮播图响应式 */
.swiper {
    width: 100%;
    height: auto;
}

.swiper-slide img {
    width: 100%;
    /* height: auto; */
    /* object-fit: cover; */
}

/* Banner图响应式处理 */
.common-swiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.common-swiper .swiper {
    width: 100%;
    height: auto;
}

.common-swiper .swiper-slide {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 产品轮播图响应式 */
.product-swiper .swiper {
    width: 100%;
    height: auto;
}

.product-swiper .swiper-slide {
    height: auto;
}

.product-swiper .swiper-slide > div {
    height: 100%;
}

/* 合作伙伴轮播图响应式 */
.partner-swiper .swiper {
    width: 100%;
    height: auto;
}

.partner-swiper .swiper-slide {
    height: auto;
}

.partner-swiper .swiper-slide > div {
    height: auto;
}

/* 动画优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* 移动端触摸优化 */
@media (hover: none) {
    .group:hover .group-hover\:block {
        display: none !important;
    }
    
    .group:active .group-hover\:block {
        display: block !important;
    }
}

/* Swiper高度媒体查询 */
@media screen and (min-width: 1440px) {
    .common-swiper {
        height: 600px;
    }
    .common-swiper .swiper,
    .common-swiper .swiper-slide {
        height: 100%;
    }
    .common-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 1439px) and (min-width: 1200px) {
    .common-swiper {
        height: 500px;
    }
    .common-swiper .swiper,
    .common-swiper .swiper-slide {
        height: 100%;
    }
    .common-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .common-swiper {
        height: 400px;
    }
    .common-swiper .swiper,
    .common-swiper .swiper-slide {
        height: 100%;
    }
    .common-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .common-swiper {
        height: 350px;
    }
    .common-swiper .swiper,
    .common-swiper .swiper-slide {
        height: 100%;
    }
    .common-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .common-swiper {
        height: 300px;
    }
    .common-swiper .swiper,
    .common-swiper .swiper-slide {
        height: 100%;
    }
    .common-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 575px) {
    .common-swiper {
        height: 200px;
    }
    .common-swiper .swiper,
    .common-swiper .swiper-slide {
        height: 100%;
    }
    .common-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }
}