/* ======================================= */
/*  Fenlei分类页面移动端适配CSS               */
/*  生成时间: 2026-01-18 23:55:00         */
/*  特点:只在≤768px生效，不影响桌面端        */
/* ======================================= */

@media (max-width: 768px) {

    /* ========== 通用容器适配 ========== */

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

    .container-small {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .section {
        padding-top: 5px !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
    }
    #projectSlide .bigImg {
        width: 100% !important;
        max-height: 300px !important;
        min-height: 200px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .bigImg-list {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
    }
    #projectSlide .bigImg li {
        width: 100% !important;
        height: 300px !important;
        position: absolute !important;
        left: 0px !important;
        top: 0px !important;
        display: list-item !important;
    }

    .ny_box {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 20px 0 !important;
        overflow: hidden !important;
    }

    .about {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* ========== 横幅适配 ========== */

    .sub-banner {
        height: auto !important;
        min-height: 300px !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative !important;
    }

    .sub-banner .sub-bt {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        background: #fff !important;
        height: auto !important;
        min-height: 50px !important;
        border-bottom: 1px solid #e9e9e9 !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important;
    }

    .sub-banner .sub-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin: 20px auto !important;
        text-align: center !important;
    }

    .sub-banner .sub-title p {
        font-size: 24px !important;
        line-height: 1.4 !important;
        margin: 10px 0 !important;
        padding: 10px 20px !important;
    }

    .sub-banner .sub-title span {
        font-size: 14px !important;
        padding: 8px 15px !important;
        display: inline-block !important;
    }

    /* ========== 面包屑导航 ========== */

    .breadcrumb {
        width: 369px !important;
        height: 70px !important;
        padding: 10px 15px !important;
        font-size: 12px !important;
        line-height: 35px !important;
        color: #D2232A !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background: #f5f5f5 !important;
    }

    .breadcrumb a {
        font-size: 12px !important;
        color: #D2232A !important;
        line-height: 35px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    .breadcrumb em {
        color: #D2232A !important;
        line-height: 35px !important;
        margin: 0 5px !important;
        display: inline-block !important;
    }

    /* ========== 关于我们页面 (about.html) ========== */

    .about {
        padding: 20px 0 !important;
    }

    .scene-imgs {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .scence_img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .scence_img div {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        margin: 0 0 15px 0 !important;
        display: block !important;
        position: relative !important;
    }

    .scence_img img {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    .scence_img div span {
        position: absolute !important;
        bottom: 10px !important;
        left: 10px !important;
        padding: 6px 12px !important;
        border-radius: 5px !important;
        background-color: rgba(0,0,0,0.6) !important;
        color: #fff !important;
        font-size: 12px !important;
    }

    .about_foot2 {
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    .about_foot2 p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        margin-bottom: 15px !important;
        word-wrap: break-word !important;
    }

    /* ========== 文章列表页 (article.html) ========== */

    .inews_foot_li {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        display: block !important;
    }

    .inews_foot_li_left {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .inews_foot_li_left img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 8px !important;
    }

    .inews_foot_li_right {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .inews_foot_li_right h3 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
    }

    .inews_foot_li_right p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #666 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* ========== 案例展示页 (case.html) ========== */

    .deepen-box {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* 左侧菜单容器 - 固定浮动在左上角 */
    .menu {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        position: fixed !important;
        top: 20px !important;
        left: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        z-index: 999 !important;
        display: block !important;
        background: transparent !important;
    }

    .menu-item {
        float: none !important;
        display: block !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .menu-item.first,
    .menu-item {
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* 菜单标题 - 始终显示 */
    .menu-p {
        display: block !important;
        background: #D2232A !important;
        padding: 15px 20px !important;
        border-radius: 5px !important;
        cursor: pointer !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .menu-p p {
        color: #fff !important;
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

    /* i 标签箭头样式 */
    .menu-p i {
        display: inline-block !important;
        width: 15px !important;
        height: 15px !important;
        background: url(../images/icon-left02-h.png) no-repeat center bottom !important;
        transform: rotate(90deg) !important;
        -webkit-transform: rotate(90deg) !important;
        transition: all 0.3s !important;
        -webkit-transition: all 0.3s !important;
        padding: 0 !important;
    }

    /* 菜单项展开时箭头旋转 */
    .menu-item.in .menu-p i {
        transform: rotate(-90deg) !important;
        -webkit-transform: rotate(-90deg) !important;
    }

    /* 子菜单容器 - 默认隐藏 */
    .menu-c {
        display: none !important;
        padding: 0 !important;
        width: auto !important;
        min-width: 150px !important;
        max-width: 100% !important;
        overflow: visible !important;
        position: absolute !important;
        left: 0 !important;
        top: 100% !important;
        margin-top: 5px !important;
        background: #fff !important;
        border-radius: 5px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        z-index: 1000 !important;
    }

    /* 菜单项展开时显示子菜单 */
    .menu-item.in .menu-c {
        display: block !important;
    }

    .menu-child {
        color: #333333 !important;
        display: block !important;
        padding: 12px 20px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
        max-width: 100% !important;
        border-bottom: 1px solid #f5f5f5 !important;
        background: #fff !important;
    }

    .menu-child:last-child {
        border-bottom: none !important;
    }

    .menu-child:hover {
        background: #f5f5f5 !important;
        color: #D2232A !important;
    }

    .menu-item a {
        font-size: 13px !important;
        white-space: normal !important;
        color: #333333 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
        text-decoration: none !important;
    }

    /* 瀑布流容器 */
    .masonry {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        position: relative !important;
    }

    .section-title03{
        padding-top: 10px !important;
    }

    /* 瀑布流砖块 - 强制覆盖所有样式 */
    li.item,
    li.masonry-brick,
    ul.masonry li {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        float: none !important;
        left: auto !important;
        top: auto !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border-radius: 0 !important;
    }

    li.item a,
    li.masonry-brick a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    /* 图片容器 */
    li.item .pic,
    li.masonry-brick .pic {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        line-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    li.item .pic img,
    li.masonry-brick .pic img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 内容容器 - 关键修复 */
    li.item .cont,
    li.masonry-brick .cont,
    .item .cont {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 299px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        overflow: visible !important;
        background: #D2232A !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .h-news .news-item .cont {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 299px !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        overflow: visible !important;
        background: #D2232A !important;
        display: flex !important;
        flex-direction: column !important;
    }

    li.item .info,
    li.masonry-brick .info,
    .item .info,
    .deepen-box .info {
        width: 100% !important;
        max-width: 100% !important;
        height: 80px !important;
        margin: 0 !important;
        padding: 13px 15px 16px 15px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        border-top: none !important;
        transition: all 0.3s !important;
        -webkit-transition: all 0.3s !important;
        color: #FFFFFF !important;
        background: transparent !important;
    }

    li.item .tit,
    li.masonry-brick .tit,
    .item .tit {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
        color: #FFFFFF !important;
    }

    li.item .des,
    li.masonry-brick .des,
    .item .des {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #FFFFFF !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 更多按钮区域 */
    li.item .more,
    li.masonry-brick .more,
    .item .more {
        width: 100% !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    /* 图标 */
    li.item .icom,
    li.masonry-brick .icom,
    .item .icom {
        width: auto !important;
        height: auto !important;
        display: inline-block !important;
    }

    li.item .icom i,
    li.masonry-brick .icom i,
    .item .icom i {
        display: inline-block !important;
        color: #FFFFFF !important;
    }

    /* 悬停效果 - 保留原有红色 */
    li.item:hover .info,
    li.masonry-brick:hover .info,
    .item:hover .info,
    .deepen-box li:hover .info,
    li.item a:hover .info,
    li.masonry-brick a:hover .info {
        border-top: 3px solid #D2232A !important;
        border-top-width: 3px !important;
    }

    /* 标题 */
    li.item .tit,
    li.masonry-brick .tit,
    .item .tit {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }

    /* 描述 */
    li.item .des,
    li.masonry-brick .des,
    .item .des {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #FFFFFF !important;
        word-wrap: break-word !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 更多按钮区域 */
    li.item .more,
    li.masonry-brick .more,
    .item .more {
        width: 100% !important;
        text-align: center !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 图标 */
    li.item .icom,
    li.masonry-brick .icom,
    .item .icom {
        width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* ========== 联系我们页面 (contact.html) ========== */

    .sec-cooperation {
        padding: 30px 0 !important;
    }

    .coop-item {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .coop-info {
        float: none !important;
        width: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }

    .coop-info .tit {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    .coop-info p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        word-break: break-all !important;
    }

    .coop-pic {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .coop-pic img {
        width: 100% !important;
        height: auto !important;
    }

    /* 地图区域 */
    .sec-map {
        padding: 20px 0 !important;
    }

    .sec-map iframe {
        width: 100% !important;
        height: 300px !important;
        min-height: 300px !important;
    }

    /* ========== 发光字页面 (faguangzi.html) ========== */

    .fg_list {
        width: 100% !important;
    }

    .fg_list_a {
        width: 100% !important;
    }

    .fg_list_a li {
        width: 100% !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    .fg_list_a img {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
        object-fit: cover !important;
    }

    /* 右侧导航 */
    .sub_right {
        float: none !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    /* ========== 工程展示页 (gongcheng.html, guanggaogc.html) ========== */

    .gc-nav {
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        margin-bottom: 20px !important;
    }

    .gc-nav li {
        display: inline-block !important;
        float: none !important;
        margin: 0 8px !important;
    }

    .gc-nav li a {
        font-size: 13px !important;
        padding: 8px 15px !important;
        white-space: nowrap !important;
    }

    .gc_list_a {
        width: 100% !important;
    }

    .gc_list_li {
        width: 100% !important;
        margin-bottom: 20px !important;
        float: none !important;
    }

    .gc_list_li_top {
        width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .gc_list_li_top img {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
    }

    .gc_list_li_bottom {
        padding: 15px !important;
    }

    .gc_list_li_bottom h3 {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }

    .gc_list_li_bottom p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    /* ========== 视频页面 (video.html) ========== */

    video {
        width: 100% !important;
        height: auto !important;
        max-height: 250px !important;
        object-fit: cover !important;
    }

    .masonry video {
        margin-bottom: 15px !important;
    }

    /* ========== 清除浮动 ========== */

    .clear {
        display: none !important;
    }

    .clearfix::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }

    /* ========== 通用优化 ========== */

    /* 确保所有元素不超出边界 */
    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 按钮适配 */
    .btn, .butt, .sub-bot {
        padding: 10px 20px !important;
        font-size: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 输入框适配 */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }

    /* 图片通用适配 */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* 视频、iframe适配 */
    video, iframe, embed, object {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 加载更多按钮 */
    .loadingmore,
    .loading {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    .loadingmore a,
    .loading a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    /* 所有浮动元素限制宽度 */
    [class*="pull-left"],
    [class*="pull-right"] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    /* 收缩按钮 - 移动端隐藏 */
    .menu-shrink {
        display: none !important;
    }
}

/* ========== 平板端适配 (769px - 1024px) ========== */

@media (min-width: 769px) and (max-width: 1024px) {

    .container-small {
        width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }

    .scene-imgs .scence_img {
        width: 48% !important;
    }

    .item {
        width: 48% !important;
        margin: 1% !important;
    }

    .gc_list_li {
        width: 48% !important;
        margin: 1% !important;
    }

    .menu {
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .menu-item {
        display: inline-block !important;
        float: none !important;
    }

    /* ========== 文章详情页 (article.html) ========== */

    .sec-news-de {
        padding: 20px 0 !important;
    }

    .sec-news-de .title {
        font-size: 20px !important;
        line-height: 1.4 !important;
        padding: 15px 0 !important;
        margin-bottom: 10px !important;
    }

    .news-detail-t {
        font-size: 13px !important;
        color: #999 !important;
        padding: 10px 0 !important;
        margin-bottom: 20px !important;
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .news-detail-c {
        font-size: 14px !important;
        line-height: 1.8 !important;
        padding: 10px 0 !important;
    }

    .news-detail-c img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px 0 !important;
    }

    .news-detail-c p {
        margin-bottom: 15px !important;
        word-wrap: break-word !important;
    }

    .news-de-b {
        margin-top: 30px !important;
        padding: 20px 0 !important;
        border-top: 1px solid #e5e5e5 !important;
    }

    .page-next {
        display: block !important;
        padding: 12px 15px !important;
        background: #f5f5f5 !important;
        border-radius: 5px !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
        color: #333 !important;
    }

    .page-next span {
        color: #666 !important;
        margin-right: 5px !important;
    }

    /* 相关信息 */
    .news-tj {
        margin-top: 30px !important;
        padding: 20px 0 !important;
    }

    .tj-tit {
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 10px 0 !important;
        margin-bottom: 15px !important;
        border-left: 3px solid #D2232A !important;
        padding-left: 10px !important;
    }

    .news-tj-i {
        float: none !important;
        width: 100% !important;
    }

    .tj-item-i {
        display: block !important;
        padding: 12px 15px !important;
        margin-bottom: 10px !important;
        background: #f9f9f9 !important;
        border-radius: 5px !important;
    }

    .tj-item-i .tit {
        font-size: 14px !important;
        color: #333 !important;
        line-height: 1.4 !important;
        margin-bottom: 5px !important;
    }

    .tj-item-i .time {
        font-size: 12px !important;
        color: #999 !important;
    }

    /* ========== 案例详情页 (case.html) ========== */

    .sec-detail {
        width: 100% !important;
        padding: 20px 0 !important;
        background: #fff !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .sec-detail .container-small {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .sec-prject-detail {
        padding: 20px 0 !important;
        background: #fff !important;
        width: 100% !important;
        overflow: visible !important;
    }

    #projectSlide {
        width: 100% !important;
        min-height: 300px !important;
        position: relative !important;
        overflow: visible !important;
    }

    #projectSlide .bigImg {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        min-height: 200px !important;
        position: relative !important;
        overflow: hidden !important;
    }

    #projectSlide .bigImg ul {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
    }

    #projectSlide .bigImg li {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        min-height: 200px !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    #projectSlide .bigImg li .cont {
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    #projectSlide .bigImg li .des {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #fff !important;
        background: rgba(0,0,0,0.6) !important;
        padding: 10px !important;
        border-radius: 5px !important;
    }

    .arrow-left,
    .arrow-right {
        display: none !important;
    }

    #projectSlide .sPrev,
    #projectSlide .sNext {
        display: block !important;
        visibility: visible !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        line-height: 40px !important;
        text-align: center !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        font-size: 14px !important;
        padding: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        z-index: 100 !important;
        opacity: 1 !important;
    }

    #projectSlide .sPrev {
        right: 0 !important;
        left: auto !important;
    }

    #projectSlide .sNext {
        left: 0 !important;
    }

    #projectSlide .sPrev:hover,
    #projectSlide .sNext:hover {
        background: #D2232A !important;
        color: #fff !important;
    }

    #projectSlide .smallBg {
        width: 100% !important;
        padding: 20px 0 !important;
        position: relative !important;
    }

    #projectSlide .smallScroll {
        width: 100% !important;
        overflow: visible !important;
        position: relative !important;
    }

    #projectSlide .smallImg {
        width: 100% !important;
    }

    #projectSlide .smallImg ul {
        width: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        margin: 0 60px 0 0 !important;
    }

    #projectSlide .smallImg li {
        float: none !important;
        flex: 0 0 auto !important;
        width: 80px !important;
        height: 60px !important;
        margin-right: 10px !important;
    }

    #projectSlide .smallImg li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .sPrev,
    .sNext {
        display: block !important;
        width: auto !important;
        height: 40px !important;
        line-height: 40px !important;
        text-align: center !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        font-size: 14px !important;
        padding: 0 15px !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        margin-top: 10px !important;
    }

    .sPrev:hover,
    .sNext:hover {
        background: #D2232A !important;
        color: #fff !important;
    }

    .tbsbox {
        width: 100% !important;
        padding: 20px 0 !important;
    }

    .tbs {
        background: #fff5f5 !important;
        border: 1px solid #D2232A !important;
        border-radius: 5px !important;
        padding: 15px !important;
        margin-top: 20px !important;
    }

    .tbs span {
        display: block !important;
        font-size: 16px !important;
        font-weight: bold !important;
        color: #D2232A !important;
        margin-bottom: 10px !important;
    }

    .tbs p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #666 !important;
        margin-bottom: 10px !important;
    }

    .tbs a {
        display: inline-block !important;
        padding: 10px 20px !important;
        background: #D2232A !important;
        color: #fff !important;
        border-radius: 5px !important;
        text-decoration: none !important;
        margin-right: 10px !important;
    }

    /* 相关案例 */
    .sec-case {
        padding: 30px 0 !important;
    }

    .case-tit {
        font-size: 18px !important;
        font-weight: bold !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        border-left: 3px solid #D2232A !important;
    }

    .case-box {
        width: 100% !important;
    }

    /* 案例卡片容器 */
    .case-item {
        float: none !important;
        width: 100% !important;
        margin-bottom: 25px !important;
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        background: #fff !important;
    }
    
    /* 卡片悬停效果 */
    .case-item:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    }

    /* 案例图片 */
    .case-item img {
        width: 100% !important;
        height: 200px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
        transition: all 0.5s ease !important;
        border-radius: 8px 8px 0 0 !important;
    }
    
    /* 图片悬停缩放效果 */
    .case-item:hover img {
        transform: scale(1.05) !important;
    }

    /* 案例内容容器 */
    .case-item .cont {
        width: 100% !important;
        padding: 18px 20px !important;
        background: #fff !important;
        box-sizing: border-box !important;
        border-top: 1px solid rgba(210, 35, 42, 0.1) !important;
    }

    /* 案例标题 */
    .case-item .tit {
        font-size: 16px !important;
        color: #333 !important;
        line-height: 1.5 !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
        transition: color 0.3s ease !important;
    }
    
    /* 标题悬停颜色 */
    .case-item:hover .tit {
        color: #D2232A !important;
    }

    /* 案例更多按钮 */
    .case-item .more {
        width: auto !important;
        padding: 8px 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        justify-content: flex-end !important;
    }
    
    /* 更多图标容器 */
    .case-item .more .icom {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        background: linear-gradient(135deg, #D2232A, #B81E23) !important;
        border-radius: 50% !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(210, 35, 42, 0.3) !important;
    }
    
    /* 图标悬停效果 */
    .case-item:hover .more .icom {
        transform: translateX(3px) !important;
        box-shadow: 0 3px 12px rgba(210, 35, 42, 0.4) !important;
    }
    
    /* 图标图片 */
    .case-item .more .icom .icom-img {
        width: 16px !important;
        height: 16px !important;
        position: relative !important;
        transition: all 0.3s ease !important;
    }
    
    /* 用CSS创建箭头图标 */
    .case-item .more .icom .icom-img::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) rotate(45deg) !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid white !important;
        border-top: 2px solid white !important;
    }

    /* ========== 视频详情页 (video.html) ========== */

    video {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        display: block !important;
        margin: 15px 0 !important;
    }

    /* ========== 工程展示页 (gongcheng.html) ========== */

    .ny_box {
        width: 100% !important;
        padding: 20px 0 !important;
    }

    .about {
        padding: 0 !important;
    }

    .newsxx_top h1 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        padding: 15px 0 !important;
    }

    .newsxx_top2 {
        padding: 10px 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
        margin-bottom: 20px !important;
    }

    .newsxx_top2 ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .newsxx_top2 li {
        font-size: 13px !important;
        color: #666 !important;
        margin-bottom: 5px !important;
    }

    .place {
        font-size: 12px !important;
        color: #999 !important;
        margin-bottom: 20px !important;
        padding: 10px 0 !important;
    }

    .place a,
    .place strong {
        font-size: 12px !important;
        color: #666 !important;
    }

    .about_foot2 {
        padding: 0 !important;
    }

    .sub_content {
        width: 100% !important;
        padding: 0 !important;
    }

    #picmain {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    #picmain .bigImg {
        width: 100% !important;
        height: auto !important;
    }

    #picmain .bigImg li {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    #picmain .bigImg li img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 5px !important;
    }

    #picmain .smallScroll {
        width: 100% !important;
        overflow: visible !important;
        position: relative !important;
        padding: 15px 0 !important;
        min-height: 80px !important;
    }

    #picmain .smallimg {
        width: 100% !important;
    }

    #picmain .smallimg ul {
        width: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 0 !important;
        margin: 0 60px 0 0 !important;
    }

    #picmain .smallimg li {
        float: none !important;
        flex: 0 0 auto !important;
        width: 80px !important;
        height: 60px !important;
        margin-right: 10px !important;
    }

    #picmain .smallimg li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .sPrev {
        position: absolute !important;
        top: 50% !important;
        right: 0 !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        text-align: center !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        font-size: 14px !important;
        padding: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        z-index: 10 !important;
    }

    .sNext {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        text-align: center !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        font-size: 14px !important;
        padding: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        z-index: 10 !important;
    }

    .sPrev:hover,
    .sNext:hover {
        background: #D2232A !important;
        color: #fff !important;
    }

    .pageState {
        display: none !important;
    }

    .sub_right {
        float: none !important;
        width: 100% !important;
        margin-top: 30px !important;
        padding: 20px !important;
        background: #f9f9f9 !important;
        border-radius: 5px !important;
    }

    .sub_right .sub_bt h2 {
        font-size: 16px !important;
        margin-bottom: 15px !important;
    }

    .sub_right ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .sub_right li {
        margin-bottom: 10px !important;
    }

    .sub_right li a {
        display: block !important;
        padding: 10px 15px !important;
        background: #fff !important;
        border-radius: 5px !important;
        font-size: 14px !important;
        color: #333 !important;
        transition: all 0.3s !important;
    }

    .sub_right li a:hover {
        background: #D2232A !important;
        color: #fff !important;
    }

    .sub_prenext {
        margin-top: 30px !important;
        padding: 20px 0 !important;
        border-top: 1px solid #e5e5e5 !important;
    }

    .sub_prenext ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .sub_prenext li {
        font-size: 14px !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f5f5f5 !important;
    }

    .sub_prenext li a {
        color: #666 !important;
        font-size: 14px !important;
    }

    .sub_prenext li strong {
        color: #333 !important;
        margin-right: 5px !important;
    }

    /* ========== 强制修复图片和按钮 ========== */
    body #projectSlide .sPrev,
    body #projectSlide .sNext,
    div#projectSlide .sPrev,
    div#projectSlide .sNext {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        line-height: 40px !important;
        text-align: center !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        font-size: 14px !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        z-index: 9999 !important;
        float: none !important;
        overflow: visible !important;
    }

    body #projectSlide .sPrev,
    div#projectSlide .sPrev {
        right: 0 !important;
        left: auto !important;
    }

    body #projectSlide .sNext,
    div#projectSlide .sNext {
        left: 0 !important;
    }

    body #projectSlide .bigImg li,
    div#projectSlide .bigImg li {
        max-height: 300px !important;
        min-height: 200px !important;
        height: auto !important;
        width: 100% !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        overflow: hidden !important;
    }

    body #projectSlide .bigImg li .cont {
        position: relative !important;
        left: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        background: rgba(0,0,0,0.6) !important;
    }

    body #projectSlide .bigImg li .des {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    body #projectSlide .bigImg li img,
    div#projectSlide .bigImg li img {
        max-width: 100% !important;
        max-height: 300px !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
        object-fit: cover !important;
        margin: 0 auto !important;
        position: relative !important;
    }

    /* 图片轮播项 - 等比例显示 */
    body #projectSlide .bigImg ul li,
    div#projectSlide .bigImg ul li {
        width: 349px !important;
        height: auto !important;
        aspect-ratio: 349/600 !important;
        background-size: cover !important;
        background-position: center !important;
    }

    /* 强制移除ul上的固定高度 - 修复JS硬编码问题 */
    body #projectSlide .bigImg ul,
    div#projectSlide .bigImg ul {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    /* 强制修复sPrev和sNext按钮高度问题 */
    body #projectSlide .sPrev,
    body #projectSlide .sNext,
    div#projectSlide .sPrev,
    div#projectSlide .sNext,
    .sPrev,
    .sNext {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        line-height: 40px !important;
        text-align: center !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        font-size: 14px !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    /* 隐藏箭头按钮 - 防止startFun回调导致的快速切换 */
    body #projectSlide .arrow-left,
    body #projectSlide .arrow-right,
    div#projectSlide .arrow-left,
    div#projectSlide .arrow-right {
        display: none !important;
        visibility: hidden !important;
    }
}