.swiper {
    width: 100%;
    /*height: 320px;*/
}

.swiper .swiper-wrapper .swiper-img {
    width: 100%;

    transition: transform 0.3s ease;

}

.banner-img {
    height: 100%;
}

.swiper-img-wrapper {
    overflow: hidden;
}

/* 默认箭头颜色 */
.swiper-button-next,
.swiper-button-prev {
    color: white !important; /* 改为你想要的颜色，比如绿色 */
}

/* 悬停时颜色（可选） */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: white;
}

/* 未激活的圆点 */
.swiper-pagination-bullet {
    background-color: white !important; /* 默认灰色 */
    opacity: 1; /* 取消默认透明度更可控 */
}

/* 激活的圆点 */
.swiper-pagination-bullet-active {
    background-color: white !important; /* 主色，如绿色 */
}

/* 可选：悬停效果 */
.swiper-pagination-bullet:hover {
    background-color: white !important;
}

.slog {
    height: 455px;
    width: 100%;
    max-width: 1200px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.slog .info {
    padding: 16px 32px;
    flex: 2;
    box-sizing: border-box;
}

.slog .info h2 {
    color: rgb(106, 109, 111);
}

.slog-info-content {
    margin-top: 15px;
}

.swiper-slog {
    flex: 1;
    /*height: 455px;*/
}

.slog-title {
    font-weight: bolder;
    color: var(--primary-color);
}

.slog-swiper-slid-wrapper {
    height: 455px;
    border: solid 1px rgb(229, 229, 229);
    padding: 10px;
    box-sizing: border-box;
}

/* 默认箭头颜色 */
.swiper-button-next-slog,
.swiper-button-prev-slog {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
}

/* 悬停时颜色（可选） */
.swiper-button-next-slog:hover,
.swiper-button-prev-slog:hover {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
}

/* 未激活的圆点 */
.swiper-pagination-slog .swiper-pagination-bullet {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
    opacity: 1; /* 取消默认透明度更可控 */
}

/* 激活的圆点 */
.swiper-pagination-slog .swiper-pagination-bullet-active {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
}

/* 可选：悬停效果 */
.swiper-pagination-slog .swiper-pagination-bullet:hover {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
}

.swiper-img-info {
    height: 48px;
    box-sizing: border-box;
    margin-top: 5px;
    display: flex;
    align-items: center;

    justify-content: space-between;
}

.detail-button {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slog-swiper-slid-wrapper:hover .detail-button {
    color: white;
    background-color: var(--primary-color);
}

.swiper-img-info-name {
    padding-left: 10px;
}

.slog-swiper-slid-wrapper:hover .swiper-img {
    transform: scale(1.1); /* 放大 10% */
}

.slog-img {
    height: 100%;
}

.slog .info {
    height: 100%;
}

.products-slide {
    height: 260px;
    box-sizing: border-box;
    padding: 24px 0;

}

.products-slide-item {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.products-img {
    height: 150px;
}

.products-slide-item-title {
    /* 设置一个固定宽度或最大宽度 */
    max-width: 180px; /* 根据实际情况调整 */

    /* 强制文本不换行 */
    white-space: nowrap;

    /* 隐藏溢出的内容 */
    overflow: hidden;

    /* 在溢出部分显示省略号 */
    text-overflow: ellipsis;

    /* 可选：使文本居中或其他对齐方式 */
    text-align: left;
}

/* 如果希望a标签也继承这些样式 */
.products-slide-item-title a {
    display: block; /* 使a标签成为一个块级元素，以便应用宽度和溢出属性 */
    width: 100%; /* 占满父元素的宽度 */
    height: 100%; /* 如果有高度要求 */
}

.products-swiper {
    max-width: 1200px;
}

.products-swiper-section {
    text-align: center;
}

/* 默认箭头颜色 */
.swiper-button-next-products,
.swiper-button-prev-products {
    color: white !important; /* 改为你想要的颜色，比如绿色 */
}

/* 悬停时颜色（可选） */
.swiper-button-next-products:hover,
.swiper-button-prev-products:hover {
    color: white !important; /* 改为你想要的颜色，比如绿色 */
}

/* 未激活的圆点 */
.swiper-pagination-products .swiper-pagination-bullet {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
    opacity: 1; /* 取消默认透明度更可控 */
}

/* 激活的圆点 */
.swiper-pagination-products .swiper-pagination-bullet-active {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
}

/* 可选：悬停效果 */
.swiper-pagination-products .swiper-pagination-bullet:hover {
    color: var(--primary-color) !important; /* 改为你想要的颜色，比如绿色 */
}

.swiper-pagination-products {

}

.company-info-section {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 1200px;
    width: 100%;
    padding-bottom: 60px;
}

.company-info-section-wrapper {
    max-width: 1200px;
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
}

.info-article {
    flex: 2;

}

.company-video {
    flex: 1;
    max-height: 500px;
}

.info-title {
    background-color: rgb(245, 245, 245);
    height: 24px;
    display: flex;
    flex-direction: row;


}

.info-title-label {
    background-color: white;
    width: 110px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
.company-video-content{
    max-width: 100%;
    min-width: 100%;
}
.company-video {
    background-color: rgb(241, 241, 241);
    padding: 10px 15px;
    border-radius: 10px;
}

.info-items {
    margin-top: 30px;
}

.culture-item-icon, .culture-icon-image {
    width: 42px;
    height: 42px;
}

.info-cultures {
    display: flex;
    gap: 50px;
}

.culture-item {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
    padding-bottom: 30px;
}

.culture-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4; /* 可根据需要调整行高 */
    max-height: calc(1.4em * 3); /* 确保高度不超过3行 */
    color: rgb(106,109,111);
}

.culture-title {
    margin-top: 20px;
    font-weight: bold;
}
.video-label{
    margin: 0;
    padding: 0;
}
.video-player{
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    text-align: center;
}
.video{
    max-width: 360px;
}
.company-summary{
    margin-top: 10px;
}
.company-summary p{
    margin-top: 4px;
    margin-bottom: 4px;
}
.info-news-list{
    display: flex;
    gap: 10px;
}
.article-img{
    width: 100%;
    height: 240px;
}
.news-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.article-time{
    color:rgb(138,138,138);
}
.article-detail-more a{
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
}