﻿.carousel-section { position: relative; width: 100%; height: 702px; overflow: hidden; }

.carousel-container { width: 100%; height: 100%; position: relative; }

.carousel { width: 100%; height: 100%; position: relative; overflow: hidden; }

.carousel-slide { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s ease-in-out; }

    .carousel-slide.active { opacity: 1; z-index: 1; }

.slide-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }

.slide-content { position: relative; z-index: 2; top: 80px; left: 52px; display: inline-block; }
    .slide-content .slidecontainer1 { }
.slide-content1 { width: 100%; height: 100%; position: relative; }
.slide-title { font-size: 48px; font-weight: 700; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }

.slide-desc { font-size: 20px; max-width: 600px; line-height: 1.6; margin-bottom: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }

.slide-btn { display: inline-block; padding: 8px 35px; background: #e60012; color: #fff; text-decoration: none; border-radius: 4px; font-size: 16px; font-weight: 500; transition: background 0.3s; }

    .slide-btn:hover { background: #ff1a2a; color: #fff; }

.slide-btn1 { width: 180px; height: 80px; line-height: 80px; font-size: 30px; color: #000; background-color: #ecf9ff; border-radius: 30px; text-align: center; border: 0px solid #f00; display: inline-block; z-index: 2; position: absolute; top: 56%; left: 9%; }
    .slide-btn1:hover { color: #000; background-color: #fff; }
.slide-btn2 { width: 36%; height: 22%; z-index: 2; position: absolute; top: 48%; left: 58%; border: 0px solid #f00; display: inline-block; }
.slide-btn3 { width: 36%; height: 22%; z-index: 2; position: absolute; top: 65%; left: 34%; border: 0px solid #f00; display: inline-block; }

/* 箭头按钮 */
.carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 50px; height: 50px; border: none; background: rgba(255,255,255,0.2); color: #fff; border-radius: 50%; cursor: pointer; transition: background 0.3s; display: flex; align-items: center; justify-content: center; font-size: 20px; }

    .carousel-btn:hover { background: rgba(255,255,255,0.4); }

.prev-btn { left: 20px; }

.next-btn { right: 20px; }

/* 指示器 */
.carousel-indicators { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 12px; }

.indicator { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.4); cursor: pointer; transition: all 0.3s; }

    .indicator.active { background: #e60012; width: 30px; border-radius: 6px; }

    .indicator:hover { background: rgba(255,255,255,0.7); }

/* 响应式 */
@media (max-width: 768px) {
    .carousel-section { height: 350px; }

    .slide-title { font-size: 32px; }

    .slide-desc { font-size: 16px; }

    .carousel-btn { width: 40px; height: 40px; font-size: 16px; }

    .prev-btn { left: 10px; }

    .next-btn { right: 10px; }

    .slide-btn1 { width: 130px; height: 50px; line-height: 50px; font-size: 22px; }
}
