.index-title { width: 100%; }

.index-title .title-cn { font-weight: bold; font-size: 30px; color: inherit; }

.index-title .title-en { margin-top: 6px; color: inherit; font-size: 18px; }

.index-title .title-desc { color: #6e6e6e; }

.banner { height: 500px; }

.bannerSwiper { width: 100%; height: 100%; position: relative; }

.banner-swiper-slide { width: 100%; height: 500px; min-width: 1200px; background-repeat: no-repeat; background-size: cover; background-position: bottom; }

.banner .swiper-pagination-bullet-active { background: #fff; }

.about { width: 100%; height: 450px; min-width: 1200px; background-repeat: no-repeat; background-size: cover; background-position: bottom; padding: 40px 0; }

.about .title-en, .about .title-cn { color: rgba(255, 255, 255, 0.9); }

.about-content { margin: 20px 0; }

.about-content .img-wrapper { width: 630px; height: 325px; }

.about-content .text-wrapper { flex: 1; padding-left: 30px; }

.about-content .text-wrapper .text_p { color: #fff; margin-bottom: 10px; text-align: justify;}

.about-content .box-wrapper { display: flex; flex-wrap: wrap; margin-top: 30px; }

.about-content .box-wrapper li { flex: 1; margin: 0 0px 0px 0; width: calc((100% - 0px) / 5); min-width: calc((100% - 0px) / 5); max-width: calc((100% - 0px) / 5); }

.about-content .box-wrapper li:nth-child(5n) { margin-right: 0; }

.about-content .box-wrapper li:nth-of-type(odd) { background-color: #60ad13; color: #fff; padding-bottom: 40px; box-sizing: border-box; }

.about-content .box-wrapper li:nth-of-type(odd) h3 { font-size: 34px; text-align: center; }

.about-content .box-wrapper li:nth-of-type(odd) p { text-align: center; font-size: 20px; }

.factory { width: 100%; padding: 30px 0; background-color: #f2f2f2; }

.index-title { padding: 0px 0 30px; }

#cbg-press ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row; margin: 0 auto 10px; }

#cbg-press .lone-right { margin: 0 0.5% 0.5% 0; }

#cbg-press ul li { cursor: pointer; margin: 0 0.5% 0.5% 0; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.57); }

#cbg-press ul li > div { position: relative; display: block; width: 100.1%; height: 100%; overflow: hidden; }

#cbg-press ul li.cbg-img img { position: absolute; left: 0; top: 0; }

#cbg-press ul li.cbg-w1 { width: 745px; height: 525px; }

#cbg-press ul li.cbg-w1 img { width: 110%; }

#cbg-press ul li.cbg-w2 { width: 420px; height: 250px; }

#cbg-press ul li.cbg-w2 img { width: 110%; }

#cbg-press ul li.cbg-w3 { width: 615px; height: 460px; }

#cbg-press ul li.cbg-w3 img { width: 110%; }

#cbg-press ul li.cbg-w4 { width: 305px; height: 460px; }

#cbg-press ul li.cbg-w4 img { width: 115%; }

/* 工厂环境图片画廊特效 - 调亮版 */
#cbg-press .cbg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.08);  /* 调亮：从 0.5 改为 0.15，图片更清晰 */
    transition: opacity 0.3s ease;
}

#cbg-press .cbg-img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#cbg-press .cbg-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 110%;
    height: auto;
    transition: left 0.5s ease-out;
}

#cbg-press .cbg-img:hover img {
    left: -40px;
}

#cbg-press .cbg-img:hover .cbg-overlay {
    opacity: 0;  /* hover 时遮罩完全消失 */
}

.section { width: 100%; padding: 40px 0; }

.section .text-wrapper .top-image { width: 625px; height: 400px; float: left; margin: 0 20px 20px 0; }

.section .text-wrapper .text_p { margin-bottom: 10px; }

/* 工厂环境图片悬浮效果 */
.factory .cbg-img {
    transition: transform 0.3s ease-in-out;
}

.factory .cbg-img:hover {
    transform: translateY(-5px);
}