@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap");
ul,li{list-style:none;margin:0;padding:0}
body{margin:0;padding:0;overflow-x: hidden;font-family: "Poppins", sans-serif;}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{letter-spacing:0px;margin:0;padding:0}
h2{letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
a{text-decoration:none;}

.fuwuall{background-color: #fbfbfb;width:100%;}
.fuwu{padding: 6vw 10% 0px 10%;width: 80%;}
.fuwu dd{color: #222;font-size: 2.5vw;font-weight:bold;}
#ticker{height:auto; padding: 0.6em 0; margin: 1vw 0 0em 0; border-top:0px solid #efefef; border-bottom:0px solid #efefef; position: relative;}
#ticker h2{    margin-bottom: 0.9vw;
    font-size: .9vw;
    color: #666;
    font-weight: normal;
    line-height: 1.8vw;}

.gdkd {position: relative;
            width: 100%;
            height:100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0px 0;
            transition: transform 0.3s ease-out;}
        
.scaling-image {position: relative;
            width: 100%;
            height:40vw;
            object-fit: cover;
            border-radius:20px;
            transition: transform 0.3s ease-out;}
			
.gdkd ul{position: absolute;width:80%;height: 100%;}
.gdkd ul li{float: left;
    width: 33.26%;
    border-right:1px solid #ffffff80;
    text-align: center;
    height: 100%;}
.gdkd ul li:nth-child(3n) {
    margin-right: 0;border-right: 0px solid #fff;}
.gdkd ul li img{position: relative;width:2.5vw;
    top: 30vw;}
.gdkd ul li h4{color:#fff;position: relative;font-size:1vw;
    top: 31vw;}

.sheshi{width:88%;padding:12vw 6% 8vw 6%;overflow: hidden;}
.sheshi h2{margin-bottom: 3vw;padding-left:6%;
    font-size: 2.5vw;
    color: #222;}
.sheshi dt{text-transform: uppercase;left: 4%;
    font-size: 3.5vw;
    position: relative;
    margin-bottom: -8vw;
    top: -12vw;
    font-family: "Poppins", sans-serif;
    font-weight: 750;
    color: #168ce31c;
    line-height: 3.5vw;}
.sheshiz{float:left;width:28%;position: relative;margin-right:1%;}
.sheshi1{width: 92%;margin-bottom: 3%;
    position: relative;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 20px;
    background: #fff;
    padding: 4%;}
.sheshi1 img{width:100%;position: relative;border-radius: 20px;}
.sheshi1 h3{font-family: "Poppins", sans-serif;position: absolute;
    left: 4vw;
    top:4vw;
    font-size: 1.8vw;}
.sheshi1 dd{
    position: absolute;
    left: 4vw;
    top: 9vw;
    font-size: 0.85vw;}
.sheshi2{width: 92%;
    position: relative;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 20px;
    background: #fff;
    padding: 4%;}
.sheshi2 img{width:100%;position: relative;border-radius: 20px;}
.sheshi2 h3{font-family: "Poppins", sans-serif;position: absolute;
    left: 4vw;
    top:4vw;
    font-size: 1.8vw;}
.sheshi2 dd{
    position: absolute;
    left: 4vw;
    top: 9vw;
    font-size: 0.85vw;}
	
.sheshimid{float:left;width:25%;position: relative;position: relative;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 20px;
    background: #fff;
    padding: 1.5%;}
.sheshimid img{width:100%;position: relative;border-radius: 20px;}
.sheshimid h3{font-family: "Poppins", sans-serif;position: absolute;
    left: 4vw;
    top: 6vw;
    font-size: 1.8vw;}
.sheshimid dd{
    position: absolute;
    left: 4vw;
    top: 9vw;
    font-size: 0.85vw;}

.sheshiyou{float:left;width:40%;position: relative;margin-left:0.2%;overflow: hidden;}
.sheshiyouding{width: 96%;margin-bottom: 2.5%;
    position: relative;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 20px;
    background: #fff;
    padding:1%;}
.sheshiyouding ul{position: relative;overflow: hidden;}
.sheshiyouding ul li{float: left;position: relative;
    width: 47%;
        margin: 1% 2% 0.5% 1%;}
.sheshiyouding ul li img{width: 100%;
    position: relative;
    border-radius: 20px;
    height: 16.9vw;
    object-fit: cover;}
.sheshiyouding ul li h3{font-family: "Poppins", sans-serif;position: absolute;
    left: 2.3vw;
    top:3.2vw;
    font-size: 1.8vw;}
.sheshiyouding ul li dd{
    position: absolute;
    left: 2.3vw;
    top: 7.8vw;
    font-size: 0.85vw;}

.sheshiyouxia{width: 94%;
    position: relative;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 20px;
    background: #fff;
    padding: 3%;}
.sheshiyouxia img{width: 100%;
    position: relative;
    border-radius: 20px;
    height: 14.5vw;
    object-fit: cover;}
.sheshiyouxia h3{font-family: "Poppins", sans-serif;position: absolute;
    left: 4vw;
    top: 4vw;
    font-size: 1.8vw;}
.sheshiyouxia dd{
    position: absolute;
    left: 4vw;
    top:7vw;
    font-size: 0.85vw;}

.jieshao{width:88%;padding:8vw 6%;overflow: hidden;}
.jieshaol{margin:0 4%;}
.jieshaol dd{font-family: "Poppins", sans-serif;color:#222;
    font-size: 3.5vw;
    padding-bottom: 1vw;
    font-weight: bold;}
.jieshaol h3{color:#222;font-size: 2.5vw;font-weight: 750;
    padding-bottom: 1vw;
    top: 0vw;
    position: relative;
    left: 0vw;}
.jieshaol p{color:#666;font-size:.9vw;line-height: 1.7vw;}

.jieshaor{float:right;width:100%;}
.jieshaor ul{}
.jieshaor ul li{background: #fff;box-shadow:3px 0px 15px 0px #efefef;
    border-radius: 15px;
    width: 23.5%;
    margin-right: 2%;
    margin-top: 3%;
    float: left;
    text-align: center;
    padding: 4% 0;}
.jieshaor ul li:nth-child(4) {
    margin-right: 0;}
.jieshaor ul li img{}
.jieshaor ul li h4{font-size: 1vw;}

.yingyong{width:94%;padding:0vw 0% 8vw 6%;overflow: hidden;}
.yingyong h3{color:#222;font-size:2.5vw;}

.tabs-container {
            display: flex;
            gap: 15px;
            height: 300px;
            margin-top: 3vw;
        }
        
        .tab {
            background-color:#e6e7ea;
            border-radius: 12px;
            padding:1.6vw 1.3vw;
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            flex: 1;
            display:block;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
            min-width: 0;
        }
        
        .tab:hover {
            background-color: #b3e0ff;
            flex: 2;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        
        .tab-icon {border-radius: 12px;
            width:11.3vw;
            margin-bottom: 15px;
            color: #3498db;
            transition: transform 0.3s ease;}       
        .tab-icon img{width:100%;border-radius: 12px;}
        .tab:hover .tab-icon {
            transform: scale(1.1);
        }
        
        .tab-title {
            font-size: 1vw !important;
            font-weight: 600;
            margin-bottom: 10px;
            color: #2c3e50;
            transition: margin-bottom 0.4s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .tab-desc {
            color: #34495e;
            line-height: 1.6;
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
        }
        
        .tab:hover .tab-desc {
            opacity: 1;
            max-height: 100px;
        }
        
        .tab:hover .tab-title {
            margin-bottom: 15px;
        }
        
        /* 响应式调整 */
        @media (max-width: 900px) {
            .tabs-container {
                flex-wrap: wrap;
                height: auto;
            }
            
            .tab {
                flex: 1 0 calc(50% - 15px);
                min-height: 180px;
            }
            
            .tab:hover {
                flex: 2 0 calc(100% - 15px);
            }
        }
        
        @media (max-width: 600px) {
            .tab {
                flex: 1 0 100%;
            }
            
            .tab:hover {
                flex: 2 0 100%;
            }
            
            h1 {
                font-size: 2rem;
            }
        }

.pro{width:94%;padding:5vw 0% 5vw 10%;overflow: hidden;}
.pro h3{color:#222;font-size:2.5vw;}
.pro dd{font-family: "Poppins", sans-serif;text-transform: uppercase;
    font-weight: 750;
    color: #168ce31c;
    line-height: 3.5vw;left: 4%;
    font-size: 3.5vw;}
.marqueeleft{width:100%;overflow:hidden;margin:2vw auto;}
.marqueeleft ul{float:left;padding: 10px;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:357px;overflow:hidden;border: 0px solid #ddd;box-shadow: 3px 3px 15px 0px #efefef;padding:40px 30px;background:#fff;border-radius: 15px;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:357px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:98%;border-bottom:0px solid #d1d0d0;}
.marqueeleft li h4{    padding: 1vw 0 0.5vw 0;
    font-size: 1vw;
    color: #222;}
.marqueeleft li p{font-size: 0.7vw;
    color: #999;}
.marqueeleft li p span{float: right;padding-bottom:1vw;
    color: #222;}

.fangxiang{width: 88%;margin: 6vw auto 2vw auto;}
.fangxiang h3{color: #222;
    font-size: 2.5vw;
    font-weight: 750;
    padding-bottom: 1vw;padding-left:4%;}
.fangxiang p{color: #666;padding-left:4%;padding-bottom:4%;
    font-size: .9vw;
    line-height: 1.7vw;}
/* 三卡片网格容器 */
        .cards-grid {
            max-width: 100%;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2rem;
            margin: 0 auto;
        }

        /* 卡片容器 — 相对定位，溢出隐藏保证圆角和背景图放大不外溢 */
        .card {
            flex: 1;
            min-width: 280px;
            width: 33%;
            border-radius: 2rem;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            
            /* 柔和阴影与过渡，背景图放大时整体阴影保持不变，但悬浮可轻微提升阴影层次 */
            box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.2), 0 4px 8px -4px rgba(0, 0, 0, 0.05);
            transition: box-shadow 0.4s ease, transform 0.2s ease; /* 注意：卡片本身不放大，仅背景图放大，但为了手感，让阴影微变 */
            
            /* 固定高度，确保背景图区域饱满 */
            height: 30vw;
            
            /* 优雅圆角 */
            border-radius: 1.8rem;
        }
        
        /* 悬浮时阴影略微加深，卡片整体有轻微上浮感，但不缩放（避免干扰背景图单独放大） */
        .card:hover {
            box-shadow: 0 28px 40px -14px rgba(0, 0, 0, 0.35), 0 8px 18px -6px rgba(0, 0, 0, 0.2);
            transform: translateY(-4px);
            transition: box-shadow 0.4s ease, transform 0.3s ease;
        }
        
        /* ---------- 核心：背景图独立放大层 ---------- */
        .card-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: transform;
            z-index: 0;
        }
        
        /* 鼠标触碰卡片时，背景图柔和放大 — 实现"背景图放大"核心效果 */
        .card:hover .card-bg {
            transform: scale(1.08);
        }
        
        /* 半透明渐变遮罩 — 增强文字可读性，位于背景图之上，内容之下 */
        .card-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.55) 100%);
            z-index: 1;
            transition: opacity 0.3s ease;
            border-radius: inherit;
            pointer-events: none; /* 让鼠标事件穿透，确保卡片触发区域完整 */
        }
        
        /* 悬浮时遮罩略微加深，提升文字对比，但不影响背景图放大效果 */
        .card:hover .card-overlay {
            background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0.65) 100%);
        }
        
        /* 内容层 — 浮动文字、图标、按钮区域，位于遮罩之上，不参与缩放 */
        .card-content {
            position: relative;
            z-index: 2;
            padding:10% 3vw;
            height: 80%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: white;
            text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
            pointer-events: auto; /* 保证按钮可点 */
        }
        
        /* 上部区域：左侧标题 + 右侧白色图标 */
        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            gap: 1rem;
        }
        
        .title-section {
            flex: 1;
        }
        
        .card-title {
            font-size: 1.85rem;
            font-weight: 700;
            letter-spacing: -0.3px;
            line-height: 1.25;
            margin: 0;
            color: white;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
            word-break: break-word;
        }
        
        /* 右侧白色图标样式 — 圆润玻璃质感 */
        .card-icon {
            font-size: 2.2rem;
            color: white;
            filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(4px);
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.25s ease;
        }
        
        /* 悬浮图标轻微放大，增加交互细节 */
        .card:hover .card-icon {
            transform: scale(1.05);
            background: rgba(255, 255, 255, 0.25);
        }
        
        /* 下部区域 — "进一步了解" 按钮 */
        .card-footer {
            margin-top: auto;
            width: 100%;
        }
        
        .learn-more {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: white;
            background: rgba(255, 255, 255, 0.18);
            backdrop-filter: blur(8px);
            padding: 0.75rem 1.6rem;
            border-radius: 3rem;
            border: 1px solid rgba(255, 255, 255, 0.35);
            transition: all 0.25s ease;
            cursor: pointer;
            text-decoration: none;
            width: fit-content;
            font-family: inherit;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        
        .learn-more i {
            font-size: 0.85rem;
            transition: transform 0.2s;
        }
        
        .learn-more:hover {
            background: rgba(255, 255, 255, 0.35);
            border-color: rgba(255, 255, 255, 0.8);
            gap: 14px;
            backdrop-filter: blur(12px);
        }
        
        .learn-more:hover i {
            transform: translateX(5px);
        }
        
        /* 可选的辅助信息，增加精致感但不影响核心需求 */
        .sub-info {
            font-size: 0.72rem;
            opacity: 0.9;
            margin-top: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .journey-tag {
            display: inline-flex;
            align-items: center;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 20px;
            padding: 0.2rem 0.8rem;
            backdrop-filter: blur(4px);
            letter-spacing: 0.3px;
            font-size: 0.7rem;
            gap: 6px;
        }
        
        /* ========= 三张独立背景图 (高质量且风格各异) ========= */
        /* 卡片1 - 山涧灵溪 (宁静山谷) */
        .card:nth-child(1) .card-bg {
            background-image: url('../images/yuzhong1.jpg');  /* 清溪山景，色调翠绿清新 */
            background-position: center 30%;
        }
        /* 卡片2 - 现代都市 (璀璨天际线) */
        .card:nth-child(2) .card-bg {
            background-image: url('../images/yuzhong3.jpg');   /* 摩天大楼，繁华都市感 */
            background-position: center 40%;
        }
        /* 卡片3 - 梦幻森林 (晨雾林间) */
        .card:nth-child(3) .card-bg {
            background-image: url('../images/yuzhong2.jpg');   /* 阳光穿过树叶，森系秘境 */
            background-position: center 35%;
        }
        
        /* 优雅加载淡入动画 */
        @keyframes cardFadeUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .card {
            animation: cardFadeUp 0.6s ease-out forwards;
            opacity: 0;
        }
        
        .card:nth-child(1) { animation-delay: 0.05s; }
        .card:nth-child(2) { animation-delay: 0.15s; }
        .card:nth-child(3) { animation-delay: 0.25s; }
        
        /* 响应式调整 */
        @media (max-width: 900px) {
            .cards-grid {
                gap: 2rem;
            }
            .card {
                min-width: 280px;
                max-width: 380px;
                height: 440px;
            }
            .card-title {
                font-size: 1.7rem;
            }
            .card-icon {
                width: 44px;
                height: 44px;
                font-size: 1.9rem;
            }
            .learn-more {
                padding: 0.6rem 1.4rem;
                font-size: 0.9rem;
            }
        }
        
        @media (max-width: 640px) {
            body {
                padding: 2rem 1rem;
            }
            .card {
                height: 420px;
                max-width: 100%;
            }
            .card-content {
                padding: 1.4rem 1.3rem 1.6rem 1.3rem;
            }
            .card-title {
                font-size: 1.55rem;
            }
        }
        
        /* 确保按钮可点，并且不干扰背景图悬浮 */
        .learn-more:active {
            transform: scale(0.97);
        }
        
        /* 图标白色保障 */
        .card-icon i {
            color: white;
        }
		
		.card-icon i img{width:1.5vw;height: auto;}
        
        /* 增加微妙的浮动文字光效 */
        .card-title, .sub-info, .learn-more {
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        }
/* ========== 移动端样式 (仅作用于屏幕宽度 ≤ 768px) ========== */
@media only screen and (max-width: 768px) {
    
    
    
    /* ----- 企业实力头部区域 ----- */
    .fuwu {
        padding: 10vw 5% 0 5% !important;
        width: 90% !important;
    }
    
    .fuwu dd {
        font-size:6vw !important;
        margin-bottom: 15px;
    }
    
    #ticker h2 {
        font-size: 4vw !important;
        line-height: 1.5 !important;
        margin-bottom: 15px;
    }
    
    /* 缩放图片区域 */
    .gdkd {
        height: auto !important;
        margin: 20px 0;
    }
    
    .scaling-image {
        height: auto !important;
        width: 100%;
        border-radius: 12px;
    }
    
    /* ----- 产业设施 (彻底改为垂直流式布局) ----- */
    .sheshi {
        width: 94% !important;
        padding: 8vw 3% !important;
        position: relative;
    }
    
    .sheshi h2 {
        font-size: 6vw !important;
        margin-bottom: 5vw;
        padding-left: 0;
    }
    
    .sheshi dt {
        font-size: 8vw !important;
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 20px;
        text-align: left;        line-height: 8vw;
        opacity: 0.5;
    }
    
    /* 所有列宽100% 移除浮动 */
    .sheshiz,
    .sheshimid,
    .sheshiyou {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
    }
    
    /* 卡片内部绝对定位文字调整，增加可读背景 */
    .sheshi1, .sheshi2, .sheshimid, .sheshiyouding ul li, .sheshiyouxia {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    .sheshi1 img, .sheshi2 img, .sheshimid img, 
    .sheshiyouding ul li img, .sheshiyouxia img {
        width: 100%;
        display: block;
        height: auto;
        border-radius: 16px;
    }
    
    /* 文字层优化：半透明底纹 + 合适字体 */
    .sheshi1 h3{
        position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom: 38% !important;
        font-size: 5vw !important;
        padding: 2vw 6vw;
        border-radius: 30px;
        color: #000;
        font-weight: 600;
        transform: none;
        z-index: 2;
    }
	 .sheshi2 h3{
		 position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom: 32% !important;
        font-size: 5vw !important;
        padding: 2vw 6vw;
        border-radius: 30px;
        color: #000;
        font-weight: 600;
        transform: none;
        z-index: 2;}
	.sheshimid h3{position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom:78% !important;
        font-size: 5vw !important;
        padding: 2vw 6vw;
        border-radius: 30px;
        color: #000;
        font-weight: 600;
        transform: none;
        z-index: 2;}
	.sheshiyouding ul li h3{position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom: 24% !important;
        font-size: 5vw !important;
        padding: 2vw 6vw;
        border-radius: 30px;
        color: #000;
        font-weight: 600;
        transform: none;
        z-index: 2;}
	.sheshiyouxia h3{position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom: 43% !important;
        font-size: 5vw !important;
        padding: 2vw 6vw;
        border-radius: 30px;
        color: #000;
        font-weight: 600;
        transform: none;
        z-index: 2;}
    
    .sheshi1 dd, .sheshi2 dd, .sheshiyouding ul li dd, .sheshiyouxia dd {
        position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom: 31% !important;
        font-size: 3.5vw !important;
        padding:2vw 6vw;
        border-radius: 20px;
        color: #666;
        line-height: 1.3;
        z-index: 2;
    }
	.sheshimid dd{
		position: absolute;
        left: 5vw !important;
        top: auto !important;
        bottom:68% !important;
        font-size: 3.5vw !important;
        padding:2vw 6vw;
        border-radius: 20px;
        color: #666;
        line-height: 1.3;
        z-index: 2;}
    
    /* 设施内部双列调整为单列 */
    .sheshiyouding ul li {
        width: 100% !important;
        margin: 10px 0 !important;
    }
    
    .sheshiyouding {
        padding: 0;
    }
    
    .sheshiyouding ul {
        padding: 0;
    }
    
    /* 仓库卡片微调 */
    .sheshiyouxia {
        margin-top: 15px;
    }
    
    /* 底部区域移动端适配 */
    .jch_footall {
        background: #f5f5f5;
        padding: 20px 5%;
    }
    
    .jch_footxia {
        flex-direction: column !important;
        display: flex;
    }
    
    .jch_footerm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    
    .jch_footerm > div {
        width: 48% !important;
        margin-bottom: 25px;
    }
    
    .jch_footerm h3 {
        font-size: 18px;
        margin-bottom: 12px;
        font-weight: 600;
    }
    
    .jch_footerm a {
        display: block;
        font-size: 14px;
        margin: 8px 0;
        color: #555;
    }
    
    .jch_footerl {
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-top: 20px;
        width: 100%;
    }
    
    .jch_footerl li {
        text-align: center;
        list-style: none;
    }
    
    .jch_footerl li img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }
    
    .jch_footerb {
        text-align: center;
        font-size: 12px;
        padding-top: 20px;
        border-top: 1px solid #ddd;
        margin-top: 20px;
    }
    
    /* 修复底部版权文字溢出 */
    .jch_footerb p {
        font-size: 12px;
        line-height: 1.4;
        word-break: break-all;
    }
    
    /* 隐藏桌面端可能的多余装饰 */
    .gdkd ul {
        display: none;
    }
    
    /* 滚动文字模块预留安全边距 */
    .marqueeleft li {
        width: 280px !important;
        padding: 20px !important;
    }
    
    .marqueeleft li h4 {
        font-size: 16px !important;
    }
    
    .marqueeleft li p {
        font-size: 12px !important;
    }
    
    /* 保证所有容器不溢出 */
    .fuwuall, .dachengall, body {
        overflow-x: hidden;
    }
    
    /* 卡片悬浮效果在移动端简化 */
    .card:hover {
        transform: none;
    }
    
    /* 产业设施列表间距优化 */
    .sheshi1, .sheshi2, .sheshimid {
        margin-bottom: 20px;
    }
    
    /* 确保图片圆角一致 */
    .sheshi1 img, .sheshi2 img, .sheshimid img {
        border-radius: 20px;
    }
    
    /* 调整滚动触发图片的容器高度自适应 */
    .gdkd {
        transform: none !important;
    }
    
    /* 公司介绍段落文字大小优化 */
    .jieshaol p, .fangxiang p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    /* 修复一些绝对定位导致的小元素错位 */
    .sheshiyouding ul li h3, .sheshiyouding ul li dd {
        left: 5vw !important;
    }
    
    /* 让"产业设施"标题区域更紧凑 */
    .sheshi h2 {
        margin-top: 0;
    }
    
    /* 按钮等元素在移动端适当放大点击区域 */
    .learn-more, .fugai a, .pro-lei a {
        padding: 10px 20px;
    }
    
    /* 确保语言切换在移动端可见且不重叠 */
    .yycg a {
        font-size: 15px;
    }
    
    /* 对于可能残留的浮动清除 */
    .sheshi:after, .sheshiyouding:after, .jieshao:after {
        content: "";
        display: table;
        clear: both;
    }
    
    /* 修正移动端菜单关闭按钮的覆盖问题 */
    .caidan {
        min-height: 60px;
    }
    
    #menu-toggle-checkbox {
        position: absolute;
        right: 15px;
        top: 18px;
        opacity: 0;
        width: 35px;
        height: 35px;
        z-index: 1002;
    }
    
    /* 菜单打开时背景遮罩效果 */
    #menu-toggle-checkbox:checked ~ .menu {
        left: 0;
        box-shadow: 2px 0 20px rgba(0,0,0,0.2);
    }
    
    /* 移除桌面端可能的下拉三角，保持干净 */
    .menu li {
        list-style: none;
    }
    
    /* 确保子菜单在移动端可点击展开（悬停模拟） */
    .menu li:hover .submenu {
        display: block;
    }
    
    /* 仓库地址文字换行 */
    .sheshiyouxia dd {
        white-space: normal;
        word-break: break-word;
    }
    
    /* 防止footer中的列表样式错乱 */
    .jch_footerl li p {
        font-size: 12px;
        margin-top: 5px;
    }
    
    /* 提高可读性，背景图片文字阴影 */
    .sheshi1 h3, .sheshi2 h3, .sheshimid h3,
    .sheshiyouding ul li h3, .sheshiyouxia h3,
    .sheshi1 dd, .sheshi2 dd, .sheshimid dd,
    .sheshiyouding ul li dd, .sheshiyouxia dd {
        letter-spacing: 0.5px;
    }
    
    /* 让研发实力的描述文本更易阅读 */
    #ticker h2 {
        font-weight: normal;
        color: #444;
    }
    
    /* 微调设施部分图片与文字的层叠关系 */
    .sheshi1, .sheshi2, .sheshimid, .sheshiyouding ul li, .sheshiyouxia {
        background: #fff;
    }
    
    /* 改善移动端头部滚动时的粘滞问题 */
    .caidan {
        position: sticky;
        top: 0;
        background: white;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    
    /* 保持滚动缩放图片效果在移动端不会过于夸张 */
    .scaling-image {
        transform: scale(1) !important;
        transition: none;
    }
    
    /* 最终确保所有外框无横向滚动条 */
    .fuwuall, .sheshi, .jieshao, .yingyong, .pro, .fangxiang {
        overflow-x: hidden;
    }
}