/* 轮播容器样式 */
        .carousel-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            border-radius: 8px;
            /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
            height:  600px;

        }

        /* 轮播列表（核心滚动容器） */
        .carousel-list {
            display: flex;
            transition: transform 0.5s ease;
            width: 100%;
        }

        /* 轮播项样式 - 每个轮播占100%宽度，大背景独立设置 */
        .carousel-item {
            display: flex;
            align-items: center;
            min-width: 100%;
            padding: 20px;
            flex-wrap: wrap; /* 移动端自动换行 */
            border-radius: 8px;
            position: relative;
            overflow: hidden;
        }

        /* 轮播项1 整体大背景 */
        .carousel-item-1 {
            /*background: linear-gradient(135deg, #0a9354 0%, #34c759 50%, #ffffff 50%, #ffffff 100%);*/
        }
        .carousel-item-1 .product-model {
            color: #0a9354;
        }

        /* 轮播项2 整体大背景 */
        .carousel-item-2 {
            /*background: linear-gradient(135deg, #2d5afe 0%, #4a7bff 50%, #ffffff 50%, #ffffff 100%);*/
        }
        .carousel-item-2 .product-model {
            color: #0a9354;
        }

        /* 轮播项3 整体大背景 */
        .carousel-item-3 {
            /*background: linear-gradient(135deg, #ff6b35 0%, #ff9500 50%, #ffffff 50%, #ffffff 100%);*/
        }
        .carousel-item-3 .product-model {
            color: #0a9354;
        }

        /* 轮播项4 整体大背景 */
        .carousel-item-4 {
            /*background: linear-gradient(135deg, #9d4edd 0%, #c77dff 50%, #ffffff 50%, #ffffff 100%);*/
        }
        .carousel-item-4 .product-model {
            color: #0a9354;
        }

        /* 左侧区域通用样式 + 滑入动画 */
        .carousel-left {
            flex: 1;
            min-width: 300px;
            color: #fff;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            /* 滑入动画基础样式 */
            transform: translateX(-100%);
            opacity: 0;
            transition: transform 0.8s ease, opacity 0.8s ease;
            animation: slideInLeft 1.8s ease forwards;
            animation-delay: 1.3s;
        }

        /* 右侧区域通用样式 + 滑入动画 */
        .carousel-right {
            flex: 2;
            min-width: 700px;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            height: 100%;
            /* 滑入动画基础样式 */
            transform: translateX(100%);
            opacity: 0;
            transition: transform 1.8s ease, opacity 1.8s ease;
            animation: slideInRight 1.8s ease forwards;
            animation-delay: 1.5s;
        }

        /* 左侧滑入动画 */
        @keyframes slideInLeft {
            from {
                transform: translateX(-100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        /* 右侧滑入动画 */
        @keyframes slideInRight {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        /* 轮播切换后重新触发动画 */
        .carousel-item.active .carousel-left {
            animation: slideInLeft 0.8s ease forwards;
            animation-delay: 0.3s;
        }
        .carousel-item.active .carousel-right {
            animation: slideInRight 0.8s ease forwards;
            animation-delay: 0.5s;
        }

        .carousel-title {
            font-size: 2.5rem;
            margin: 0 0 10px 0;
            line-height: 1.2;
        }

        .carousel-subtitle {
            font-size: 1.6rem;
            margin: 0 0 30px 0;
            opacity: 0.9;
        }

        .arrow-btn {
            width: 60px;
            height: 60px;
            border: 2px solid #fff;
            border-radius: 50%;
            background: transparent;
            color: #fff;
            font-size: 1.5rem;
            cursor: pointer;
            transition: background 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            outline: none;
        }

        .arrow-btn:hover {
            background: rgba(255,255,255,0.2);
        }

        .product-img {
            width: 100%;
            max-width: 700px;
            height: auto;
              margin-top: 80px;
            margin-bottom: 20px;
            border-radius: 4px;
        }

        .product-info {
            text-align: right;
            width: 100%;
        }

        .product-model {
            font-size: 1.8rem;
            margin: 0;
            font-weight: 600;
        }

        .product-name {
            font-size: 1.2rem;
            color: #333;
            margin: 5px 0;
        }

        .product-desc {
            font-size: 0.9rem;
            color: #666; /* 深灰色 */
            line-height: 1.5;
        }

        /* 轮播控制按钮（左右箭头）- 改为<>样式，取消圆形透明白色 */
        .carousel-control {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 80px;
            background: rgba(0,0,0,0.2); /* 半透明黑色背景 */
            border: none;
            font-size: 2rem;
            color: #fff; /* 箭头白色 */
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s;
            font-family: monospace; /* 保证<>符号样式统一 */
            padding: 0;
        }

        .carousel-control:hover {
            background: rgba(0,0,0,0.4); /* hover加深背景 */
        }

        .control-prev {
            left: 0;
            border-radius: 0 4px 4px 0; /* 右侧圆角 */
        }

        .control-next {
            right: 0;
            border-radius: 4px 0 0 4px; /* 左侧圆角 */
        }

        /* 轮播指示器 */
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }

        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.6);
            cursor: pointer;
            transition: background 0.3s, transform 0.3s;
        }

        .indicator.active {
            background: #fff;
            transform: scale(1.2);
            box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            
            .banner {
  /*position: absolute;*/
  width: 100%;
  height: 600px; /* 固定Banner高度，可根据需求调整 */
  overflow: hidden;
            
              background-image: url('/skin/img/bannerbg.png');
              /*z-index: 2;*/
}
            .carousel-item {
                flex-direction: column;
                padding: 10px;
                background: linear-gradient(180deg, var(--bg-color) 0%, var(--bg-color) 40%, #ffffff 40%, #ffffff 100%);
            }
            /* 移动端重新定义背景变量 */
            /*.carousel-item-1 { --bg-color: #0a9354; }*/
            /*.carousel-item-2 { --bg-color: #2d5afe; }*/
            /*.carousel-item-3 { --bg-color: #ff6b35; }*/
            /*.carousel-item-4 { --bg-color: #9d4edd; }*/
             
                    .product-img {
            width: 100%;
            max-width: 700px;
            height: auto;
            margin-top: 0;
            margin-bottom: 20px;
            border-radius: 4px;
        }
                 .carousel-item-1 .product-model {
            color: #fff;
        }
                   .carousel-item-2 .product-model {
            color: #fff;
        }
        
                   .carousel-item-3 .product-model {
            color: #fff;
        }
        
                   .carousel-item-4 .product-model {
            color: #fff;
        }
        
              .carousel-indicators {
            position: absolute;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }
                     .product-name {
            font-size: 1.2rem;
            color: #fff;
            margin: 5px 0;
        }

        .product-desc {
            font-size: 0.9rem;
            color: #fff; /* 深灰色 */
            line-height: 1.5;
        }
             
            .carousel-left {
                padding: 20px;
                width: 100%;
                margin-bottom: 10px;
                text-align: center;
                animation-delay: 0.2s;
            }
            .carousel-right {
                width: 100%;
                padding: 10px;
                animation-delay: 0.4s;
            }
            .product-info {
                text-align: center;
            }
            .carousel-title {
                font-size: 2rem;
            }
            /* 移动端控制按钮适配 */
            .carousel-control {
                width: 30px;
                height: 60px;
                font-size: 1.5rem;
            }
            .arrow-btn {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
                margin: 0 auto;
            }
        }

        @media (max-width: 480px) {
            .carousel-left {
                min-width: 100%;
            }
            .carousel-right {
                min-width: 100%;
            }
            .carousel-title {
                font-size: 1.8rem;
            }
            .product-model {
                font-size: 1.5rem;
            }
        }