/* 关键帧优化：每张图停留5秒，切换1秒，总周期18秒 */  
@keyframes scrollBanner {  
  /* 第一张：0s-5s (0% → 27.77%) */  
  0%, 27.77% {  
    transform: translateX(0);  
  }  

  /* 切换到第二张：5s-6s (27.77% → 33.33%) */  
  33.33% {  
    transform: translateX(-100%);  
  }  

  /* 第二张：6s-11s (33.33% → 61.11%) */  
  33.33%, 61.11% {  
    transform: translateX(-100%);  
  }  

  /* 切换到第三张：11s-12s (61.11% → 66.66%) */  
  66.66% {  
    transform: translateX(-200%);  
  }  

  /* 第三张：12s-17s (66.66% → 94.44%) */  
  66.66%, 94.44% {  
    transform: translateX(-200%);  
  }  

  /* 回到第一张：17s-18s (94.44% → 100%) */  
  100% {  
    transform: translateX(0);  
  }  
}  

.banner-scroll {  
  animation: scrollBanner 18s linear infinite; /* 总周期改为18秒 */  
}