.swiper-container {
    width: 100%;
    /* height: 550px; */
    height: 550px;
    margin-top: 90px;
}

.swiper-container img { 
    width: 100%;
    height: 550px;
}

.swiper-container {
    --swiper-navigation-size: 20px; /* 设置左右按钮大小为 30px */
    /* --swiper-theme-color: #ff6600; */
    /* --swiper-pagination-color: #00ff33; */
    /* 两种都可以 */
}

 .swiper-pagination-bullet {
width: 20px; /* 圆点的宽度 */
height: 20px; /* 圆点的高度 */
background-color: blue; /* 分页器圆点的背景颜色 */
}

 .swiper-pagination {
margin-bottom: 15px; /* 设置分页器距离底部的距离为 20px */
}

.swiper-button-prev, .swiper-button-next {
color: #fff; /* 设置按钮颜色为白色 */
}

/* 自定义圆形按钮样式 */
.swiper-button-prev,
.swiper-button-next {
width: 55px; /* 按钮的宽度 */
height: 55px; /* 按钮的高度 */
background-color: #526d7b; /* 按钮的背景颜色 */
border-radius: 50%; /* 使按钮呈圆形 */
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
outline: none; /* 去除点击时的边框 */
transition: transform 0.3s ease; /* 平滑过渡效果 */
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background-color: #0e3db1; /* 悬停时的背景颜色 */
transform: scale(1.3) translateY(-5px); /* 放大并上浮 */
}

.swiper-button-prev {
left: 50px; /* 设置左按钮距离左边的距离为 20px */
}

.swiper-button-next {
right: 50px; /* 设置右按钮距离右边的距离为 20px */
}