@charset "utf-8";

/* ========== 平板端 (768px - 1180px) ========== */
@media (max-width: 1180px) {
    .pc-show { display: none !important; }
    .wap-show { display: block !important; }

    .header .w1620 { height: 64px; }
    .menu-handler { display: block; }

    .header-con {
        position: fixed; top: 0; right: -100%;
        width: 75%; max-width: 360px; height: 100vh;
        background: rgba(10,10,16,.98);
        backdrop-filter: blur(20px);
        padding: 80px 30px 30px;
        transition: all .4s;
        overflow-y: auto;
        z-index: 999;
    }
    .header-con.active { right: 0; }

    .nav-box { margin-right: 0; }
    .nav li { float: none; margin: 0; }
    .nav-yi { display: block; line-height: 50px; font-size: 18px; padding: 0; border-bottom: 1px solid #1a1a24; }
    .nav-er {
        position: static; width: 100%; margin: 0;
        background: rgba(255,255,255,.03);
        transform: none; display: none;
        border-radius: 0; padding: 0 0 0 16px;
    }
    .nav li.on .nav-er { display: block; }
    .nav-er { position: static; width: 100%; margin: 0; background: transparent; transform: none; opacity: 1; visibility: visible; padding-left: 16px; }
    .header-area { position: static; transform: none; margin-top: 20px; }
    .language { justify-content: center; }
    .language-val { color: #ccc; }
    .logo { left: 15px; }
    .logo-text { font-size: 20px; }
    body.is-scroll .header .w1620 { height: 64px; }

    /* Banner */
    .bannerLeft { display: none; }
    .banner .swiper-slide .img100 img { min-height: 50vh; }
    .banner-slogan img { max-width: 70%; }

    /* 通用间距 */
    .sec-cate, .sec-hot, .sec-about, .sec-news, .sec-store { padding: 60px 0; }
    .sec-title { margin-bottom: 40px; }
    .sec-title h2 { font-size: 30px; }
    .sec-en { font-size: 14px; letter-spacing: 4px; }

    /* 产品分类 */
    .cate-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .cate-card h3 { font-size: 18px; }

    /* 关于我们 */
    .about-row { flex-direction: column; gap: 30px; }
    .about-img-box { flex: 0 0 auto; width: 100%; }
    .aw-row { flex-direction: column; gap: 30px; }
    .aw-img { flex: 0 0 auto; width: 100%; }
    .aw-title { font-size: 30px; }

    /* 品牌文化 */
    .bc-grid { height: auto; min-height: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; perspective: none; margin-top: 30px; }
    .bc-card { position: static !important; width: 100% !important; max-width: 340px !important; margin: 0 auto !important; left: auto !important; top: auto !important; transform: none !important; opacity: 1 !important; padding: 30px 24px !important; }
    .bc-card[data-pos="0"] { padding-top: 60px !important; width: 100% !important; max-width: 360px !important; margin: 0 auto !important; }
    .bc-card[data-pos="-1"], .bc-card[data-pos="1"] { font-size: inherit; }
    .bc-card[data-pos="2"], .bc-card[data-pos="-2"] { display: none; }

    /* 品牌文化 */
    .bc-card { max-width: 300px !important; }
    .bc-card[data-pos="0"] { max-width: 320px !important; padding-top: 50px !important; }

    /* 企业优势 */
    .company_con { padding: 50px 8vw; }

    /* 成长周期 */
    .grow-grid { flex-wrap: wrap; justify-content: center; gap: 20px; }
    .grow-img { width: 240px; height: 320px; }
    .grow-item { max-width: 240px; }

    .mb-dot { width: 80px; height: 80px; }
    .mb-dot i { width: 80px; height: 80px; }
    .mb-dot.active { box-shadow: 0 0 0 5px #feba09; }

    /* 新闻资讯 */
    .nw-grid { grid-template-columns: repeat(2, 1fr); }
    .news-banner { min-height: 280px; }
    .news-banner-inner { margin-left: 60px; }
    .news-banner-cn { font-size: 36px; }
    .news-banner-en { font-size: 28px; }
    .news-list-sec { padding: 50px 0; }
    .nl-item { gap: 20px; padding: 20px 0; }
    .nl-img { flex: 0 0 200px; height: 140px; }
    .nl-con h4 { font-size: 18px; }
    .nl-con p { font-size: 14px; }

    /* 新闻 */
    .prod-intro { padding: 80px 0 50px; }
    .pi-row { flex-direction: column; gap: 24px; }
    .pi-img img { height: auto; width: 100%; }
    .pi-icons { flex-wrap: wrap; gap: 20px; }
        .video-sec { height: calc(100vh - 64px); }
    .news-row { flex-direction: column; gap: 20px; }
    .news-main { flex: 0 0 auto; }
    .news-main-img img { height: 240px; }
    .ns-item { flex-direction: column; gap: 10px; }
    .ns-img { flex: 0 0 auto; height: 180px; }

    /* 商城 */
    .store-card { padding: 24px 32px; min-width: 120px; }

    /* Footer */
    .footer-content { flex-direction: column; gap: 20px; }

    /* 内页 */
    .page-banner { height: 240px; margin-top: 64px; }
    .page-banner h1 { font-size: 28px; }
    .about-banner { min-height: 100vh; padding: 100px 0 30px; }
    .ab-imgs img { width: 100%; }
    .about-story { flex-direction: column; gap: 30px; }
    .about-story .img-wrap { flex: 0 0 auto; width: 100%; }
    .values-grid { grid-template-columns: repeat(2, 1fr); }
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .news-list-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

    body.menu-open { overflow: hidden; }
    .body-overlay {
        position: fixed; top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,.6);
        z-index: 998;
        display: none;
    }
    .body-overlay.active { display: block; }
}

/* ========== 手机端 (< 768px) ========== */
@media (max-width: 767px) {
    .header-con { width: 85%; }
    .banner .swiper-slide .img100 img { min-height: 40vh; }
    .banner-slogan { font-size: 22px; }

    .sec-cate, .sec-hot, .sec-about, .sec-news, .sec-store { padding: 50px 0; }
    .sec-title { margin-bottom: 30px; }
    .sec-title h2 { font-size: 24px; }
    .sec-en { font-size: 13px; letter-spacing: 3px; }
    .sec-more { margin-top: 30px; }

    /* 产品分类 */
    .cate-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .cate-card h3 { font-size: 16px; }
    .cate-card p { font-size: 12px; }

    /* 关于我们 */
    .about-head { margin-bottom: 16px; }
    .about-tags li { flex-direction: column; gap: 6px; }
    .tag-label { display: inline-block; width: auto; }
    .about-lead { font-size: 14px; }

    /* 关于我们 */
    .aw-img img { width: 100%; }
    .aw-lead { font-size: 15px; }

    /* 企业优势 */
    .company_con { padding: 40px 6vw; }
    .cc-icon { width: 60px; height: 60px; background-size: contain; }
    .cc-title { font-size: 16px; line-height: 1.4; margin-bottom: 8px; }
    .cc-desc { font-size: 13px; line-height: 1.5; padding: 0 6px; }
    .cc-en-title { font-size: 24px; }
    .cc-cn-title { font-size: 14px; }
    .cc-item { min-width: 140px; }

    .mb-dot { width: 50px; height: 50px; margin: 0 4px; }
    .mb-dot i { width: 50px; height: 50px; }
    .mb-dot.active { box-shadow: 0 0 0 3px #feba09; }

    .grow-grid { flex-wrap: wrap; justify-content: center; gap: 12px; }
    .grow-img { width: 160px; height: 220px; }
    .grow-item { max-width: 160px; }
    .mb-nav { gap: 10px; }

    /* 新闻资讯 */
    .nw-grid { grid-template-columns: 1fr; }
    .nw-title { font-size: 32px; }
    .nw-subtitle { font-size: 20px; }
    .news-banner { height: 250px; }
    .news-banner-inner { margin-left: 20px; }
    .news-banner-cn { font-size: 28px; }
    .news-banner-en { font-size: 22px; }
    .news-banner-bar { width: 50px; height: 8px; }
    .news-list-sec { padding: 40px 0; }
    .nl-item { flex-direction: column; gap: 16px; }
    .nl-img { flex: 0 0 auto; height: 200px; }
    .nl-con h4 { font-size: 16px; }
    .nl-con p { font-size: 14px; }
    .prod-intro { padding: 60px 0 40px; }
    .pi-row { flex-direction: column; gap: 16px; }
    .pi-img img { height: auto; width: 100%; }
    .pi-icons { flex-wrap: wrap; gap: 16px; }
        .header-gap { height: 64px; }
    .video-sec { height: calc(100vh - 64px); }
    .video-sec video { object-fit: contain; }
    .video-play-btn { width: 56px; height: 68px; }
    .nl-page { width: 36px; height: 36px; font-size: 14px; }

    /* 热卖 */
    .hot-card h4 { font-size: 14px; }

    /* 新闻 */
    .ns-img { height: 160px; }
    .news-main-con h3 { font-size: 18px; }
    .ns-con h4 { font-size: 14px; }

    /* 商城 */
    .store-grid { gap: 14px; }
    .store-card { padding: 18px 24px; min-width: 100px; }
    .store-icon { font-size: 30px; }

    /* Footer */
    .footer { padding: 40px 0 20px; }
    .ft-row { flex-direction: column; gap: 20px; }
    .ft-name { font-size: 22px; }
    .ft-info { font-size: 14px; }
    .ft-s-hover { width: 100px; }

    /* 内页 */
    .page-banner { height: 160px; margin-top: 64px; }
    .page-banner h1 { font-size: 22px; }
    .about-banner { min-height: 100vh; padding: 90px 0 20px; }
    .ab-imgs img { width: 100%; }
    .values-grid { grid-template-columns: 1fr; }
    .products-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .news-list-grid { grid-template-columns: 1fr; }
    .store-platforms { grid-template-columns: 1fr; }

    .ljgd { min-width: 120px; }
    .ljgd span { line-height: 38px; font-size: 12px; padding: 0 18px; }
    .ljgd i { margin-left: 8px; }
    .totop { bottom: 20px; right: 16px; width: 40px; height: 40px; }
}