.product { background-color: #fff; padding: 50px 0; }

.product .title { color: #fff; }

.product .title-wrapper p { color: #fff; font-size: 18px; }

.product .title-wrapper .more { cursor: pointer; }

.product .title-wrapper .more:after { margin-left: 6px; content: ""; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid transparent; border-left: 1px solid transparent; width: 6px; height: 6px; transform: rotate(45deg); }

.productSwiper { height: 480px; }

.product-swiper-wrapper { align-items: flex-end; position: relative; }

.product-swiper-slide { --box-size: 380px; height: 400px; position: relative; /*user-select: none;*/ }

.product-swiper-slide:hover .item-box { transition: background-color 0.1s ease-in-out; background-color: var(--color1); }

.product-swiper-slide .item-box { z-index: -1; position: absolute; bottom: 0; width: var(--box-size); height: var(--box-size); border-radius: 12px; background-color: #393939; transition: background-color 0.1s ease-in-out; }

.product-swiper-slide .item-box p { padding: 30px 0; color: #fff; font-size: 18px; }

.product-swiper-slide .image-box { position: absolute; top: -20%; left: 50%; transform: translateX(-50%); width: calc(var(--box-size) * 0.8); height: calc(var(--box-size) * 1.1); }

.product-swiper-button-prev, .product-swiper-button-next { top: 60% !important; --swiper-navigation-color: #fff !important; background-color: rgba(173, 173, 173, 0.7) !important; }

.section2 { width: 100%; height: 875px; min-width: 1200px; background-repeat: no-repeat; background-size: cover; background-position: bottom; }

.section2-content { padding-top: 60px; }

.section2 .wrapper-item { display: flex; flex-wrap: wrap; width: 50%; }

.section2 .wrapper-item .li { flex: 1; margin: 0 30px 30px 0; width: calc((100% - 30px) / 2); min-width: calc((100% - 30px) / 2); max-width: calc((100% - 30px) / 2); }

.section2 .wrapper-item .li:nth-child(2n) { margin-right: 0; }

.section2 .wrapper-item .li h1 { font-weight: bold; font-size: 70px; color: var(--color1); }

.section2 .wrapper-item .li p { font-size: 16px; }

.section2 .wrapper-item .h1-title { color: var(--color1); font-size: 44px; font-weight: bold; margin-bottom: 40px; }

.about {width: 100%;aspect-ratio: 1920 / 705;min-width: 1200px;background-repeat: no-repeat;background-size: contain;background-position: center;}

.about .title { color: #fff; /*padding-right: 80px;*/ align-items: flex-end; margin-bottom: 50px; }

.about-content { width: 965px; padding: 40px 0; max-width: 980px; position: relative; }

.about-item { color: #fff; margin-bottom: 52px; }

.about-item .icon-box { width: 70px; height: 70px; margin-left: 10px; }

.about-item .text-box .h1 { padding-right: 10px; text-align: right; font-weight: bold; font-size: 32px; }

.about-item .text-box p { text-align: right; font-size: 16px; color: rgba(255, 255, 255, 0.9); }

.about .left-text { position: absolute; left: 0; /*bottom: 20px;*/ width: 330px; bottom: -140px;}

.about .left-text .text_p { color: rgba(255, 255, 255, 0.9); font-size: 14px; }

.news .news_title { padding-top: 30px; }

.news .title-wrapper { padding: 0; color: var(--color1); }

.news .title-wrapper::after { content: none; }

.news .nav_menu li { padding: 4px 16px; cursor: pointer; }

.news .nav_menu li.active { background-color: var(--color1); color: #fff; }

.news-swiper-wrapper { margin: 20px 0; }

.news-swiper-button-prev, .news-swiper-button-next { top: 25% !important; --swiper-navigation-color: #fff !important; background-color: rgba(0, 0, 0, 0.6) !important; }

.news_item { user-select: none; flex: 1; margin: 0 20px 20px 0; width: calc((100% - 0px) / 1); min-width: calc((100% - 0px) / 1); max-width: calc((100% - 0px) / 1); box-sizing: border-box; border: 1px solid transparent; border-radius: 6px; transition: border 0.1s ease-in-out; }

.news_item:nth-child(1n) { margin-right: 0; }

.news_item:hover { border: 1px solid var(--color1); transition: border 0.1s ease-in-out; }

.news_item--pic { border-radius: 6px 6px 0 0; width: 100%; }

.news_item--pic img { border-radius: inherit; width: inherit; height: inherit; display: block; object-fit: cover; }

.news_item--content { width: 100%; box-sizing: border-box; padding: 10px 0px; font-size: 16px; }

.news_item--content .data_time { color: #aaa; }

.news_item--content .news_item-title { margin: 6px 0; font-weight: bold; font-size: 18px; /*min-height: 54px;*/ }

.news_item--content .news_item-text { font-size: 14px; /*min-height: 63px;*/ }