/* 提示框样式 */
.success-alert {
display: none; /* 默认隐藏 */
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
padding: 15px 30px;
background-color: #28a745;
color: white;
border-radius: 4px;
z-index: 9999;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 页面基础样式：区分不同轮播组 */
.page-section {
padding: 20px;
border-bottom: 1px solid #eee;
margin-top: 20px;
margin-right: 0;
margin-bottom: 50px;
margin-left: 0;
}
.page-section h2 {
text-align: center;
margin-bottom: 30px;
color: #333;
}

/* 轮播容器（通用样式，所有组共用） */
.carousel-container {
position: relative;
width: 90%;
/*max-width: 1200px;*/
margin: 0 auto;
overflow: hidden;
}

/* 轮播列表 - 核心：横向排列 */
.carousel-list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
transition: transform 0.5s ease; /* 滚动动画 */
}

/* 图片项 - 三张半显示（通用） */
.carousel-item {
flex: 0 0 calc(100% / 3.5); /* 每张占1/3.5宽度 */
box-sizing: border-box;
padding: 0 5px;
min-width: calc(100% / 3.5); /* 固定宽度，防止变形 */
}

/* 图片容器 - 相对定位，用于文字叠加 */
.img-wrapper {
position: relative;
width: 100%;
height: 300px;
border-radius: 8px;
overflow: hidden; /* 防止内容溢出 */
}

/* 图片样式 */
.img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover; /* 保持图片比例 */
display: block;
}
.case-vidwo2{
position: absolute; /* 叠加在图片上 */
left: 0;
top: 33px;

}
/* 图片上的文字层 */
.img-text {
position: absolute; /* 叠加在图片上 */
left: 0;
bottom: 0;
width: 100%;
padding: 15px;
background: rgba(0, 0, 0, 0.6); /* 半透明背景 */
color: #fff; /* 白色文字 */
font-size: 14px;
box-sizing: border-box;
font-size:12px
}
.img-text h3{
font-size:18px;
margin-bottom:9px
}
/* 左右箭头样式（通用） */
.carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background:#fb5503;
border: none;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
color:#FFFFFF
}
.arrow-left { left: 10px; }
.arrow-right { right: 10px; }
.carousel-arrow:hover { background:#000; }