/* 全局初始化 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: "Microsoft Yahei",sans-serif;
    color: #333;
    line-height: 1.7;
}
img{
    width: 100%;
    display: block;
}

/* 顶部banner：通栏大图 */
.about-banner{
    width: 100%;
    height: 350px; /* 高度可按需微调，参考图高度 */
    background: url("../images/jiangfeng.jpg") no-repeat center center;
    background-size: cover; /* 图片铺满、不变形 */
    margin-top: 90px; /* 向下避开fixed导航，不再用relative top产生空白 */
}

/* 标题样式 */
.section-head{
    padding: 20px 0 30px; /* 只保留上下间距，左右由父级company-intro控制 */
}
.section-head h2{
    font-size:26px;
    color:#9B182F;
    position:relative;
    padding-left:16px; /* 原来12px加宽，防止竖线贴文字 */
}
.section-head h2::before{
    content:"";
    width:4px;
    height:22px;
    background:#9B182F;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.en-tip{
    font-size:12px;
    color:#999;
    display:block;
    margin-top:4px;
}

/* 公司介绍区域 */
/* 公司介绍 */
.company-intro{
    width:78%;
    margin:40px auto 60px; /* 只保留底部外边距，顶部由section-head控制间距 */
}

/* 内容样式 */
.intro-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-bottom:50px;
    /* align-items:center; 注释掉，改成顶部对齐 */
    align-items: start; 
}
.intro-row.reverse{
    grid-template-columns:1fr 1fr;
}
.intro-text p{
    margin-bottom:18px;
    font-size:15px;
    color:#444;
}
.intro-img{
    overflow:hidden;
    border-radius:4px;
    /* 图片缩小改造：容器居中、图片缩至90% */
    width:90%;
    margin:0 auto;
}


/* 合作伙伴区域 */
/* 合作伙伴 */
.partner-wrap{
    width:78%;
    margin:0 auto 100px;
}
/* 外层遮罩容器：截断溢出 */
.partner-box{
    overflow: hidden;
    width: 100%;
    /* 防止子元素margin溢出 */
    position: relative;
}
/* 滚动主体：横向flex+左移动画 */
.partner-list{
    display:flex;
    gap:18px; /* logo间距(改完gap必须同步改@keyframes) */
    /* 从右往左匀速无限滚动(数字越小滚越快) */
    animation: scrollLeft 50s linear infinite;
    will-change: transform; /* GPU加速，滚动更丝滑不跳帧 */
    /* 禁止换行，确保所有item在一行 */
    flex-wrap: nowrap;
    width: max-content; /* 关键：让容器自适应所有内容宽度 */
}
/* 鼠标悬停暂停滚动（可选） */
.partner-box:hover .partner-list{
    animation-play-state: paused;
}
.partner-item{
    /* 单个logo盒子宽度，改数值 */
    flex: 0 0 180px; 
    height: 120px; /* 固定高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4d1d1; /* 黑色实线边框 */
    padding: 6px; /* 边框和图片留白，不需要就删掉 */

    /* margin: 0 2px; 左右间距统一，避免总宽度偏差 */
    /* 防止item内图片撑大宽度 */
    box-sizing: border-box;
}
.partner-item img{
    width:100%;
    height:100%; /* 固定图片高度！根治logo大小参差不齐 */
    object-fit:contain; /* 图片等比缩放，不会拉伸变形 */

    display: block;
    /* 防止图片影响布局 */
    pointer-events: none;
}
/* 关键帧固定-50%：刚好滚完前20个，立刻接上复制组，末尾无空白 */
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        /* 向左滚动 【一组20个LOGO的总宽度】，实现完美无缝(160是logo盒子宽度，12px是间距) */
        transform: translateX(calc(-180px * 20 - 18px * 19));
    }
}

/* 移动端适配 */
@media(max-width:768px){
    
    .partner-item{
       flex:0 0 100px;/* 移动端每行3个 */
        /* margin: 0 1px; */
       height: 60px;
    }
    /* 移动端调整动画时长，保持滚动速度一致 */
    .partner-list{
        gap: 6px; /* 修改移动端logo间距 */
        animation-duration: 35s;
    }
    /* .partner-item img{
        height:60px;
    } */
    @keyframes scrollLeft {
        0% { transform: translateX(0); }
        /* 修改移动端logo间距改6px */
        100% { transform: translateX(calc(-100px * 20 - 6px * 19)); }
    }

    /* banner头部 */
    .about-banner {
        height: 220px;
        margin-top: 90px;
    }
    
}