/* 容器：默认使用 flex 布局 */
.banner{
  display: flex;
  width: 100%;
gap: 40px;
  margin: 0 auto;}


/* 左侧图片自适应处理 */
.your-class img {
  width: 100%;
  height: 100%; /* 填满左侧列高度 */
  object-fit: cover; /* 保持比例，裁剪超出部分（避免变形） */
  object-position: center;}


.slick-slide {
    position: relative;
    width: 100%;
    padding-top: 15%;
    overflow: hidden;
    background-color: #f0f0f0;}

.slick-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例填充，裁剪多余部分 */
    /* 如需完整显示图片（可能有留白），可改为 object-fit: contain; */
    transition: transform 0.5s ease;
    cursor: pointer;}
/* 媒体查询：针对手机等小屏幕（通常小于 768px） */
@media (max-width: 768px) {
  .banner{
    flex-direction: column;}
  .banner_left,
  .banner_right
  {
    width: 100%;}
  /* 可选：移动端图片高度优化（避免过高/过矮） */
  .left img {
    height: 300px;}