/* 手机端新闻列表样式优化 */
@media screen and (max-width: 768px) {
    /* 重写手机端头部 - logo左对齐，导航右对齐 */
    .kell-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .kell-header .logo {
        width: 40% !important;
        max-width: 150px !important;
        text-align: left !important;
    }
    
    .kell-header .nav {
        width: 60% !important;
        text-align: right !important;
    }
    
    .kell-header .nav ul {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .kell-header .nav li {
        display: inline-block !important;
        margin-left: 10px !important;
    }
    
    .kell-header .nav {
        width: 100% !important;
        text-align: center !important;
    }
    
    .kell-header .nav ul {
        display: inline-block !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    .kell-header .nav li {
        display: inline-block !important;
        margin: 0 5px !important;
    }

    /* 新闻列表容器样式 */
    .news-xj-wrap {
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* 标题样式保持不变 */
    .news-xj .news-xj-wrap > h3 {
        font-size: 24px !important;
        margin-top: 30px !important;
    }

    .news-xj .news-xj-wrap > h4 {
        font-size: 18px !important;
    }

    /* 新闻导航样式优化 */
    .news-xj-wrap-content-list {
        width: 100% !important;
        background: #ebebeb !important;
        height: auto !important;
        display: block !important;
        padding: 10px 0 !important;
        margin-bottom: 15px !important;
        border-radius: 0 !important; /* 移除圆角 */
        overflow: hidden !important; /* 确保内容不会溢出 */
        border-bottom: solid 2px #425280 !important;
    }
    
    .news-xj-wrap-content-list ul {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .news-xj-wrap-content-list ul li {
        float: none !important;
        width: 50% !important; /* 每行两个项目 */
        line-height: 45px !important;
        font-size: 14px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
        position: relative !important;
    }
    
    .news-xj-wrap-content-list ul li:nth-child(2n) {
        border-right: none !important;
    }
    
    .news-xj-wrap-content-list ul li a {
        color: #a8a4a4 !important; /* 保持原有的文字颜色 */
        display: block !important;
        width: 100% !important;
        padding: 0 5px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-weight: normal !important;
        text-decoration: none !important;
        position: relative !important;
        z-index: 1 !important; /* 确保链接在最上层 */
    }
    
    /* 当前选中项样式 */
    .news-xj-wrap-content-list ul .news-xj-wrap-content-list-current,
    .news-xj-wrap-content-list ul li.news-xj-wrap-content-list-current {
        background: #425280 !important;
    }
    
    .news-xj-wrap-content-list ul .news-xj-wrap-content-list-current a,
    .news-xj-wrap-content-list ul li.news-xj-wrap-content-list-current a {
        color: #fff !important;
        font-weight: bold !important;
    }
    
    /* 添加触摸反馈 */
    .news-xj-wrap-content-list ul li a:active {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* 新闻列表内容样式 */
    .news-xj-wrap-content-list-item {
        display: none;
    }

    .news-xj-wrap-content-list-item.active {
        display: block !important;
    }
    
    .news-xj-wrap-content-list-item-page {
        margin-top: 15px !important;
    }

    /* 修复可能的z-index问题 */
    .news-xj-wrap-content {
        position: relative !important;
        z-index: 1 !important;
    }

    /* 新闻列表项布局 */
    .news-page-left {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px !important;
    }

    .news-page-right {
        width: 100% !important;
        float: none !important;
    }

    .news-page-right-l {
        width: 100% !important;
        float: none !important;
    }

    .news-page-right-date {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    .news-page-right-date .month {
        padding-top: 10px !important;
        display: inline-block !important;
    }

    .news-page-right-date .year {
        padding-top: 0 !important;
        display: inline-block !important;
        margin-left: 5px !important;
    }

    /* 底部样式调整 - 新布局 */
    @media (max-width: 768px) {
        .kell-footer {
            padding: 15px 0 !important;
        }
        
        .kell-footer-wrap {
            display: flex !important;
            flex-direction: column !important;
        }
        
        /* 第一行布局 - 公司信息和导航第一项 */
        .kell-footer-row-1 {
            display: flex !important;
            width: 100% !important;
            margin-bottom: 15px !important;
            flex-direction: column !important;
        }
        
        .kell-footer-wrap-ul,
        .kell-footer-wrap-ul-2 {
            width: 100% !important;
            margin-bottom: -30px !important;
        }
        
        /* 第二行布局 - 导航第二三项 */
        .kell-footer-row-2 {
            display: flex !important;
            width: 100% !important;
            flex-direction: column !important;
        }
        
        /* 隐藏空li元素 */
        .kell-footer-wrap-ul li:empty,
        .kell-footer-wrap-ul-2 li:empty {
            display: none !important;
        }
        
        /* 友情链接 */
        .kell-yl {
            order: 2 !important;
            width: 100% !important;
            margin: 15px 0 !important;
            text-align: center !important;
        }
        
        /* 友情链接上方分割线 */
        .kell-yl {
            border-top: 1px solid #ddd !important;
            margin-top: 20px !important;
            padding-top: 20px !important;
        }

        /* 扫码关注 - 确保完全居中 */
        .kell-footer-wrap-ul-1 {
            order: 3 !important;
            margin: 20px auto 0 auto !important;
            padding: 20px 0 0 0 !important;
            border-top: 1px solid #ddd !important;
            text-align: center !important;
            width: 100% !important;
            display: block !important;
        }
        
        .kell-footer-wrap-ul-1 ul {
            margin-top: -60px;
            width: 100% !important;
            /* margin: 0 auto !important; */
            padding: 0 !important;
            text-align: center !important;
            display: inline-block !important;
        }
        
        .kell-footer-wrap-ul-1 li {
            text-align: center !important;
            margin: 0 auto !important;
            display: block !important;
            width: auto !important;
        }

        /* 友情链接上方分割线 */
        .kell-yl {
            border-top: 1px solid #ddd !important;
            margin: 20px 0 0 0 !important;
            padding: 20px 0 0 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
        
        .kell-footer-wrap-ul-1 h3 {
            font-size: 16px !important;
            margin-bottom: 10px !important;
        }
        
        .kell-footer-wrap-ul-1 img {
            max-width: 120px !important;
            margin: 0 auto !important;
        }
        
        /* 导航项样式 - 横向排列 */
        .kell-footer-wrap-ul-2 ul {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: space-between !important;
        }
        
        .kell-footer-wrap-ul-2 ul li {
            flex: 1 !important;
            min-width: 30% !important;
            margin: 0 5px 15px !important;
            text-align: center !important;
        }
        
        /* 清除浮动 */
        .clear {
            display: none !important;
        }
    }
}