
/* 滚动通知栏的外部容器 */
.scrolling-banner {
    width: 100%;
    height: 44px; 
    /* 1. 背景色加深：使用更醒目的亮橙色/黄橙色，比纯黄色更有警示和吸引效果 */
    background-color: #FFE200; 
    border-bottom: 1px solid #e65100; 
    overflow: hidden; 
    position: relative;
    box-sizing: border-box;
}

/* 滚动内容的内部容器 */
.scrolling-content {
    position: absolute;
    white-space: nowrap; /* 关键：强制文本在一行内显示，不换行 */
    font-size: 18px;
    line-height: 40px; /* 与外部容器高度一致，实现垂直居中 */
    color: #333;
    padding-left: 30%; /* 初始位置在容器右侧外部 */
    /* 应用动画 */
    animation: scroll 45s linear infinite; /* 15s是动画时长，可调整速度 */
}

/* 鼠标悬停时暂停动画 */
.scrolling-banner:hover .scrolling-content {
    animation-play-state: paused;
}

/* 定义从右到左的滚动动画 */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* 移动自身宽度的100%，完全移出左侧 */
    }
}
.index-box {
    margin-top: 1.25em;
}

.banner-lunb .swiper-slide img {
    width: 100%;
    max-width: 100%;
}

.banner-lunb .swiper-pagination-bullet {
    background: url(../images/ban-ar-k.png) no-repeat center center;
    width: 17px;
    height: 16px;
}

.banner-lunb .swiper-pagination-bullet-active {
    background: url(../images/ban-ar-s.png) no-repeat center center;
    width: 17px;
    height: 16px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

.index-logist .index-img img {
    width: 100%;
    max-width: 100%;
}

.index-logist li {
    border: 1px solid #f8f8f8;
    margin-bottom: 1.562em;
}

.index-logist .index-tit {
    padding: 1.125em 4%;
    overflow: hidden;
}

.index-logist .index-tit span {
    font-size: 1.187em;
    color: #333333;
    /* line-height: 1em; */
    float: left;
    padding-top: 1px;
}

.index-logist .index-tit img {
    float: right;
    width: 0.812em;
    margin-top: 7px;
}

.index-new-tit {
    color: #003a8b;
    font-size: 1.562em;
    text-align: center;
    margin-bottom: 0.875em;
}

.news-list {
    margin-bottom: 1.6em;
    margin-top: 0.813em;
}

.news-list li {
    width: 100%;
    background-color: #ffffff;
    padding: 0.937em 1.062em;
    margin-bottom: 1.125em;
}

.news-item {
    width: 100%;
}

.news-item-tit {
    font-size: 1.062em;
    color: #333333;
    line-height: 1.625em;
    min-height: 2.187em;
    max-height: 3.5em;
    overflow: hidden;
}

.news-item .detail {
    font-size: 0.875em;
    color: #999999;
    line-height: 1.5em;
    height: 2.75em;
    overflow: hidden;
}

.new-group {
    overflow: hidden;
    margin-top: 0.875em;
}

.new-arrow {
    float: left;
}

.new-arrow img {
    width: 0.875em;
}

.new-right-date {
    font-size: 0.875em;
    color: #666666;
    float: right;
}

.new-box {
    background-color: #f2f2f2;
    padding-top: 2.187em;
}

.new-box .hr-det-tool {
    text-align: center;
    margin: 0.2em 0;
    /* overflow: hidden; */
    /* padding: 1.562em 0 0; */
}

.hr-det-item .det {
    color: #666666;
}

.new-box .hr-det-tool .btn {
    width: 100%;
    height: 2.85em;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 1em;
    line-height: 2.85em;
    color: #2795e8;
    padding: 0;
    background-size: 100% 100%;
    border: 1px solid #2795e8;
    border-radius: 0.937em;
    padding-top: 1px;
}

.btn-hr-return img {
    width: 1.25em;
    margin-left: 0.312em;
    margin-top: -4px;
}

.video-box {
    background-color: #f2f2f2;
    padding-top: 2.5em;
    padding-bottom: 0.937em;
}

.video-li {
    margin-bottom: 1.25em;
}

.video-list .video-top {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.video-list .video-top img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.video-list .video-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.video-list .video-play-btn {
    position: absolute;
    left: 50%;
    bottom: 50%;
    background-image: url(../images/media_play_btn2.png);
    background-size: contain;
    width: 2.812em;
    height: 2.812em;
    margin: 0 0 -1.687em -1.687em;
}

.video-list .video-des {
    color: #333333;
    font-size: 1.187em;
    line-height: 1.5em;
    padding: 1.4em 4%;
    /* height: 43em; */
    overflow: hidden;
    text-align: left;
    background-color: #ffffff;
}