/* 移动端基础样式重置 */
@media screen and (max-width: 768px) {
    .slide-title{
        font-size: 48px !important;
    }
  .section {
    padding: 30px 20px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .box_category{
    border-right: 0px;
  }
  /* 产品中心响应式调整 */
  .products-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .product-list {
    align-items: center !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-list ul {
    text-align: center !important;
  }

  /* 导航栏适配 */
  .header-container {
    padding: 10px 20px !important;
  }

  /* 图片容器适配 */
  .image-wrapper_3 {
    flex-direction: column !important;
    margin-left: 0 !important;
  }

  .image-wrapper_3 img {
    width: 100% !important;
    height: auto !important;
  }

  /* 按钮适配 */
  .btn-outline {
    padding: 12px 24px !important;
    font-size: 16px !important;
  }
}

/* 移动端菜单样式 */
@media screen and (max-width: 768px) {
    /* 显示菜单按钮，隐藏常规导航 */
    .mobile-menu-btn {
        display: block;
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 9999;
        background: transparent;
        border: none;
        cursor: pointer;
    }
    
    .mobile-menu-btn span {
        display: block;
        width: 30px;
        height: 3px;
        background: #002d72;
        margin: 5px 0;
        border-radius: 3px;
    }
    
    /* 侧边导航样式 */
    .mobile-side-menu {
        position: fixed;
        right: -300px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: white;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
        transition: right 0.3s ease;
        z-index: 9998;
        padding: 80px 20px;
    }
    
    .mobile-side-menu.active {
        right: 0;
    }
    
    /* 产品列表点击展开样式 */
    .product-list {
        position: relative;
    }
    
    .product-list-toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        background: #002d72;
        border-radius: 50%;
        color: white;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }
    
    .product-list ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    .product-list.active ul {
        max-height: 500px;
    }
}

/* 移动端底部简化 */
@media screen and (max-width: 768px) {
    .footer-grid {
        display: none;
    }
    
    .footer-bottom {
        padding: 20px 15px !important;
        text-align: center !important;
        background: #030420;
        margin-top: 20px;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .footer-bottom p {
        font-size: 14px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.6 !important;
    }
}

/* 移动端整体布局调整 */
@media screen and (max-width: 768px) {
    /* 基础样式调整 */
    body {
        padding: 0;
        margin: 0;
    }
    
    /* 头部样式调整 */
    .header-container {
        padding: 10px !important;
    }
    
    /* 产品中心布局调整 */
    .box_15 {
        flex-direction: column;
    }
    
    .product-details, .product-image, .product-list {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    /* 应用领域布局调整 */
    .application-content {
        flex-direction: column;
    }
    
    .applications-grid, .application-description {
        width: 100% !important;
    }
    
    /* 新闻资讯布局调整 */
    .news-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* 添加.news-header样式，向下移动30px */
    .news-header {
        margin-top: 30px !important;
    }
    
    /* 调整各区块间距 */
    section, .section {
        margin-bottom: 30px !important;
        padding: 20px 15px !important;
    }
    
    /* 图片自适应调整 */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* 文本样式调整 */
    h2 {
        font-size: 28px !important;
    }
    
    h3 {
        font-size: 24px !important;
    }
    
    p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 768px) {
    /* 移动端头部样式 */
    .mob_top {
        /* background: #002d72; */
        padding: 15px 0;
        position: static !important; /* 移除固定定位 */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    
    .mob_top .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }
    
    .mob_logo img {
        height: 40px;
        width: auto;
    }
    
    .mob_menu {
        display: flex;
        flex-direction: column;
        gap: 6px;
        cursor: pointer;
    }
    
    .mob_menu span {
        display: block;
        width: 30px;
        height: 3px;
        background: #002d72;
        border-radius: 3px;
    }
    
    /* 移动端菜单样式 - 确保默认隐藏 */
    .mob_menu_fix {
        position: fixed;
        top: 0;
        display: none;
        width: 80%;
        height: 100vh;
        background-color: white;
        z-index: 9999;
        transition: left 0.3s ease;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    }
    .mob_menu_fix.active {
        left: 0 !important;
    }
    
    .menu_top {
        padding: 15px 20px;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .mob_logo2 img {
        height: 35px;
        width: auto;
    }
    
    .mob_menu_close img {
        height: 25px;
        width: auto;
        cursor: pointer;
    }
    
    .menu_list {
        padding: 20px;
    }
    
    .menu_li {
        margin-bottom: 15px;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 15px;
    }
    
    .menu_li a {
        color: #333;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
    }
    
    .js_span1 {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: solid #666;
        border-width: 2px 2px 0 0;
        transform: rotate(135deg);
        margin-left: 10px;
        vertical-align: middle;
    }
    
    .menu_ul2 {
        padding-left: 20px;
        display: none;
    }
    
    .menu_ul2.active {
        display: block;
    }
    
    .menu_li2 {
        margin: 10px 0;
    }
    
    .menu_li2 a {
        color: #666;
        font-size: 14px;
    }
    
    /* 调整原有样式以适应新头部 */
    .header-container {
        display: none !important;
    }
    
    .hero-slider {
        margin-top: 0px !important;
    }
    
}

@media screen and (max-width: 768px) {
    .application-card {
        width: 100% !important;
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
}

@media screen and (max-width: 768px) {
    .news-tabs {
        margin-top: 55px !important; /* 整体向下移动40px避免重叠 */
        min-width: 100%;
    }
    .news-header{
        margin-bottom: 40px!important;
    }
    .tab-btn {
        flex: 1 1 auto !important; /* 自适应宽度 */
        min-width: 80px !important; /* 最小宽度确保文字完整 */
        padding: 8px 12px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    /* 确保第一个标签内容显示 */
    .news-grid {
        display: block !important;
    }

    .news-grid > div:first-child {
        display: block !important;
    }
    h2 {
        font-size: 28px !important;
    }
    
    h3 {
        font-size: 24px !important;
    }
    
    p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 768px) {
    @media screen and (max-width: 768px) {
        .mob_menu {
            position: relative;
            z-index: 99999 !important; /* 确保在最上层 */
        }
    }
}
@media screen and (max-width: 768px) {
    .product-details, .product-image, .product-list {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    /* 应用领域布局调整 */
    .application-content {
        flex-direction: column;
    }
    
    .applications-grid, .application-description {
        width: 100% !important;
    }
    
    /* 新闻资讯布局调整 */
    .news-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* 添加.news-header样式，向下移动30px */
    .news-header {
        margin-top: 30px !important;
    }
    
    /* 调整各区块间距 */
    .application-content section, .section {
        margin-bottom: 30px !important;
        padding: 20px 15px !important;
    }
    
    /* 图片自适应调整 */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* 文本样式调整 */
    h2 {
        font-size: 28px !important;
    }
    
    h3 {
        font-size: 24px !important;
    }
    
    p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    .page {
        width: 100% !important;
        height: auto !important;
    }
    .group_4, .grid_1 {
        width: 90% !important;
        margin: 20px auto !important;
        height: auto !important;
    }
    .block_4, .text-wrapper_4, .text-wrapper_5, .text-wrapper_6 {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        height: auto !important;
    }
    .product-image .image_13 {
        padding-left: 15px !important;
    }
    .text_15, .text_17, .text_19, .text_21, .text_23, .text_25, .text_27, .text_29 {
        margin: 20px auto !important;
        font-size: 18px !important;
    }
    .text_16, .text_18, .text_20, .text_22, .text_24, .text_26, .text_28, .text_30 {
        margin: 10px auto !important;
        font-size: 14px !important;
        white-space: normal !important;
        width: 90% !important;
    }
}

@media screen and (max-width: 768px) {
    .news-tabs {
        margin-top: 55px !important; /* 整体向下移动40px避免重叠 */
        min-width: 100%;
    }
    .news-header{
        margin-bottom: 40px!important;
    }
    .tab-btn {
        flex: 1 1 auto !important; /* 自适应宽度 */
        min-width: 80px !important; /* 最小宽度确保文字完整 */
        padding: 8px 12px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    /* 确保第一个标签内容显示 */
    .news-grid {
        display: block !important;
    }

    .news-grid > div:first-child {
        display: block !important;
    }
    h2 {
        font-size: 28px !important;
    }
    
    h3 {
        font-size: 24px !important;
    }
    
    p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 768px) {
    @media screen and (max-width: 768px) {
        .mob_menu {
            position: relative;
            z-index: 99999 !important; /* 确保在最上层 */
        }
    }
}
@media screen and (max-width: 768px) {
    /* 产品详情响应式调整 */
    .box_7, .box_8, .box_10 {
        width: 90% !important;
        margin: 20px auto !important;
        height: auto !important;
        padding: 15px !important;
    }
    .image_2, .image_3, .image_4 {
        width: 100% !important;
        margin: 15px auto !important;
        height: auto !important;
    }
    .section_4, .block_3 {
        width: 100% !important;
        margin: 15px 0 !important;
        padding: 0 15px !important;
    }
    .text_11, .text_15, .text_19 {
        font-size: 24px !important;
        line-height: 36px !important;
    }
    .text_13, .text_17, .text_21 {
        font-size: 16px !important;
        line-height: 28px !important;
        width: 100% !important;
    }
    .group_1, .group_2, .box_11 {
        width: 120px !important;
        height: 40px !important;
    }
}
@media screen and (max-width: 1000px) {
    .hero-slider{
        height: 350px;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1400px) {
    .hero-slider{
        height: 500px;
    }
}