.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: 110%; height: 110%; opacity: 0.5; filter: alpha(opacity=50); }

#cbg-press ul li.cbg-img div.cbg-title { position: absolute; bottom: 0; height: 4px; width: 100%; background-color: var(--color1); }

#cbg-press ul li.cbg-img div.cbg-title p { position: relative; padding: 0.8em 1em; color: #fff; font-size: 1.5em; line-height: 140%; }

#cbg-press ul li.cbg-img div.cbg-title .cbg-overlay { background-color: var(--color1); opacity: 0.7; filter: alpha(opacity=70); }

.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; }