/* ========== 全屏轮播样式 ========== */
.fullscreen-banner-wrap{
    position:relative;
    width:100%;
    height:calc(100vh - 108px); /* header总高：28+80=108px，紧贴导航下方，无间隙 */
    overflow:hidden;
}
.banner-list{
    width:100%;
    height:100%;
}
.banner-item{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:opacity 0.8s ease;
}
.banner-item.active{
    opacity:1;
    z-index:1;
}
.banner-item img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.img-pc{
    display:block;
}
.img-mobile{
    display:none;
}
/* 移动端 768px断点 */
@media (max-width:768px) {
    .img-pc{
        display:none;
    }
    .img-mobile{
        display:block;
    }
    .banner-text h2{
        font-size:32px !important;
    }
    .banner-text p{
        font-size:16px !important;
    }
    .fullscreen-banner-wrap{
        height:calc(100vh - 70px); /* 移动端header高度变小 */
    }
	.banner-text{
        left:5%;
        bottom:15%;
        max-width:90%;
    }
}
.banner-text{
    position:absolute;
    left:12%;
    bottom:66%;
    color:#000;
    z-index:2;
    max-width:560px;
}
.banner-text h2{
    font-size:52px;
    margin:0 0 16px;
    font-weight:600;
    line-height:1.2;
}
.banner-text p{
    font-size:20px;
    margin:0;
    line-height:1.7;
    opacity:0.92;
}
.banner-dots{
    position:absolute;
    bottom:36px;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    display:flex;gap:12px;
}
.banner-dot{
    width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,0.35);cursor:pointer;
    transition:0.3s;
}
.banner-dot.active{
    background:#fff;
    transform:scale(1.2);
}
/* 左右箭头 */
.banner-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    border-radius:50%;
    background:rgba(255,255,255,0.22);
    color:#fff;
    text-align:center;
    line-height:52px;
    font-size:26px;
    z-index:3;
    cursor:pointer;
    user-select:none;
    transition:background 0.3s;
}
.banner-arrow:hover{
    background:rgba(255,255,255,0.55);
}
.banner-prev{left:32px;}
.banner-next{right:32px;}
@media (max-width:768px) {
    .banner-arrow{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:20px;
    }
    .banner-prev{left:16px;}
    .banner-next{right:16px;}
}
