/* Main7 区域样式 - 与页面整体风格一致 */



/* 响应式标题样式 */
@media (max-width: 999px) {
    .main7 h2 {
        font-size: 30px;
    }
}

/* main7区域text-xl字体大小设置为40px */
.main7 .text-xl {
    font-size: 32px;
}
.main7 .main7-text-all {
    font-size: 18px;
}
/* 响应式调整：移动端适当缩小 */
@media (max-width: 768px) {
    .main7 .text-xl {
        font-size: 22px;
    }
}

/* main7区域圆形按钮hover效果 */
/* .main7 .main7-btn:hover {
    background-color: #c8161e;
    color: white;
    border-color: #c8161e;
    transition: all 0.3s ease;
} */
.main7 .main7-right .p-4{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ccc;
}
.main7 .main7-right .p-4:hover{
    .main7-text-all{
        color: #c8161e;
        transition: all 0.3s ease;
    }
    .main7-btn{
        background-color: #c8161e;
        /* color: #fff ; */
        border-color: #c8161e ;
        transition: all 0.3s ease;
    }
    .main7-btn i{
        color: #fff ;
    }
}

/* main7-btn响应式圆形设计 */
.main7 .main7-btn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* 移动设备上的main7-btn */
@media (max-width: 768px) {
    .main7 .main7-btn {
        width: 1.75rem;
        height: 1.75rem;
        min-width: 1.75rem;
        min-height: 1.75rem;
        max-width: 1.75rem;
        max-height: 1.75rem;
    }
}

/* 小屏手机设备上的main7-btn */
@media (max-width: 480px) {
    .main7 .main7-btn {
        width: 1.5rem;
        height: 1.5rem;
        min-width: 1.5rem;
        min-height: 1.5rem;
        max-width: 1.5rem;
        max-height: 1.5rem;
    }
}

/* 确保圆形按钮内部箭头颜色也改变 */
.main7 .main7-btn:hover i {
    color: white;
}
.main7 .swiper-navigation-wrapper {
    margin-top: 40px;
}
.main7 .text-gray-800 {
   color: #414141;
}

/* main7区域新闻列表hover效果修复 */
.main7 .text-gray-800:hover {
   color: #dc2626;
}
.main7 .swiper-button-prev,
.main7 .swiper-button-next {
    position: static;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.3s ease;
    cursor: pointer;
}

.main7 .swiper-button-prev:hover,
.main7 .swiper-button-next:hover {
    background: #c8161e;
    color: white;
    border-color: #c8161e;
}

.main7 .swiper-button-prev::after {
    content: "←";
    font-size: 18px;
    font-weight: bold;
}

.main7 .swiper-button-next::after {
    content: "→";
    font-size: 18px;
    font-weight: bold;
}