/* ==========================================
   首页手机端自适应样式 (Responsive for Index)
   ========================================== */

/* 强制清理旧样式干扰 */
.navbtn, #close { display: none !important; }

html, body {
    width: 100% !important;
    overflow-x: hidden !important;
}

.all {
    width: 100% !important;
    overflow-x: hidden !important;
}

@media screen and (max-width: 1024px) {
    /* 1. 头部基础布局强制重置 */
    .head {
        position: relative !important; /* 取消固定定位 */
        width: 100% !important;
        min-width: 0 !important; /* 取消 PC 端可能的最小宽度限制 */
        height: 64px !important;
        line-height: 64px !important;
        background: #fff !important;
        z-index: 10001 !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    }
    
    .headin {
        position: relative !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .head .logo {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        height: 40px !important;
        z-index: 10 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .head .logo img {
        height: 100% !important;
        width: auto !important;
    }

    /* 隐藏所有旧版头部干扰 */
    .headbg, .headshadow, .head .nav, .headright { display: none !important; }

    /* 2. 汉堡按钮美化 */
    .navsj-btn {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        height: 44px !important;
        z-index: 10003 !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    .navsj-btn span {
        display: block !important;
        width: 24px !important;
        height: 2px !important;
        background: #333 !important;
        margin: 3px 0 !important;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
        border-radius: 4px !important;
    }
    
    .navsj-btn.on span:nth-child(1) { transform: translateY(8px) rotate(45deg) !important; background: #004bb4 !important; }
    .navsj-btn.on span:nth-child(2) { opacity: 0 !important; }
    .navsj-btn.on span:nth-child(3) { transform: translateY(-8px) rotate(-45deg) !important; background: #004bb4 !important; }

    /* 3. 菜单容器重载 - 适配不固定的头部 */
    .navsjout {
        display: none;
        position: absolute !important; /* 改为绝对定位 */
        top: 64px !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: calc(100vh - 64px) !important;
        background: #ffffff !important;
        z-index: 10002 !important;
        overflow-y: visible !important;
        padding: 10px 0 40px 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        border-top: 1px solid #f5f5f5 !important;
        animation: slideDown 0.3s ease-out !important;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .navsj {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .navsj > li {
        width: 100% !important;
        background: #fff !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #eee !important; /* 添加下边线 */
    }

    .navsj > li > a.yiji {
        display: flex !important;
        justify-content: center !important; /* 内容居中 */
        align-items: center !important;
        padding: 18px 20px !important;
        font-size: 16px !important;
        color: #333 !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        border-bottom: none !important; /* 移除 a 标签下边线 */
        transition: all 0.3s !important;
        position: relative !important;
    }

    /* 只有带二级的 li 才显示右侧图标 - 现代 V 型箭头 */
    .navsj > li > a.yiji i {
        display: block !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid #bbb !important;
        border-bottom: 2px solid #bbb !important;
        transform: rotate(45deg) !important;
        position: absolute !important; /* 绝对定位到右侧 */
        right: 25px !important;
        top: 50% !important;
        margin-top: -6px !important;
        transition: all 0.3s !important;
    }

    .navsj > li.on > a.yiji {
        color: #004bb4 !important;
    }

    .navsj > li.on > a.yiji i { 
        transform: rotate(-135deg) !important;
        border-color: #004bb4 !important;
        margin-top: 4px !important;
    }

    /* 二级菜单美化 */
    .navsjtwo {
        display: none;
        background: #fbfcfe !important;
        padding: 5px 0 !important;
        margin: 0 10px 10px 10px !important;
        border-radius: 8px !important; /* 圆角卡片效果 */
    }

    .navsjtwo li {
        width: 100% !important;
        float: none !important;
    }

    .navsjtwo li a {
        display: block !important;
        padding: 12px 25px !important;
        font-size: 14px !important;
        color: #666 !important;
        text-decoration: none !important;
        transition: all 0.2s !important;
        text-align: center !important; /* 二级菜单文字居中 */
    }

    .navsjtwo li a:active {
        color: #004bb4 !important;
        background: #f4f7fc !important;
    }

    /* ==========================================
       关于我们页面 (About Page) 深度优化
       ========================================== */
    
    /* 1. 内页通栏Banner - 手机端完整显示 */
    .inner-page-banner {
        height: auto !important;
        aspect-ratio: 16 / 5 !important; /* 根据 Banner 原图比例调整，确保不裁剪 */
     
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-color: #f8f9fb !important;
    }

    .case-page-badge{
        left:5px;
    }

    /* 2. 内页分类导航条 - 同样取消吸顶 */
    .news-category-bar {
        padding: 5px 0 !important;
        background: #f8f9fb !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        top: 0 !important;
        z-index: 100 !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    .news-category-list {
        display: inline-flex !important;
        padding: 0 15px !important;
    }
    .news-category-item {
        margin: 0 10px !important;
        padding: 10px 0 !important;
    }
    .news-category-item a {
        font-size: 14px !important;
        color: #666 !important;
    }
    .news-category-item.active a {
        color: #fff !important;
        font-weight: bold !important;
        border-bottom: 2px solid #004bb4 !important;
    }

    /* 3. 公司简介板块 */
    .about-profile-section {
        padding: 40px 0 !important;
        background-attachment: scroll !important;
        background-position: center !important;
        position: relative !important;
    }
    .about-profile-section::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(255, 255, 255, 0.85) !important; /* 增加浅色遮罩，让文字更清晰 */
        z-index: 1 !important;
    }
    .about-profile-section .inner1 {
        position: relative !important;
        z-index: 2 !important;
    }
    .about-profile-header {
        margin-bottom: 30px !important;
    }
    .about-profile-main-title {
        font-size: 24px !important;
        padding: 0 30px !important;
    }
    .about-profile-left {
        width: 100% !important;
        padding: 30px 20px !important;
        background: #ffffff !important;
        border-radius: 15px !important;
        box-shadow: 0 10px 30px rgba(0, 75, 180, 0.1) !important;
        border: 1px solid rgba(0, 75, 180, 0.05) !important;
    }
    .profile-company-name {
        font-size: 22px !important;
        text-align: center !important;
        color: #004bb4 !important;
        margin-bottom: 20px !important;
    }
    .profile-desc p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        color: #444 !important;
        text-indent: 0 !important; /* 手机端取消首行缩进，采用段落间距 */
        margin-bottom: 15px !important;
        text-align: justify !important;
    }

    /* 4. 资质荣誉 - 手机端改为平铺或横滑 */
    .about-honor-section {
        background-size: cover !important;
        padding: 40px 0 !important;
    }
    .about-honor-slider {
        padding: 0 10px !important;
    }
    .honor-list-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .honor-list {
        display: flex !important;
        transform: none !important; /* 禁用 JS 控制的 transform */
        width: auto !important;
    }
    .honor-item {
        flex: 0 0 160px !important;
        margin-right: 15px !important;
        background: #fff !important;
        padding: 5px !important;
        border-radius: 5px !important;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
    }
    .honor-item img {
        width: 100% !important;
        height: 200px !important; /* 强制统一高度 */
        object-fit: contain !important; /* 保持图片比例不失真，并在容器内完整显示 */
        background: #f9f9f9 !important; /* 增加底色填充空白 */
    }
    .honor-arrow { display: none !important; } /* 手机端靠手滑，隐藏箭头 */

    /* 5. 企业文化 - 现代清新卡片式 (Enterprise Culture - Modern Clean Cards) */
    .about-culture-section {
        padding: 40px 0 !important;
        background: #f4f7fc !important; /* 浅蓝灰色背景，增加层次感 */
    }
    .about-culture-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important;
        background: none !important;
    }
    .about-culture-group {
        background: #ffffff !important;
        border-radius: 12px !important;
        padding: 25px 20px !important;
        box-shadow: 0 4px 15px rgba(0, 75, 180, 0.04) !important;
        border: 1px solid rgba(0, 75, 180, 0.05) !important;
    }
    .about-culture-group::before { display: none !important; }

    .about-culture-item {
        margin-bottom: 25px !important;
    }
    .about-culture-item:last-child {
        margin-bottom: 0 !important;
    }
    .about-culture-item .label {
        display: flex !important;
        align-items: center !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #004bb4 !important;
        margin-bottom: 10px !important;
        background: none !important;
        padding: 0 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        opacity: 1 !important;
        font-family: inherit !important;
    }
    .about-culture-item .label::before {
        content: "" !important;
        display: inline-block !important;
        width: 4px !important;
        height: 16px !important;
        background: #004bb4 !important;
        margin-right: 10px !important;
        border-radius: 2px !important;
    }
    .about-culture-item .text {
        font-size: 14px !important;
        line-height: 1.7 !important;
        color: #555555 !important;
        text-align: justify !important;
        padding-left: 14px !important; /* 对应标题前缀的宽度 */
        border: none !important;
        letter-spacing: normal !important;
        font-weight: 400 !important;
    }

    /* 6. 组织架构 - 简化展示 */
    .about-structure-list {
        padding: 0 10px !important;
    }
    .about-structure-item {
        margin-bottom: 20px !important;
        padding: 20px !important;
        border: 1px solid #eee !important;
        border-radius: 10px !important;

    }
    .evwz{
        display:none;
    }
    .about-structure-name {
        font-size: 18px !important;
        text-align: center !important;
    }

    /* 7. 媒体采访卡片 */
    .about-media-card {
        padding: 20px !important;
    }
    .about-media-text p {
        font-size: 14px !important;
        text-indent: 2em !important;
    }

    /* ==========================================
       联系我们页面 (Contact Page)
       ========================================== */
    .contact-page-section {
        padding: 30px 0 !important;
    }
    .contact-page-card {
        background-image: none !important; /* 强制移除背景图 */
        background: #fff !important;
        display: block !important;
        padding: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    }
    .contact-page-left {
        width: 100% !important;
        padding: 30px 20px !important;
        text-align: left !important; /* 文字左对齐 */
        background: #fbfcfe !important;
    }
    .contact-page-title {
        font-size: 24px !important;
        margin-bottom: 5px !important;
        text-align: left !important;
    }
    .contact-page-subtitle {
        font-size: 14px !important;
        margin-bottom: 20px !important;
        text-align: left !important;
    }
    .contact-page-qr-card {
        margin: 0 !important; /* 二维码卡片左对齐 */
        width: 100% !important;
        text-align: left !important;
    }
    .contact-page-qrcode {
        width: 150px !important;
        height: 150px !important;
        margin: 15px 0 !important; /* 二维码左对齐 */
    }
    .contact-page-qr-hint {
        text-align: left !important;
    }

    .contact-page-right-trapezoid {
        width: 100% !important;
        padding: 30px 20px !important;
        background: #004bb4 !important; /* 手机端改为纯色背景 */
        clip-path: none !important; /* 移除梯形效果 */
        transform: none !important;
        margin: 0 !important;
        justify-content:left;
    }
    .contact-page-right-content {
        padding: 0 !important;
        transform: none !important;
    }
    .contact-page-item {
        margin-bottom: 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        padding-bottom: 15px !important;
    }
    .contact-page-item:last-child {
        border-bottom: none !important;
    }
    .contact-page-item-header {
        justify-content: center !important;
        margin-bottom: 10px !important;
    }
    .contact-page-item-header span {
        font-size: 14px !important;
        opacity: 0.8 !important;
    }
    .contact-page-item-value {
        font-size: 18px !important;
        text-align: center !important;
        font-weight: bold !important;
    }
    .contact-page-item-value p {
        margin: 5px 0 !important;
    }

    /* 其它内容自适应补丁 */
    .profile-stats-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        margin-top: 25px !important;
    }
    .profile-stats-row .stat-item {
        width: calc(50% - 10px) !important;
        background: #fff !important;
        border-radius: 15px !important;
        padding: 20px 10px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(0, 75, 180, 0.1) !important;
        box-shadow: 0 4px 15px rgba(0, 75, 180, 0.05) !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .profile-stats-row .stat-item::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 4px !important;
        height: 100% !important;
        background: #004bb4 !important;
    }
    .stat-num {
        font-size: 26px !important;
        color: #004bb4 !important;
        font-weight: 700 !important;
        margin-bottom: 8px !important;
        font-family: 'Arial', sans-serif !important;
    }
    .stat-label {
        font-size: 14px !important;
        color: #333 !important;
        font-weight: 500 !important;
    }
    .stat-deco { 
        display: block !important; 
        width: 30px !important;
        height: 2px !important;
        background: rgba(0, 75, 180, 0.2) !important;
        margin: 10px auto 0 !important;
        border-radius: 2px !important;
    }

    .inner, .inner1, .cer8, .cer9 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }
    .profile-text-inner {
        padding-left: 0 !important;
    }

    /* 视频中心手机端一行显示一个 (Video Page Mobile One Item Per Row) */
    .product-page-wrapper, .case-page-wrapper {
        margin: 10px !important;
        padding: 20px 10px !important;
    }
    .case-page-list {
        display: block !important;
        padding: 0 !important;
        grid-template-columns: 1fr !important;
    }
    .case-page-item {
        width: 100% !important;
        margin-bottom: 20px !important;
        box-sizing: border-box !important;
        padding: 15px !important;
    }
    .case-page-img {
        height: 200px !important; /* 统一视频封面高度 */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f0f0f0 !important;
        overflow: hidden !important;
    }
    .case-page-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* 视频封面通常铺满显示 */
    }
    .case-page-info {
        padding: 15px 10px !important;
        margin: 10px 0 !important;
    }
    .case-page-title {
        font-size: 16px !important;
        white-space: normal !important;
    }

    /* 新闻中心手机端自适应 (News Page Mobile Optimization) */
    .news-page-wrapper {
        margin: 10px !important;
        padding: 20px 10px !important;
    }
    .news-page-list {
        gap: 20px !important;
    }
    .news-page-item {
        padding: 20px 15px !important;
        background-size: cover !important; /* 确保背景在手机端也铺满 */
    }
    .news-page-link-wrapper {
        flex-direction: column !important; /* 手机端改为垂直布局 */
        gap: 15px !important;
    }
    .news-page-img-box {
        width: 100% !important;
        height: 200px !important; /* 统一新闻图片高度 */
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
        background: #f5f5f5 !important;
    }
    .news-page-img-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .news-page-content {
        gap: 10px !important;
    }
    .news-page-title {
        font-size: 18px !important;
        margin-bottom: 5px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        white-space: normal !important;
    }
    .news-page-desc {
        font-size: 14px !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-bottom: 10px !important;
    }
    .news-page-footer {
        margin-top: 5px !important;
        border-top: 1px solid #f0f0f0 !important;
        padding-top: 10px !important;
    }
    .news-page-more img {
        max-width: 100px !important;
    }
    .news-page-date {
        font-size: 13px !important;
    }
    .news-page-badge {
        width: 40px !important;
        height: 40px !important;
        top: 10px !important;
        right: 10px !important;
    }
    .news-page-badge span {
        font-size: 14px !important;
    }

    /* 分页手机端优化 (Pagination Mobile Optimization) */
    .pages {
        margin-top: 30px !important;
        padding-top: 0 !important;
        overflow-x: auto !important; /* 防止页码过多溢出 */
        -webkit-overflow-scrolling: touch !important;
    }
    .pagination {
        gap: 6px !important;
        padding: 5px 0 !important;
    }
    .pagination li a, 
    .pagination li span {
        min-width: 34px !important;
        height: 34px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
    }
    /* 隐藏部分页码防止手机端过挤，只保留关键翻页（如果页码非常多时） */
    .pagination li.hidden-xs {
        display: none !important;
    }

    /* 新闻分类导航手机端优化 (News Category Bar Mobile Optimization) */
    .news-category-bar {
        line-height: normal !important;
        background: transparent !important;
        padding: 15px 0 !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        display: flex !important;
        justify-content: center !important; /* 尝试居中 */
        border: none !important;
    }
    .news-category-list {
        display: inline-flex !important;
        padding: 4px !important;
        gap: 8px !important;
        background: rgba(20, 78, 171, 0.05) !important;
        border-radius: 50px !important; /* 圆囊形状设计感 */
        margin: 0 auto !important;
        border: 1px solid rgba(20, 78, 171, 0.1) !important;
    }
    .news-category-item {
        margin: 0 !important;
        padding: 0 !important;
    }
    .news-category-item a {
        padding: 6px 16px !important;
        font-size: 13px !important;
        color: #666 !important;
        border-radius: 50px !important;
        transition: all 0.3s ease !important;
        border: none !important;
    }
    .news-category-item.active {
        transform: none !important;
        box-shadow: 0 2px 8px rgba(20, 78, 171, 0.2) !important;
        background: #144eab !important;
        border-radius: 50px !important;
    }
    .news-category-item.active a {
        color: #fff !important;
        font-weight: 500 !important;
        transform: none !important;
        border: none !important;
    }

    /* 详情页手机端强制修正 (Detail Pages Mobile Fix) */
    .news-detail-wrapper, .case-detail-wrapper, .product-detail-wrapper, .video-detail-wrapper {
        padding: 15px 10px !important;
        margin: 10px 5px !important;
        width: auto !important;
        float: none !important;
        border-radius: 10px !important;
    }
    
    .news-detail-container, .case-detail-container, .product-detail-container, .video-detail-container {
        padding: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .news-detail-content, .case-detail-content, .product-detail-content, .video-detail-content {
        width: 100% !important;
        overflow-x: hidden !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
        font-size: 16px !important; /* 手机端也保持统一字号 */
        text-indent: 2em !important; /* 手机端也保持缩进 */
    }

    .news-detail-content *, .case-detail-content *, .product-detail-content *, .video-detail-content * {
        font-size: 16px !important;
        background-color: transparent !important;
    }
    
    .news-detail-content img, .case-detail-content img, .product-detail-content img, .video-detail-content img {
        max-width: 100% !important;
        height: auto !important;
        text-indent: 0 !important;
    }
    
    .news-detail-content table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .news-detail-title, .case-detail-title, .product-detail-title, .video-detail-title {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
}