
<style>

/* 修改后的滚动Logo样式 */
.logo-scroll-section {
    background-color: #f8f9fa;
    padding: 150px 150px;
    overflow: hidden;
    position: relative;
}

.logo-scroll-container {
   
    
     width: 90%;
            max-width: 1000px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            padding: 20px 0;
}

.logo-scroll-content {
    display: flex;
    animation: logoScroll 100s linear infinite; /* 滚动速度从8s改为15s（更慢） */
    white-space: nowrap;
}

.logo-scroll-content img {
    height: 100px; /* Logo高度从60px改为40px */
    margin: 25px 25px; /* Logo间距从40px改为20px */
    transition: all 1.1s ease;
}


@keyframes logoScroll {
    100% { transform: translateX(0); }
    100% { transform: translateX(-360%); }
}

logo-scroll-content {
  animation: logoScroll 10s linear infinite; /* Speed adjusted to 10s */
}

/* 添加响应式设计 */
@media (max-width: 768px) {
    .logo-scroll-container {
        width: 40%; /* 在小屏幕上保持90%宽度 */
    }
}

 @media (max-width: 480px) {
            .logo-item {
                width: 140px;
                height: 90px;
                margin: 0 10px;
            }
            
</style>