/* 简洁轮播组件 - 滑入效果 尺寸 641x387 */
.simple-carousel {
    width: 682px;
    height: 392px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}


/* 图片列表容器 - 改为flex横向排列 */
.simple-carousel .carousel-list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    transition: transform 0.5s ease-in-out;  /* 滑动过渡效果 */
}

/* 每个图片项 - 不再绝对定位 */
.simple-carousel .carousel-list li {
    flex: 0 0 100%;      /* 每个li占满容器宽度的100% */
    width: 100%;
    height: 100%;
}

/* 图片样式 */
.simple-carousel .carousel-list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 圆点容器 */
.simple-carousel .carousel-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 10;
}

/* 圆点样式 */
.simple-carousel .carousel-dots .dot {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 当前激活的圆点 */
.simple-carousel .carousel-dots .dot.active {
    background-color: #ff6600;
    width: 24px;
    border-radius: 6px;
}

/* 圆点悬停效果 */
.simple-carousel .carousel-dots .dot:hover {
    background-color: rgba(255, 255, 255, 0.9);
    transform: scale(1.2);
}





/* 一行图片展示样式 */
.role_info_new {
    width: 100%;
}

.role_info_t {
    width: 100%;
    height: auto;        /* 改为auto，让高度自适应 */
    font-size: 18px;
    color: #917158;
    line-height: 30px;
    text-align: left;
    /* text-shadow: 1px 1px 1px #CCC; */
    margin-bottom: 10px;
}



.role_info_t span {
    width: 30px;
    height: 30px;        /* 改回30px，图标高度 */
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    background-position: -102px -23px;
    margin-right: 5px;
}

/* 一行图片排列 - 使用 flex 布局 */
.role_row {
    display: flex;
    margin-left: 3px;
    gap: 2px;            /* 图片之间间隔2px */
    overflow-x: auto;    /* 超出宽度可横向滚动 */
    overflow-y: hidden;
    padding-bottom: 5px; /* 给滚动条留点空间 */
    margin-top: 40px;    /* 向下移动20px */
}

/* 图片样式 - 宽度112px，高度321px */
.role_row img {
    width: 112px;
    height: 321px;
    object-fit: cover;   /* 图片裁剪适应，保持比例填满 */
    display: block;      /* 去除图片下方空白 */
    flex-shrink: 0;      /* 防止图片被压缩 */
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* 鼠标悬停效果 */
.role_row img:hover {
    transform: scale(1.05);
    z-index: 1;          /* 放大时避免被遮挡 */
}







.c_cle_box_1{ width:1030px; float:left; margin-top: 60px;}




/* 五图展示模块 - 带下划线 */
.five-img-module {
    width: 100%;
    margin-bottom: 30px;
}

/* 标题区域 - 带下划线 */
.five-img-title {
    position: relative;
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
}

/* 标题文字 */
.five-img-title .title-text {
    font-size: 18px;
    color: #917158;
    vertical-align: middle;
    position: relative;
}

/* 查看更多链接 */
.five-img-title .title-more {
    float: right;
    font-size: 14px;
    color: #917158;
    text-decoration: none;
    line-height: 55px;
    margin-right: 5px;
}

.five-img-title .title-more:hover {
    color: #ff6600;
}

/* 下划线 - 96%宽度，居中 */
.five-img-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background-color: #917158;
}

/* 图片容器 - 使用flex布局，居中 */
.five-img-container {
    display: flex;
    justify-content: center;  /* 整体居中 */
    gap: 0px;                /* 图片之间的间隔 */
    flex-wrap: wrap;          /* 响应式换行 */
    margin-top: 20px;         /* 与下划线的距离 */
}

/* 每个图片卡片 - 尺寸 202x127 */
.five-img-container .img-card {
    width: 202px;
    height: 127px;
    overflow: hidden;
    border-radius: 8px;       /* 圆角 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

/* 图片链接 */
.five-img-container .img-card a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 图片样式 */
.five-img-container .img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* 图片裁剪适应 */
    display: block;
    transition: transform 0.3s ease;
}

/* 鼠标悬停效果 */
.five-img-container .img-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.five-img-container .img-card:hover img {
    transform: scale(1.05);
}

.inf_list {
    width: 660px;
    line-height: 45px;
    font-size: 14px;
}