/* 轮播图样式 */
.m_banner{width:100%;margin: -100px 0 0 0;overflow: hidden;}
.m_banner .banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto;}
.m_banner .banner .dots{position:absolute;left:0;right:0;bottom:5px;z-index:3;}
.m_banner .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.m_banner .banner .dots li.active{background:#fff;opacity:1}
.m_banner .banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.m_banner .banner .unslider-arrow.prev > img{left:15px}
.m_banner .banner .unslider-arrow.next > img{right:15px}
.m_banner .banner ul{z-index: 1;width: 600%;overflow: hidden;}
.m_banner .banner ul .slider-item {width:480px; float: left;height:832px; position: relative; overflow: hidden;}
.m_banner .banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));width: calc(100% - 30px);}
.m_banner .banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60}
.m_banner .banner .unslider-arrow{display: none;}
.m_banner .banner:hover .unslider-arrow{display: block;}
.overlay {
    position: absolute;
    top: 50%; /* 从顶部 50% 开始 */
    left: 50%; /* 从左侧 50% 开始 */
    transform: translate(-50%, 30px); /* 反向偏移自身宽高的 50% */
    /* 可选样式 */
    background: transparent; /* 半透明背景 */
    color: white;
    padding: 10px;
    text-align: center;
    opacity: 0;
}
.index_content{
    width: 100%;
    height: 950px;
}
.index_content_menu{
    display: flex;           /* 父元素启用 Flex */
    justify-content: center; /* 水平居中 */
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.index_content_menu>ul{
    display: flex;       /* 启用弹性布局 */
    list-style: none;    /* 移除默认列表符号 */
    padding: 0;          /* 清除默认内边距 */
    margin: 0;           /* 清除默认外边距 */
}
.index_content_menu>ul>li{
    border-left: 2px solid #000;
    padding:0 20px 0 20px;
}
.index_content_menu>ul>li>a{
    font-size: 16px;
    color: #959595;
    text-decoration: none;
    padding:0 10px 0 10px;
}
.index_content_menu>ul>li>.active{
    color: #FFFFFF;
    background-color: #0f0f0f;
}
.index_content_bottom{
    width: 1400px;
    margin: 0 auto;
    height: 810px;
    display: none;
}
.index_content_bottom.active { display: block; }

.index_content_bottom_item{
    width: 433px;
    height: 360px;
    float: left;
    padding: 10px;
    margin-left: 10px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
}
.index_content_bottom_img{
    width: 433px;
    max-height: 244px;
    overflow: hidden;
    margin-top: 10px;
}
.index_content_bottom_img>img{
    width: 100%;
    height: auto;
    display: block; /* 防止底部间隙 */
    transition: transform 0.5s ease; /* 平滑过渡效果 */
}
.index_content_bottom_img:hover >img{
    transform: scale(1.1); /* 鼠标悬停时放大1.1倍 */
    transform-origin: center; /* 从中心进行缩放 */
}
.index_content_bottom_item>.index_content_bottom_text{
    height: 60px;
    padding: 20px;
    font-size: 16px;
    color: #333333;
    display: flex;
    align-items: center;
}
.index_content_bottom_item>div>div{
    margin-left: auto;
    width: 30px;
    height: 30px;
    overflow: hidden; /* 隐藏超出部分 */
    display: inline-block; /* 使容器适应内容 */
    position: relative;
 }
.index_content_bottom_item>div>div>img{
    width: 60px;
    height: 30px;
    position: absolute;
    left: -30px;
}
.index_content_bottom_item:hover >div>div>img{
    animation: slideRight 0.5s forwards;
}
@keyframes slideRight {
    to {left: 0px;}
}
.index_content_bottom_item:hover >div{
    background-color: #246F97;
    color: #FFFFFF;
}
.index_content_bottom_item>p{
    margin: -20px 20px 0px 20px;
    border: 1px solid #959595;
    width: 30px;
    float: right;
}
.index_content_bottom_item:hover >p{
    border: 1px solid #FFFFFF;
    animation: pSetWidth 0.5s forwards;
}
@keyframes pSetWidth {
    to {width: 393px; }
}