/*public.css*/

/* 正文字体 */
@font-face {
    font-family: 'HanSansCN-Light';
    src: url('https://bsg-i.nbxc.com/themes/style/fbdae9511ed71725108e81e5c657bb52.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 标题字体 */
@font-face {
    font-family: 'HanSansCN-Regular';
    src: url('https://bsg-i.nbxc.com/themes/style/35311a2cda29d9d73fe438b009a4db0b.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.title,
.color .color-sidebar-item {
    font-family: 'HanSansCN-Regular' !important;
    font-weight: 300;
}

body p,
body span,
body a,
.sec-title,
.color .color-sidebar-subitem,
dl,
dt,
dd,
tr,
td,
table .projects .projects-category,
.projects .projucts-select,
.projects .projucts-select option,
.bossgoo-supplier-email2 .form input[type^="text"]::-webkit-input-placeholder,
.bossgoo-supplier-email2 .form textarea::-webkit-input-placeholder,
h1,
div {
    font-family: 'HanSansCN-Light' !important;
    font-weight: 300;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.max1920 {
    padding-left: 50px;
    padding-right: 50px;
}

.title {
    color: #2b2b2b;
}

.sec-title {
    color: #2b2b2b;
}

@media (min-width: 768px) {

    .container {
        max-width: 720px;
    }

    .saluoliya {
        padding: 40px 0px;
    }

    .title {
        font-size: 32px;
    }

    .sec-title {
        font-size: 17px;
    }

}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .title {
        font-size: 36px;
    }

    .sec-title {
        font-size: 22px;
    }

    .saluoliya {
        padding: 60px 0px;
    }

}

@media (min-width: 1200px) {

    .container {
        max-width: 1140px;
    }


    .title {
        font-size: 42px;
    }

    .sec-title {
        font-size: 27px;
    }
}

@media (min-width: 1440px) {

    .container {
        max-width: 1400px;
    }

    .title {
        font-size: 54px;
    }

    .sec-title {
        font-size: 32px;
    }
}

@media (min-width: 1640px) {
    .container {
        max-width: 1600px;
    }

    .sec-title {
        font-size: 36px;
    }
}

@media (max-width: 1040px) {
    .sec-title {
        line-height: 32px;
    }
}

@media (max-width: 992px) {
    .sec-title {
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 720px;
    }

    .saluoliya {
        padding: 30px 0px;
    }

    .title {
        font-size: 24px;
    }

    .sec-title {
        font-size: 16px;
    }
}

@media (max-width: 450px) {
    .sec-title {
        font-size: 14px;
        line-height: 22px;
    }
}

body {
    background-color: #eeebe7 !important;
}

.bossgoo-header-nav1 {
    background-color: #eeebe7 !important;
    box-shadow: 0 3px 20px rgb(0 0 0 / 10%) !important;
    border-bottom: 1px solid #a7a7a7;
}

/* daohang-serch */
.bossgoo-header-nav1 .search-box {
    width: auto !important;
    background-color: #ffffff00 !important;
    color: #000 !important;
}

.bossgoo-header-nav1 .search-box .iconfont {
    font-size: 24px !important;
    font-weight: 600;
}

.bossgoo-header-nav1 .search-box .icon-fangdajing:before {
    content: "\e619" !important;
}

.bossgoo-header-nav1 .nav-right .nav-right-part li a:before {
    content: "\e668";
    font-family: "iconfont" !important;
}

.bossgoo-header-nav1 .header-search-box .wrap {
    background-color: #eeebe7;
}

.bossgoo-header-nav1 .search-box span {
    margin-left: 0px !important;
}

.bossgoo-header-nav1 .nav-right-part {
    display: flex;
}

.bossgoo-header-nav1 .nav>ul>li,
.bossgoo-header-nav1 .nav-right .nav-right-part li {
    padding: 0px 25px !important;
}

.bossgoo-header-nav1 .nav>ul>li:first-child {
    padding-left: 0px !important;
}

.bossgoo-header-nav1 .header-search-box {
    width: 200px !important;
    right: 310px;
    left: auto !important;
}

/* daohang */
.bossgoo-header-nav1 .logo {
    max-width: 160px !important;
    margin-right: 0px !important;
}

.bossgoo-header-nav1 .line {
    width: 0px !important;
}

.bossgoo-header-nav1 .nav>ul>li,
.bossgoo-header-nav1 .nav-right .nav-right-part li {
    padding: 0 20px !important;
}

@media only screen and (max-width: 1640px) {

    .bossgoo-header-nav1 .nav>ul>li,
    .bossgoo-header-nav1 .nav-right .nav-right-part li {
        padding: 0 10px !important;
    }
}

@media only screen and (max-width: 1440px) {
    .bossgoo-header-nav1 .container {
        max-width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .bossgoo-header-nav1 .nav>ul>li,
    .bossgoo-header-nav1 .nav-right .nav-right-part li {
        padding: 0 5px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .bossgoo-header-nav1 .logo-box {
        display: none !important;
    }
}

@media only screen and (max-width: 1040px) {
    .bossgoo-header-nav1 .logo {
        max-width: 100% !important;
    }

    .bossgoo-header-nav1 .header-phone .country {
        background-color: rgb(0 0 0 / 0%) !important;
        color: #000 !important;
    }

    .bossgoo-header-nav1 .header-phone .search-box .icon-fangdajing,
    .bossgoo-header-nav1 .header-phone .icon-liebiao1 {
        color: #000 !important;
    }

    .bossgoo-header-nav1 .search-wrap {
        background-color: #ffffff00 !important;
    }
}

.bossgoo-header-nav1 .header-main {
    position: relative;
}

.bossgoo-header-nav1 .logo-box {
    position: absolute;
    width: 100%;
    justify-content: center;
}

.bossgoo-header-nav1 .nav-right {
    justify-content: space-between;
    width: 100%;
}

.bossgoo-header-nav1 .nav>ul>li,
.bossgoo-header-nav1 .nav-right .nav-right-part li {
    height: 100%;
    display: flex;
    align-items: center;
}

.bossgoo-header-nav1 .nav>ul>li a {
    color: #000;
}

.bossgoo-header-nav1 .nav>ul>li:last-child {
    opacity: 0;
}

.bossgoo-header-nav1 .nav-right .nav-right-part li {
    position: relative;
}

.bossgoo-header-nav1 .nav-right .nav-right-part li a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.bossgoo-header-nav1 .second-nav {
    box-shadow: none !important;
    border-top: 0px !important;
    top: 90px !important;
    opacity: 0;
    visibility: hidden;
}

.bossgoo-header-nav1 .third-nav {
    box-shadow: none !important;
    border-top: 0px !important;
}

.bossgoo-header-nav1 .nav>ul>li ul {
    background-color: #f6f5f3;
}

.bossgoo-header-nav1 .nav>ul>li:hover ul {
    opacity: 1;
    visibility: visible;
}

/* 新闻二级导航不可见 */
.bossgoo-header-nav1 .nav>ul>li:nth-child(5) ul {
    display: none !important;
}

@media only screen and (max-width: 1040px) {
    .bossgoo-header-nav1 .phone .header-phone .logo img {
        max-width: 15% !important;
    }
}

@media only screen and (max-width: 768px) {
    .bossgoo-header-nav1 .phone .header-phone .logo img {
        max-width: 20% !important;
    }
}

/* banner */
.bossgoo-index-banner2 {
    overflow: hidden;
}

.bossgoo-index-banner2 .swiper-button-next,
.bossgoo-index-banner2 .swiper-button-prev {
    background-color: #00000075 !important;
}

.bossgoo-index-banner2 .swiper-button-next {
    transform: translateX(100%);
    transition: 0.5s all;
}

.bossgoo-index-banner2 .swiper-button-prev {
    transform: translateX(-100%);
    transition: 0.5s all;
}

.bossgoo-index-banner2:hover .swiper-button-next,
.bossgoo-index-banner2:hover .swiper-button-prev {
    transform: translateX(0%);
    transition: 0.5s all;
}

/* color */
.color-banner img {
    width: 100%;
}

.color {
    min-height: calc(100vh - 180px);
}

.color .container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.color .label {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.color .label span {
    margin: 0px 20px;
    font-size: 28px;
}

/* 新增的父盒子样式 */
.color .content-wrapper {
    display: flex;
    width: 100%;
    border-radius: 8px;
}

/* 左侧边栏样式 */
.color .color-sidebar {
    width: 400px;
    flex-shrink: 0;
    padding-right: 30px;
}

.color .color-sidebar-item {
    padding: 10px 0px;
    cursor: pointer;
    text-align: left;
    font-size: 26px;
    position: relative;
    display: flex;
    align-items: center;
    color: #000;
}

.color .color-sidebar-item.has-children::after {
    content: "";
    position: absolute;
    right: 0;
    width: 18px;
    height: 14px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M10.59 8L6 3.41 1.41 8 0 6.59l6-6 6 6z" fill="black" /></svg>');
    /* 改为黑色 */
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    transform-origin: center;
}

.color .color-sidebar-item.has-children.expanded::after {
    transform: rotate(180deg);
}

.color .color-sidebar-subitems {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    margin-bottom: 30px;
}

.color .color-sidebar-subitems.active {
    max-height: 500px;
    /* 足够大的值以容纳所有子项 */
}

.color .color-sidebar-subitem {
    padding: 5px 0px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s;
}

.color .color-sidebar-subitem:hover {
    opacity: 0.7;
}

.color .color-sidebar-subitem.active {
    color: #000;
}

/* 主内容区域 */
.color .color-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 内容区域 */
.color .color-content-container {
    display: none;
    transition: opacity 0.3s, visibility 0.3s;
    visibility: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    overscroll-behavior: contain;
}

.color .color-content-container.active {
    display: block;
    opacity: 1;
    visibility: visible;
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.color .color-content-section {
    border-radius: 5px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.color .color-content-li {
    width: 31%;
    position: relative;
    transition: all 0.3s ease;
    margin: 1%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 50px;
}

.color .color-content-li:hover {
    transform: translateY(-5px);
}

.color .color-content-li img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
    box-shadow: 5px 5px 5px rgb(189 189 189 / 45%);
    border: 2px solid #cfcfcf;
}

.color .color-content-li p {
    font-size: 20px;
    margin-top: 5px;
}

@media only screen and (max-width: 1440px) {
    .color .label span {
        font-size: 24px;
    }

    .color .color-sidebar-item {
        font-size: 24px;
    }

    .color .color-sidebar-subitems {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .color .color-content-li {
        width: 47%;
        margin-bottom: 30px;
    }

    .color .color-sidebar {
        width: 300px;
    }
}

@media only screen and (max-width: 992px) {
    .color .label span {
        font-size: 20px;
        margin: 0px 10px;
    }

    .color .color-sidebar-item {
        font-size: 20px;
    }

    .color .color-sidebar-subitem {
        font-size: 16px;
    }

    .color .color-sidebar {
        width: 250px;
    }

    .color .color-content-li p {
        font-size: 16px;
    }

    .color .color-sidebar-item.has-children::after {
        width: 14px;
        height: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .color {
        padding: 0px 20px;
    }

    .color .label span {
        font-size: 18px;
    }

    .color .color-sidebar-item {
        font-size: 20px;
    }

    .color .color-sidebar-subitem {
        font-size: 16px;
    }

    .color .color-sidebar {
        width: 200px;
    }

    .color .color-content-li {
        margin-bottom: 20px;
    }

    .color .color-content-li p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 600px) {
    .color .color-sidebar-item {
        font-size: 16px;
        padding: 5px 0px;
    }

    .color .color-sidebar-subitem {
        font-size: 14px;
        padding: 5px 0px;

    }

    .color .color-sidebar {
        width: 150px;
    }

    .color .color-content-li p {
        font-size: 14px;
    }

    .color .label span {
        font-size: 16px;
    }

    .color .color-sidebar-item.has-children::after {
        width: 10px;
        height: 8px;
    }
}

/* product-category--first */
.bossgoo-search-result-group .rightcontent-group {
    padding: 0px !important;
    width: 100% !important;
}

/* product-category--second */
.bossgoo-search-result .rightcontent {
    padding: 0px !important;
    width: 100% !important;
}

/* product-item */
.bossgoo-productsB4-description4 .description4-contect {
    padding-top: 0px !important;
}

.product-cateage .sec-title {
    padding-bottom: 30px;
    text-align: center;
    color: #000;
}

.product-cateage .title-2 {
    font-size: 20px;
    text-align: center;
    color: #000;
}

.product-cateage .category-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 0px;
}

.product-cateage .category-item {
    width: 49%;
    margin-bottom: 30px;
}

.product-cateage .category-item .category-img {
    margin-bottom: 20px;
    overflow: hidden;
}

.product-cateage .category-item .category-img img {
    aspect-ratio: 4000/2222;
    object-fit: cover;
    transition: 1s all;
}

.product-cateage .category-item .category-img:hover img {
    transform: scale(1.05);
    transition: 1s all;
}

.product-cateage .category-item .category-des {
    font-size: 20px;
}

@media (min-width: 992px) {
    .product-cateage .category-ul {
        padding: 60px 0px;
    }
}

@media (min-width: 768px) {
    .product-cateage .category-ul {
        padding: 40px 0px;
    }
}

@media (max-width: 992px) {
    .product-cateage .category-item {
        width: 100%;
    }

    .product-cateage .title-1 {
        font-size: 20px;
    }

    .product-cateage .title-2 {
        font-size: 18px;
    }

    .product-cateage .title-1 {
        padding: 20px 0px;
    }

    .product-cateage .sec-title {
        padding-bottom: 20px
    }
}

@media (max-width: 767px) {
    .product-cateage .title-2 {
        font-size: 16px;
    }

    .product-cateage .category-ul {
        padding: 30px 0px;
    }
}

/* product-item-color */
.productcase-collapsible {
    border-top: 1px solid #000;
    overflow: hidden;
    position: relative;
}

.productcase-summary-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    position: relative;
    width: 90%;
}

.productcase-summary-wrapper span {
    font-size: 24px;
}

summary {
    cursor: pointer;
    font-size: 20px;
    list-style: none;
    flex-grow: 1;
    position: relative;
    padding: 20px 0px;
}

/* 隐藏默认的详情标记 */
summary::-webkit-details-marker {
    display: none;
}

summary::after {
    content: "";
    width: 18px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M10.59 8L6 3.41 1.41 8 0 6.59l6-6 6 6z" fill="black" ></path></svg>');
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    transform-origin: center;
    position: absolute;
    left: 175px;
    top: calc(50% - 6px);
}

details[open] summary::after {
    transform: rotate(180deg);
    transform-origin: center;
}

.productcase-content {
    margin-bottom: 90px;
}

/* 独立按钮样式 - 保持原有样式，只修改定位 */
.productcase-more-btn {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 50px;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 10;
    top: 0;
    transform: translateY(50%);
    transition: background-color 0.2s;
}

.productcase-more-btn:hover {
    background-color: #f0f0f0;
}

.productcase-card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.productcase-card {
    display: flex;
    flex-direction: column;
    width: 23%;
    font-size: 20px;
    transition: 0.5s all;
}

.productcase-card:hover {
    transform: translateY(-5px);
    transition: 0.5s all;
}

.productcase-card-img {
    border: 20px solid #fff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.productcase-card-img img {
    width: 100%;
    aspect-ratio: 1/1;
}

.productcase-card-label {
    margin-top: 10px;
    color: #666;
    text-align: center;
    font-size: 20px;
}

@media (max-width: 1440px) {
    .productcase-card-img {
        border: 15px solid #fff;
    }
}

@media (max-width: 1200px) {
    .productcase-card {
        width: 22%;
    }
}

@media (max-width: 992px) {
    .productcase-card {
        width: 48%;
    }

    .productcase-card-grid {
        gap: 20px;
    }

}

@media (max-width: 768px) {

    summary {
        font-size: 18px;
        padding: 20px 0px;
    }

    .productcase-summary-wrapper span {
        font-size: 20px;
    }

    summary::after {
        left: 140px;
    }

    .productcase-more-btn {
        padding: 8px 30px;
    }

    .productcase-card-grid {
        justify-content: space-between;
    }

    .productcase-card {
        width: 47%;
    }

    .productcase-card-label {
        font-size: 16px;
    }

    .productcase-card-img {
        border: 15px solid #fff;
        margin-bottom: 15px;
    }

    .productcase-content {
        margin-bottom: 60px;
    }
}

@media (max-width: 576px) {
    .productcase-collapsible-container {
        padding: 10px;
    }

    summary {
        font-size: 16px;
        padding: 12px 0px;
    }

    .productcase-summary-wrapper span {
        font-size: 18px;
    }

    summary::after {
        left: 120px;
        width: 16px;
        height: 10px;
    }

    .productcase-more-btn {
        padding: 6px 20px;
        font-size: 14px;
    }

    .productcase-card {
        font-size: 16px;
    }

    .productcase-card-grid {
        gap: 15px;
    }

    .productcase-card-img {
        margin-bottom: 0px;
    }

    .productcase-content {
        margin-bottom: 40px;
    }
}

@media (max-width: 400px) {
    summary {
        font-size: 14px;
    }

    summary::after {
        left: 100px;
    }

    .productcase-more-btn {
        padding: 5px 15px;
        font-size: 12px;
    }
}

.k-productcase-carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.k-productcase-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}

.k-productcase-carousel-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.k-productcase-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    overflow: hidden;
    width: 100%;
}

.k-productcase-item-img img {
    width: 100%;
    height: auto;
    transition: 1s all;
    object-fit: cover;
    object-position: left;
    aspect-ratio: 1/0.6;
}

.k-productcase-item-img:hover img {
    transform: scale(1.05);
    transition: 1s all;
}

.k-productcase-control-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: #5f5f5f;
    font-size: 54px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    background-color: #ffffff00;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.k-productcase-control-btn:hover {
    color: #313131;
}

.k-productcase-prev {
    left: 5px;
}

.k-productcase-next {
    right: 5px;
}

/* 隐藏的单选按钮控制轮播 */
.k-carousel-radio {
    display: none;
}

/* 桌面端 - 显示3个项目 */
@media (min-width: 1041px) {
    .k-productcase-carousel-track {
        width: 200%;
        /* 6个项目 / 3个显示 = 2倍宽度 */
    }

    .k-productcase-carousel-item {
        flex: 0 0 calc(16.666% - 25px);
        /* 每个项目占16.666%减去间隙 */
    }

    /* 默认显示第一组（项目1-3） */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2-4） */
    #k-slide2:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-16.666%);
    }

    /* 当选择第3个radio时，显示第三组（项目3-5） */
    #k-slide3:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-33.333%);
    }

    /* 当选择第4个radio时，显示第四组（项目4-6） */
    #k-slide4:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-50%);
    }
}

/* 平板端 - 显示2个项目 */
@media (max-width: 1040px) and (min-width: 768px) {
    .k-productcase-carousel-track {
        width: 150%;
        /* 6个项目 / 2个显示 = 3倍宽度 */
    }

    .k-productcase-carousel-item {
        flex: 0 0 calc(33.333% - 20px);
        /* 每个项目占33.333%减去间隙 */
    }

    /* 默认显示第一组（项目1-2） */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2-3） */
    #k-slide2:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-33.5%);
    }

    /* 当选择第3个radio时，显示第三组（项目3-4） */
    #k-slide3:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-67.5%);
    }

    /* 当选择第4个radio时，显示第四组（项目4-5） */
    #k-slide4:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-101.5%);
    }

    /* 当选择第5个radio时，显示第五组（项目5-6） */
    #k-slide5:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-136%);
    }
}

/* 手机端 - 显示1个项目 */
@media (max-width: 767px) {
    .k-productcase-carousel-track {
        width: 100%;
        /* 6个项目 / 1个显示 = 6倍宽度 */
    }

    .k-productcase-carousel-item {
        flex: 0 0 100%;
        /* 每个项目占100% */
    }

    .k-productcase-control-btn {
        font-size: 30px;
        width: 40px;
        height: 40px;
    }

    /* 默认显示第一组（项目1） */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #k-slide2:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-104%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #k-slide3:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-208%);
    }

    /* 当选择第4个radio时，显示第四组（项目4） */
    #k-slide4:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-312%);
    }

    /* 当选择第5个radio时，显示第五组（项目5） */
    #k-slide5:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-416%);
    }

    /* 当选择第6个radio时，显示第六组（项目6） */
    #k-slide6:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-520%);
    }

    .k-productcase-item-img img {
        aspect-ratio: auto;
    }
}

@media (max-width: 500px) {

    /* 默认显示第一组（项目1） */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #k-slide2:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-108%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #k-slide3:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-216%);
    }

    /* 当选择第4个radio时，显示第四组（项目4） */
    #k-slide4:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-324%);
    }

    /* 当选择第5个radio时，显示第五组（项目5） */
    #k-slide5:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-432%);
    }

    /* 当选择第6个radio时，显示第六组（项目6） */
    #k-slide6:checked~.k-productcase-carousel-container .k-productcase-carousel-track {
        transform: translateX(-540%);
    }
}

/* 按钮链接控制 - 桌面端 */
@media (min-width: 1041px) {

    .k-prev-btn-1,
    .k-prev-btn-2,
    .k-prev-btn-3,
    .k-prev-btn-4,
    .k-next-btn-1,
    .k-next-btn-2,
    .k-next-btn-3,
    .k-next-btn-4 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #k-slide1:checked~.k-productcase-carousel-container .k-next-btn-1,
    #k-slide2:checked~.k-productcase-carousel-container .k-prev-btn-2,
    #k-slide2:checked~.k-productcase-carousel-container .k-next-btn-2,
    #k-slide3:checked~.k-productcase-carousel-container .k-prev-btn-3,
    #k-slide3:checked~.k-productcase-carousel-container .k-next-btn-3,
    #k-slide4:checked~.k-productcase-carousel-container .k-prev-btn-4 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-prev,
    #k-slide4:checked~.k-productcase-carousel-container .k-productcase-next {
        opacity: 0;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 平板端 */
@media (max-width: 1040px) and (min-width: 768px) {

    .k-prev-btn-1,
    .k-prev-btn-2,
    .k-prev-btn-3,
    .k-prev-btn-4,
    .k-prev-btn-5,
    .k-next-btn-1,
    .k-next-btn-2,
    .k-next-btn-3,
    .k-next-btn-4,
    .k-next-btn-5 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #k-slide1:checked~.k-productcase-carousel-container .k-next-btn-1,
    #k-slide2:checked~.k-productcase-carousel-container .k-prev-btn-2,
    #k-slide2:checked~.k-productcase-carousel-container .k-next-btn-2,
    #k-slide3:checked~.k-productcase-carousel-container .k-prev-btn-3,
    #k-slide3:checked~.k-productcase-carousel-container .k-next-btn-3,
    #k-slide4:checked~.k-productcase-carousel-container .k-prev-btn-4,
    #k-slide4:checked~.k-productcase-carousel-container .k-next-btn-4,
    #k-slide5:checked~.k-productcase-carousel-container .k-prev-btn-5 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-prev,
    #k-slide5:checked~.k-productcase-carousel-container .k-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 手机端 */
@media (max-width: 767px) {

    .k-prev-btn-1,
    .k-prev-btn-2,
    .k-prev-btn-3,
    .k-prev-btn-4,
    .k-prev-btn-5,
    .k-prev-btn-6,
    .k-next-btn-1,
    .k-next-btn-2,
    .k-next-btn-3,
    .k-next-btn-4,
    .k-next-btn-5,
    .k-next-btn-6 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #k-slide1:checked~.k-productcase-carousel-container .k-next-btn-1,
    #k-slide2:checked~.k-productcase-carousel-container .k-prev-btn-2,
    #k-slide2:checked~.k-productcase-carousel-container .k-next-btn-2,
    #k-slide3:checked~.k-productcase-carousel-container .k-prev-btn-3,
    #k-slide3:checked~.k-productcase-carousel-container .k-next-btn-3,
    #k-slide4:checked~.k-productcase-carousel-container .k-prev-btn-4,
    #k-slide4:checked~.k-productcase-carousel-container .k-next-btn-4,
    #k-slide5:checked~.k-productcase-carousel-container .k-prev-btn-5,
    #k-slide5:checked~.k-productcase-carousel-container .k-next-btn-5,
    #k-slide6:checked~.k-productcase-carousel-container .k-prev-btn-6 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #k-slide1:checked~.k-productcase-carousel-container .k-productcase-prev,
    #k-slide6:checked~.k-productcase-carousel-container .k-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 其他样式 */
@media (min-width: 768px) {
    .k-productcase-item-img {
        margin: 40px 0px;
    }
}

@media (min-width: 1200px) {
    .k-productcase-item-img {
        margin: 70px 0px;
    }
}

.d-productcase-carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.d-productcase-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}

.d-productcase-carousel-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.d-productcase-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    overflow: hidden;
    width: 100%;
}

.d-productcase-item-img img {
    width: 100%;
    height: auto;
    transition: 1s all;
    object-fit: cover;
    object-position: left;
    aspect-ratio: 1/0.6;
}

.d-productcase-item-img:hover img {
    transform: scale(1.05);
    transition: 1s all;
}

.d-productcase-control-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: #5f5f5f;
    font-size: 54px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    background-color: #ffffff00;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-productcase-control-btn:hover {
    color: #313131;
}

.d-productcase-prev {
    left: 5px;
}

.d-productcase-next {
    right: 5px;
}

/* 隐藏的单选按钮控制轮播 */
.d-carousel-radio {
    display: none;
}

/* 桌面端 - 显示3个项目 */
@media (min-width: 1041px) {
    .d-productcase-carousel-track {
        width: 133.333%;
        /* 4个项目 / 3个显示 = 1.333倍宽度 */
    }

    .d-productcase-carousel-item {
        flex: 0 0 calc(25% - 22.5px);
        /* 每个项目占25%减去间隙 */
    }

    /* 默认显示第一组（项目1-3） */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2-4） */
    #d-slide2:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-25%);
    }

    /* 当选择第3个radio时，显示第三组（项目1-3）- 循环 */
    #d-slide3:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第4个radio时，显示第四组（项目2-4） */
    #d-slide4:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-25%);
    }
}

/* 平板端 - 显示2个项目 */
@media (max-width: 1040px) and (min-width: 768px) {
    .d-productcase-carousel-track {
        width: 100%;
        /* 4个项目 / 2个显示 = 2倍宽度 */
    }

    .d-productcase-carousel-item {
        flex: 0 0 calc(50% - 15px);
        /* 每个项目占50%减去间隙 */
    }

    /* 默认显示第一组（项目1-2） */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2-3） */
    #d-slide2:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-52%);
    }

    /* 当选择第3个radio时，显示第三组（项目3-4） */
    #d-slide3:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-103%);
    }

    /* 当选择第4个radio时，显示第四组（项目1-2）- 循环 */
    #d-slide4:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(0%);
    }
}

/* 手机端 - 显示1个项目 */
@media (max-width: 767px) {
    .d-productcase-carousel-track {
        width: 100%;
        /* 4个项目 / 1个显示 = 4倍宽度 */
    }

    .d-productcase-carousel-item {
        flex: 0 0 100%;
        /* 每个项目占100% */
    }

    .d-productcase-control-btn {
        font-size: 30px;
        width: 40px;
        height: 40px;
    }

    /* 默认显示第一组（项目1） */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #d-slide2:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-104%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #d-slide3:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-208%);
    }

    /* 当选择第4个radio时，显示第四组（项目4） */
    #d-slide4:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-312%);
    }
}

@media (max-width: 450px) {

    /* 默认显示第一组（项目1） */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #d-slide2:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-107%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #d-slide3:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-214%);
    }

    /* 当选择第4个radio时，显示第四组（项目4） */
    #d-slide4:checked~.d-productcase-carousel-container .d-productcase-carousel-track {
        transform: translateX(-321%);
    }
}

/* 按钮链接控制 - 桌面端 */
@media (min-width: 1041px) {

    .d-prev-btn-1,
    .d-prev-btn-2,
    .d-prev-btn-3,
    .d-prev-btn-4,
    .d-next-btn-1,
    .d-next-btn-2,
    .d-next-btn-3,
    .d-next-btn-4 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #d-slide1:checked~.d-productcase-carousel-container .d-next-btn-1,
    #d-slide2:checked~.d-productcase-carousel-container .d-prev-btn-2,
    #d-slide2:checked~.d-productcase-carousel-container .d-next-btn-2,
    #d-slide3:checked~.d-productcase-carousel-container .d-prev-btn-3,
    #d-slide3:checked~.d-productcase-carousel-container .d-next-btn-3,
    #d-slide4:checked~.d-productcase-carousel-container .d-prev-btn-4 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-prev,
    #d-slide2:checked~.d-productcase-carousel-container .d-productcase-next {
        opacity: 0;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 平板端 */
@media (max-width: 1040px) and (min-width: 768px) {

    .d-prev-btn-1,
    .d-prev-btn-2,
    .d-prev-btn-3,
    .d-prev-btn-4,
    .d-next-btn-1,
    .d-next-btn-2,
    .d-next-btn-3,
    .d-next-btn-4 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #d-slide1:checked~.d-productcase-carousel-container .d-next-btn-1,
    #d-slide2:checked~.d-productcase-carousel-container .d-prev-btn-2,
    #d-slide2:checked~.d-productcase-carousel-container .d-next-btn-2,
    #d-slide3:checked~.d-productcase-carousel-container .d-prev-btn-3,
    #d-slide3:checked~.d-productcase-carousel-container .d-next-btn-3,
    #d-slide4:checked~.d-productcase-carousel-container .d-prev-btn-4 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-prev,
    #d-slide3:checked~.d-productcase-carousel-container .d-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 手机端 */
@media (max-width: 767px) {

    .d-prev-btn-1,
    .d-prev-btn-2,
    .d-prev-btn-3,
    .d-prev-btn-4,
    .d-next-btn-1,
    .d-next-btn-2,
    .d-next-btn-3,
    .d-next-btn-4 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #d-slide1:checked~.d-productcase-carousel-container .d-next-btn-1,
    #d-slide2:checked~.d-productcase-carousel-container .d-prev-btn-2,
    #d-slide2:checked~.d-productcase-carousel-container .d-next-btn-2,
    #d-slide3:checked~.d-productcase-carousel-container .d-prev-btn-3,
    #d-slide3:checked~.d-productcase-carousel-container .d-next-btn-3,
    #d-slide4:checked~.d-productcase-carousel-container .d-prev-btn-4 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #d-slide1:checked~.d-productcase-carousel-container .d-productcase-prev,
    #d-slide4:checked~.d-productcase-carousel-container .d-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 其他样式 */
@media (min-width: 768px) {
    .d-productcase-item-img {
        margin: 40px 0px;
    }
}

@media (min-width: 1200px) {
    .d-productcase-item-img {
        margin: 70px 0px;
    }
}

.w-productcase-carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.w-productcase-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}

.w-productcase-carousel-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.w-productcase-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    overflow: hidden;
    width: 100%;
}

.w-productcase-item-img img {
    width: 100%;
    height: auto;
    transition: 1s all;
    object-fit: cover;
    object-position: left;
    aspect-ratio: 1/0.6;
}

.w-productcase-item-img:hover img {
    transform: scale(1.05);
    transition: 1s all;
}

.w-productcase-control-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: #5f5f5f;
    font-size: 54px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    background-color: #ffffff00;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w-productcase-control-btn:hover {
    color: #313131;
}

.w-productcase-prev {
    left: 5px;
}

.w-productcase-next {
    right: 5px;
}

/* 隐藏的单选按钮控制轮播 */
.w-carousel-radio {
    display: none;
}

/* 桌面端 - 显示3个项目 */
@media (min-width: 1041px) {
    .w-productcase-carousel-track {
        width: 100%;
        /* 3个项目 / 3个显示 = 1倍宽度 */
    }

    .w-productcase-carousel-item {
        flex: 0 0 calc(33.333% - 20px);
        /* 每个项目占33.333%减去间隙 */
    }

    /* 默认显示第一组（项目1-3） */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(0%);
    }
}

/* 平板端 - 显示2个项目 */
@media (max-width: 1040px) and (min-width: 768px) {
    .w-productcase-carousel-track {
        width: 150%;
        /* 3个项目 / 2个显示 = 1.5倍宽度 */
    }

    .w-productcase-carousel-item {
        flex: 0 0 calc(33.333% - 20px);
        /* 每个项目占33.333%减去间隙 */
    }

    /* 默认显示第一组（项目1-2） */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2-3） */
    #w-slide2:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(-33.333%);
    }
}

/* 手机端 - 显示1个项目 */
@media (max-width: 767px) {
    .w-productcase-carousel-track {
        width: 100%;
        /* 3个项目 / 1个显示 = 3倍宽度 */
    }

    .w-productcase-carousel-item {
        flex: 0 0 100%;
        /* 每个项目占100% */
    }

    .w-productcase-control-btn {
        font-size: 30px;
        width: 40px;
        height: 40px;
    }

    /* 默认显示第一组（项目1） */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #w-slide2:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(-104%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #w-slide3:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(-208%);
    }

    .w-productcase-item-img img {
        aspect-ratio: auto;
    }
}

/* 手机端 - 显示1个项目 */
@media (max-width: 500px) {

    /* 默认显示第一组（项目1） */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #w-slide2:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(-107%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #w-slide3:checked~.w-productcase-carousel-container .w-productcase-carousel-track {
        transform: translateX(-214%);
    }

}

/* 按钮链接控制 - 桌面端 */
@media (min-width: 1041px) {

    .w-prev-btn-1,
    .w-next-btn-1 {
        display: none;
    }

    /* 按钮禁用状态 - 只有1组，所以都禁用 */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-prev,
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-next {
        opacity: 0;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 平板端 */
@media (max-width: 1040px) and (min-width: 768px) {

    .w-prev-btn-1,
    .w-prev-btn-2,
    .w-next-btn-1,
    .w-next-btn-2 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #w-slide1:checked~.w-productcase-carousel-container .w-next-btn-1,
    #w-slide2:checked~.w-productcase-carousel-container .w-prev-btn-2 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-prev,
    #w-slide2:checked~.w-productcase-carousel-container .w-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 手机端 */
@media (max-width: 767px) {

    .w-prev-btn-1,
    .w-prev-btn-2,
    .w-prev-btn-3,
    .w-next-btn-1,
    .w-next-btn-2,
    .w-next-btn-3 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #w-slide1:checked~.w-productcase-carousel-container .w-next-btn-1,
    #w-slide2:checked~.w-productcase-carousel-container .w-prev-btn-2,
    #w-slide2:checked~.w-productcase-carousel-container .w-next-btn-2,
    #w-slide3:checked~.w-productcase-carousel-container .w-prev-btn-3 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #w-slide1:checked~.w-productcase-carousel-container .w-productcase-prev,
    #w-slide3:checked~.w-productcase-carousel-container .w-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 其他样式 */
@media (min-width: 768px) {
    .w-productcase-item-img {
        margin: 40px 0px;
    }
}

@media (min-width: 1200px) {
    .w-productcase-item-img {
        margin: 70px 0px;
    }
}

.s-productcase-carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.s-productcase-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}

.s-productcase-carousel-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.s-productcase-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
    overflow: hidden;
    width: 100%;
}

.s-productcase-item-img img {
    width: 100%;
    height: auto;
    transition: 1s all;
    object-fit: cover;
    object-position: left;
    aspect-ratio: 1/0.6;
}

.s-productcase-item-img:hover img {
    transform: scale(1.05);
    transition: 1s all;
}

.s-productcase-control-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: #5f5f5f;
    font-size: 54px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    background-color: #ffffff00;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-productcase-control-btn:hover {
    color: #313131;
}

.s-productcase-prev {
    left: 5px;
}

.s-productcase-next {
    right: 5px;
}

/* 隐藏的单选按钮控制轮播 */
.s-carousel-radio {
    display: none;
}

/* 桌面端 - 显示3个项目 */
@media (min-width: 1041px) {
    .s-productcase-carousel-track {
        width: 100%;
        /* 3个项目 / 3个显示 = 1倍宽度 */
    }

    .s-productcase-carousel-item {
        flex: 0 0 calc(33.333% - 20px);
        /* 每个项目占33.333%减去间隙 */
    }

    /* 默认显示第一组（项目1-3） */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(0%);
    }
}

/* 平板端 - 显示2个项目 */
@media (max-width: 1040px) and (min-width: 768px) {
    .s-productcase-carousel-track {
        width: 150%;
        /* 3个项目 / 2个显示 = 1.5倍宽度 */
    }

    .s-productcase-carousel-item {
        flex: 0 0 calc(33.333% - 20px);
        /* 每个项目占33.333%减去间隙 */
    }

    /* 默认显示第一组（项目1-2） */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2-3） */
    #s-slide2:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(-33.333%);
    }
}

/* 手机端 - 显示1个项目 */
@media (max-width: 767px) {
    .s-productcase-carousel-track {
        width: 100%;
        /* 3个项目 / 1个显示 = 3倍宽度 */
    }

    .s-productcase-carousel-item {
        flex: 0 0 100%;
        /* 每个项目占100% */
    }

    .s-productcase-control-btn {
        font-size: 30px;
        width: 40px;
        height: 40px;
    }

    /* 默认显示第一组（项目1） */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #s-slide2:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(-104%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #s-slide3:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(-208%);
    }

    .s-productcase-item-img img {
        aspect-ratio: auto;
    }
}

@media (max-width: 450px) {

    /* 默认显示第一组（项目1） */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(0%);
    }

    /* 当选择第2个radio时，显示第二组（项目2） */
    #s-slide2:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(-107%);
    }

    /* 当选择第3个radio时，显示第三组（项目3） */
    #s-slide3:checked~.s-productcase-carousel-container .s-productcase-carousel-track {
        transform: translateX(-214%);
    }
}

/* 按钮链接控制 - 桌面端 */
@media (min-width: 1041px) {

    .s-prev-btn-1,
    .s-next-btn-1 {
        display: none;
    }

    /* 按钮禁用状态 - 只有1组，所以都禁用 */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-prev,
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-next {
        opacity: 0;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 平板端 */
@media (max-width: 1040px) and (min-width: 768px) {

    .s-prev-btn-1,
    .s-prev-btn-2,
    .s-next-btn-1,
    .s-next-btn-2 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #s-slide1:checked~.s-productcase-carousel-container .s-next-btn-1,
    #s-slide2:checked~.s-productcase-carousel-container .s-prev-btn-2 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-prev,
    #s-slide2:checked~.s-productcase-carousel-container .s-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 按钮链接控制 - 手机端 */
@media (max-width: 767px) {

    .s-prev-btn-1,
    .s-prev-btn-2,
    .s-prev-btn-3,
    .s-next-btn-1,
    .s-next-btn-2,
    .s-next-btn-3 {
        display: none;
    }

    /* 根据当前选中的radio显示对应的按钮 */
    #s-slide1:checked~.s-productcase-carousel-container .s-next-btn-1,
    #s-slide2:checked~.s-productcase-carousel-container .s-prev-btn-2,
    #s-slide2:checked~.s-productcase-carousel-container .s-next-btn-2,
    #s-slide3:checked~.s-productcase-carousel-container .s-prev-btn-3 {
        display: flex;
    }

    /* 按钮禁用状态 */
    #s-slide1:checked~.s-productcase-carousel-container .s-productcase-prev,
    #s-slide3:checked~.s-productcase-carousel-container .s-productcase-next {
        opacity: 0.5;
        cursor: not-allowed;
        color: #292929a3;
        pointer-events: none;
    }
}

/* 其他样式 */
@media (min-width: 768px) {
    .s-productcase-item-img {
        margin: 40px 0px;
    }
}

@media (min-width: 1200px) {
    .s-productcase-item-img {
        margin: 70px 0px;
    }
}

/* footer */
.bossgoo-footer55 .footer-top {
    padding: 90px 0 50px !important;
}

.bossgoo-footer55 .footer-copy {
    padding: 25px !important;
}

.bossgoo-footer55 .footer-top .wrap {
    justify-content: space-between;
}

.bossgoo-footer55 .footer-copy,
.bossgoo-footer55 .footer-top {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #2b2b2b;
}

.bossgoo-footer55 .footer-nav .tit,
.bossgoo-footer55 .footer-nav a {
    text-transform: uppercase;
}

.bossgoo-footer55 .footer-nav .tit {
    font-size: 14px !important;
}

.bossgoo-footer55 .footer-nav li ul li a,
.bossgoo-footer55 .footer-nav .contact li dl dt,
.bossgoo-footer55 .footer-nav .contact li dl dd {
    font-size: 12px !important;
}

.bossgoo-footer55 .footer-nav .tit:after {
    height: 0px !important;
}

.bossgoo-footer55 .footer-nav a {
    color: #ffffff !important;
}

.bossgoo-footer55 .footer-left {
    width: 180px !important;
}

.bossgoo-footer55 .footer-nav {
    flex: none !important;
    display: flex;
    width: 70%;
}

.bossgoo-footer55 .footer-nav ul li,
.bossgoo-footer55 .footer-nav dl {
    margin-bottom: 10px !important;
    display: flex;
}

.bossgoo-footer55 .footer-nav dl {
    display: flex;
    text-transform: uppercase;
}

.bossgoo-footer55 .contact li {
    margin-bottom: 30px;
}

.bossgoo-footer55 .footer-copy {
    font-size: 14px;
}

.bossgoo-footer55 .footer-nav a {
    display: block !important;
}

.bossgoo-footer55 .footer-nav .tit {
    margin-lefT: 0px !important;
    line-height: normal !important;
}

@media only screen and (max-width: 1040px) {
    .bossgoo-footer55 .footer-nav .tit {
        font-size: .32rem !important;
    }

    .bossgoo-footer55 .footer-nav {
        width: 100%;
    }

    .bossgoo-footer55 .footer-nav>li,
    .bossgoo-footer55 .footer-nav .contact {
        width: 50% !important;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .bossgoo-footer55 .footer-nav>li:first-child {
        display: none;
    }
}


/* new */
.bossgoo-index-news1-menu .wrap {
    background: none !important;
}

.bossgoo-index-news1-menu li {
    border: 1px solid #000;
    text-align: center;
    border-radius: 20px;
}

.bossgoo-index-news1-menu li a {
    line-height: normal !important;
    padding: 4px 20px !important;
    font-size: 20px;
}

.bossgoo-index-news1-menu li.active {
    background-color: #000;
}

.bossgoo-index-news1-menu li.active a {
    color: #ffffff !important;
}

.bossgoo-index-news1-menu li:hover {
    background-color: #000;
}

.bossgoo-index-news1-menu li:hover a {
    color: #ffffff !important;
}

.bossgoo-index-news1-menu li.active a {
    background-color: transparent !important;
}

.new-info .new-title {
    text-align: center;
    margin-bottom: 30px;
}

.bossgoo-index-news1 .newsList .newsBox {
    border-radius: 0% !important;
    background-color: transparent !important;
}

.bossgoo-index-news1 .newsList .newsBox:nth-child(4n) {
    margin-right: 2% !important;
}

.bossgoo-index-news1 .newsList .newsBox {
    width: 23% !important;
}

.bossgoo-index-news1 .newsList .newsBox:first-child,
.bossgoo-index-news1 .newsList .newsBox:nth-child(6n),
.bossgoo-index-news1 .newsList .newsBox:nth-child(6n+1) {
    width: 48% !important;
}

.bossgoo-index-news1 .newsList .newsBox .imgBox {
    padding-bottom: 125% !important;
}

.bossgoo-index-news1 .newsList .newsBox:first-child .imgBox,
.bossgoo-index-news1 .newsList .newsBox:nth-child(6n) .imgBox,
.bossgoo-index-news1 .newsList .newsBox:nth-child(6n+1) .imgBox {
    padding-bottom: 60% !important;
}

.bossgoo-index-news1 .newsList .newsBox .newsContent {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .bossgoo-index-news1-menu li a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1040px) {
    .bossgoo-index-news1 .newsList .newsBox .imgBox {
        padding-bottom: 70% !important;
    }

    .bossgoo-index-news1 .newsList .newsBox:first-child .imgBox,
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n) .imgBox,
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n+1) .imgBox {
        padding-bottom: 70% !important;
    }

    .bossgoo-index-news1 .newsList .newsBox,
    .bossgoo-index-news1 .newsList .newsBox:first-child,
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n),
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n+1) {
        width: 49% !important;
    }

    .bossgoo-index-news1 .newsList .newsBox:nth-child(2n) {
        margin-right: 0 !important;
    }

    .bossgoo-index-news1-menu li a {
        font-size: 16px;
        padding: 5px 10px !important;
    }

    .bossgoo-index-news1-menu li {
        width: 140px;
    }
}

@media only screen and (max-width: 767px) {
    .bossgoo-index-news1-menu li a {
        font-size: 14px;
    }

    .new-info .new-title {
        margin-bottom: 20px;
    }

    .bossgoo-index-news1-menu li {
        width: 125px;
        margin-bottom: .3rem;
    }

    .bossgoo-index-news1-menu ul {
        flex-wrap: wrap !important;
        justify-content: center;
    }
}

@media only screen and (max-width: 480px) {

    .bossgoo-index-news1 .newsList .newsBox,
    .bossgoo-index-news1 .newsList .newsBox:first-child,
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n),
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n+1) {
        width: 100% !important;
    }

    .bossgoo-index-news1 .newsList .newsBox .imgBox {
        padding-bottom: 60% !important;
    }

    .bossgoo-index-news1 .newsList .newsBox:first-child .imgBox,
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n) .imgBox,
    .bossgoo-index-news1 .newsList .newsBox:nth-child(6n+1) .imgBox {
        padding-bottom: 60% !important;
    }
}

/* new-item */
.bossgoo-news-details1 .details1-share a {
    background-color: #000 !important;
}

.bossgoo-news-details1 .content div div ul li {
    padding-left: 10px;
}

.bossgoo-news-details1 .content div div div div tbody tr {
    margin-bottom: 20px;
}

.bossgoo-news-details1 .content div div div div tbody tr td div {
    width: 100%;
    height: 100%;
}

.bossgoo-supplier-email2 .form input[type^="text"],
.bossgoo-supplier-email2 .form textarea {
    background-color: #ffffff00 !important;
    border-bottom: 1px solid #000;
}

.bossgoo-supplier-email2 .form input[type^="text"]::-webkit-input-placeholder,
.bossgoo-supplier-email2 .form textarea::-webkit-input-placeholder {
    color: #000 !important;
}

.bossgoo-supplier-email2 .form input[type="submit"] {
    border: 2px solid #000 !important;
    border-radius: 25px !important;
}

.bossgoo-supplier-email2 .btnBox {
    border-radius: 25px;
}

.bossgoo-supplier-email2 .emailTitle {
    border-left: none !important;
    padding-left: 0px !important;
    font-weight: 300 !important;
}

.bossgoo-news-details1 .navigationBar .leftbtn a,
.bossgoo-news-details1 .navigationBar .rightbtn a {
    height: auto !important;
    border: 2px solid #000 !important;
    border-radius: 25px;
    color: #000;
}

.bossgoo-news-details1 .details1-share span {
    font-size: 20px !important;
    color: #000;
}

.special-media {
    margin-top: 20px;
}


@media (min-width: 1440px) {
    .bossgoo-news-details1 .title {
        font-size: 42px !important;
    }
}

/* product-item */
.special-media a {
    background-color: #000 !important;
}

.content div div img {
    height: auto;
    width: 100%;
}

.special-media img {
    width: auto !important
}

.content div div ul li {
    padding-left: 10px;
}

.content div div div div tbody tr {
    margin-bottom: 20px;
}

.content .btnBox .btn {
    background-color: #ffffff00 !important;
}

.content .btnBox .btn:hover {
    background-color: #000 !important;
}

.content .btnBox .btn:hover p,
.content .btnBox .btn:hover p span {
    color: #fff !important;
}

/* download */
.bossgoo-search-download .productsList-1 .proBox {
    display: flex;
    margin-bottom: 30px;
}

.bossgoo-search-download .productsList-1 .proBox .imgBox {
    width: 280px;
    height: 280px;
}

.bossgoo-search-download .productsList-1 .proBox .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bossgoo-search-download .productsList-1 .proBox .information {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    padding: 0px 40px;
}

.bossgoo-search-download .productsList-1 .proBox .information .name {
    color: #222;
    font-size: 18px;
}

.bossgoo-search-download .productsList-1 .proBox .information .description {
    margin: 15px 0 30px;
    line-height: 22px;
    color: #666;
}

.text-hidden2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bossgoo-search-download .productsList-1 .proBox .information .link {
    height: 42px;
    line-height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bossgoo-search-download .productsList-1 .proBox .information .link a {
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 18px;
}

.bossgoo-search-download .cover {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    background-color: rgb(0, 0, 0);
    opacity: 0.53;
    z-index: 1004;
    display: none;
}

.bossgoo-search-download .dialog {
    padding: 3vw 4vw;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42vw;
    height: 32vw;
    z-index: 1005;
    background: #FFFFFF;
    margin: auto;
    box-sizing: border-box;
    font-size: 14px;
    display: none;
}

.bossgoo-search-download .dialog .public,
.bossgoo-search-download .dialog .private {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bossgoo-search-download .dialog .public.show,
.bossgoo-search-download .dialog .private.show {
    display: flex;
}

.bossgoo-search-download .dialog p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 32px;
}

.bossgoo-search-download .dialog form {
    width: 100%;
}

.bossgoo-search-download .dialog .inputBox {
    padding-bottom: 20px;
}

.bossgoo-search-download .dialog .btnArea {
    display: flex;
    justify-content: flex-start;
}

.bossgoo-search-download .dialog input[type="button"] {
    text-align: center;
    background-color: black;
    color: white;
    height: 38px;
    width: 16vw;
    border-radius: 5px;
    margin-right: 20px;
    cursor: pointer;
    margin-top: 20px;
}

.bossgoo-search-download .dialog input[type="text"],
.bossgoo-search-download .dialog input[type="password"] {
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    width: 100%;
    padding-left: 10px;
    width: 100%;
}

.bossgoo-search-download .dialog form a {
    background-color: var(--themeColor);
    display: block;
    color: white;
    height: 38px;
    line-height: 38px;
    width: 16vw;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

/* 选项卡样式 */
.bossgoo-search-download .download-tab-nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.bossgoo-search-download .download-tab-nav li {
    padding: 4px 25px;
    cursor: pointer;
    color: #000;
    transition: all 0.3s ease;
    font-size: 20px;
    border-radius: 20px;
    margin-right: 20px;
    border: 1px solid #000;
    font-family: 'HanSansCN-Light' !important;
}

.bossgoo-search-download .download-tab-nav li.download-active,
.bossgoo-search-download .download-tab-nav li:hover {
    color: #fff;
    background-color: #000;
}

/* 选项卡内容样式 */
.download-tab-content {
    display: none;
}

.download-tab-content.download-active {
    display: block;
}

@media only screen and (max-width: 1440px) {
    .bossgoo-search-download .download-tab-nav li {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1040px) {
    .bossgoo-search-download .download-tab-nav li {
        margin-right: .3rem;
        font-size: 16px;
        padding: 4px 20px;
    }

    .bossgoo-search-download .productsList-1 .proBox .imgBox {
        width: 4.4rem;
        height: 4.4rem;
    }

    .bossgoo-search-download .productsList-1 .proBox .information .description {
        margin: .4rem 0 .4rem;
    }
}

@media only screen and (max-width: 767px) {
    .bossgoo-search-download .productsList-1 .proBox .imgBox {
        width: 2.2rem;
        height: 2.2rem;
    }

    .bossgoo-search-download {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bossgoo-search-download .productsList-1 .proBox .information .name,
    .bossgoo-search-download .productsList-1 .proBox .information .link a {
        font-size: 16px;
    }

    .bossgoo-search-download .productsList-1 .proBox .information .description {
        margin: 7.5px 0 7.5px;
    }

    .bossgoo-search-download .download-tab-nav li {
        padding: 2px 10px;
    }

    .bossgoo-search-download .productsList-1 .proBox .information {
        padding: 0px 20px;
    }
}

@media only screen and (max-width: 450px) {

    .bossgoo-search-download .productsList-1 .proBox .information .name,
    .bossgoo-search-download .productsList-1 .proBox .information .link a {
        font-size: 14px;
    }
}

.bossgoo-search-download .download-tab-nav li:not(:first-child) {
    opacity: 0;
    visibility: hidden;
}

/* contact */
.contact-header {
    padding: 25px;
    margin-bottom: 30px;
}

.contact-logo {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contact-search-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.contact-search-box {
    flex: 1;
    min-width: 200px;
}

.contact-search-box label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #555;
    font-size: 14px;
}

/* 移除边框样式，只保留底部边框 */
.contact-select,
.contact-input {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 2px solid #bfbfbf;
    background: transparent;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s;
    font-family: 'HanSansCN-Light' !important;
}

/* 保留下拉箭头 */
.contact-select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.contact-main-content {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.contact-locations-list {
    flex: 1;
    min-width: 300px;
    padding: 25px;
    max-height: 600px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-locations-list .sec-title {
    margin-bottom: 20px;
}

.contact-locations-info {
    margin-bottom: 20px;
    font-size: 20px;
}

/* 移除位置卡片的边框和点击后的边框 */
.contact-location-card {
    padding: 18px;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 6px;
    margin-bottom: 10px;
    background-color: transparent;
    color: #000;
}

.contact-location-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.contact-location-card p {
    margin-bottom: 6px;
    font-size: 14px;
}

/* 移除active状态的边框 */
.contact-location-card.active {
    border-left: none;
}

.contact-headquarters-image {
    flex: 1;
    min-width: 300px;
    padding: 25px;
    text-align: center;
}

.contact-headquarters-image img {
    max-width: 100%;
    margin-bottom: 20px;
}

.contact-headquarters-image p {
    color: #666;
    text-align: left;
    line-height: 1.6;
}

.contact-no-results {
    text-align: center;
    padding: 30px;
    color: #888;
    font-style: italic;
}

.contact-location-type {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

@media (max-width: 1200px) {
    .contact-locations-info {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .contact-locations-info {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .contact-main-content {
        flex-direction: column;
    }

    .contact-search-container {
        flex-direction: column;
    }

    .contact-headquarters-image {
        padding: 0px;
    }
}

.bossgoo-index-inquiry22 .wrap {
    border-top: 2px solid #b3b3b3;
    padding-left: 15px;
    padding-right: 15px;
}

.bossgoo-index-inquiry22 .sec-title {
    text-align: center;
    margin-bottom: 30px;
}

.bossgoo-index-inquiry22 .inquiry-info {
    font-size: 20px;
}

.bossgoo-index-inquiry22 .formtop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bossgoo-index-inquiry22 .formtop .email-input {
    margin-right: 0px !important;
    width: 45% !important;
    margin-bottom: 30px;
}

.bossgoo-index-inquiry22 .formtop .email-input .email_content,
.bossgoo-index-inquiry22 .email-messeage-input .email_content {
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
}

.bossgoo-index-inquiry22 .formtop .emailinput {
    position: relative;
    overflow: hidden;
}

.bossgoo-index-inquiry22 .emailinput {
    border-bottom: 1px solid #000;
}

.bossgoo-index-inquiry22 .phoneinput {
    display: flex;
    align-items: center;
    background: #fff;
}

.bossgoo-index-inquiry22 .form .emailinput {
    width: 100%;
    position: relative;
}

.bossgoo-index-inquiry22 .second-title {
    font-size: 18px;
    color: #000;
    margin: auto;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {

    .bossgoo-index-inquiry22 .second-title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1040px) {
    .bossgoo-index-inquiry22 .formtop {
        flex-direction: row !important;
    }

    .bossgoo-index-inquiry22 .second-title {
        width: 90%;
        margin-bottom: .3rem !important;
    }
}

@media only screen and (max-width: 9920px) {
    .bossgoo-index-inquiry22 .second-title {
        width: 100%;
    }
}

.bossgoo-index-inquiry22 .form input[type^="text"] {
    width: 100%;
    background-color: #fff;
    padding: 12px 20px 12px 40px;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
}

.bossgoo-index-inquiry22 .form textarea {
    font-family: Arial, Helvetica, sans-serif !important;
    width: 100%;
    height: 160px;
    background-color: #fff;
    padding: 17px 20px 17px 40px;
    font-size: 16px;
    line-height: 30px;
}

.email-messeage-input {
    margin-bottom: 30px;
}

.bossgoo-index-inquiry22 .form input[type="button"] {
    background-color: #000000;
    width: 280px;
    height: 54px;
    color: #fff;
    position: absolute;
    left: calc(50% - 140px);
    cursor: pointer;
}

.bossgoo-index-inquiry22 .form input[type^="text"],
.bossgoo-index-inquiry22 .form textarea {
    padding: 12px 10px 12px 10px !important;
    background-color: #ffffff00 !important;
}

.bossgoo-index-inquiry22 .phoneinput {
    background-color: #ffffff00 !important;
}

.bossgoo-index-inquiry22 .form input[type="button"]:hover {
    opacity: 0.8;
}

.bossgoo-index-inquiry22 .emailinput .phoneinput .area {
    width: 47px !important;
}

@media only screen and (max-width: 1200px) {
    .bossgoo-index-inquiry22 .formtop .email-input {
        margin-bottom: 20px;
    }

    .bossgoo-index-inquiry22 .inquiry-info,
    .bossgoo-index-inquiry22 .formtop .email-input .email_content,
    .bossgoo-index-inquiry22 .email-messeage-input .email_content {
        font-size: 18px;
    }

    .email-messeage-input {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 992px) {

    .bossgoo-index-inquiry22 .inquiry-info,
    .bossgoo-index-inquiry22 .formtop .email-input .email_content,
    .bossgoo-index-inquiry22 .email-messeage-input .email_content {
        font-size: 16px;
    }

    .bossgoo-index-inquiry22 .formtop .email-input .email_content,
    .bossgoo-index-inquiry22 .email-messeage-input .email_content {
        margin-bottom: 10px;
    }

    .bossgoo-index-inquiry22 .form input[type="button"] {
        font-size: 16px;
        width: 200px !important;
        height: 40px !important;
        left: calc(50% - 100px);
    }
}

@media only screen and (max-width: 767px) {
    .bossgoo-index-inquiry22 .form input[type="button"] {
        position: absolute !important;
    }

    .bossgoo-index-inquiry22 .inquiry-info {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* project-banner */
.projuct img {
    width: 100%;
    aspect-ratio: 1920/850;
}

/* project */
.projuct .max1920 {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.projuct-title {
    font-weight: 500;
}

.projuct-info1 .projuct-des {
    width: 90%;
}

.projuct-info1 .projuct-des .des {
    margin-bottom: 10px;
    font-size: 24px;
    color: #000;
}

.projects-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
}

.projects-filters {
    display: flex;
    gap: 15px;
}

.projucts-select {
    border-bottom: 1px solid #000;
    font-size: 18px;
    color: #555;
    min-width: 150px;
    cursor: pointer;
    transition: all 0.3s;
    /* 去除边框 */
    border: none;
    /* 去除点击选项框后的样式 */
    outline: none;
    border-bottom: 1px solid #000;
    padding: 5px 30px 5px 5px;
}

.projucts-select:focus {}

.projucts-select:disabled {
    color: #999;
    /* cursor: not-allowed; */
}

main {
    display: flex;
}

.projects-categories {
    display: flex;
}

.projects-category {
    padding: 5px 20px;
    cursor: pointer;
    transition: all 0.5s;
    font-size: 18px;
    color: #000;
    border: 1px solid #000;
    margin-right: 30px;
    border-radius: 18px;
}

.projects-category:hover {
    background: #000;
    color: #fff;
}

.projects-category.active {
    background: #000;
    color: #fff;
}

.projects {
    flex: 1;
    padding: 25px 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 修改为一排两个项目 */
    gap: 30px;
    /* 增加间距 */
}

.project-card {
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.project-card:hover {
    transform: translateY(-5px);
}

.project-image {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.project-image a {
    width: 100%;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3 / 1.7;
}

.project-info {
    padding: 18px 0px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-name {
    font-size: 20px;
    margin-bottom: 10px;
}

@media (max-width: 1440px) {
    .projects-category {
        margin-right: 20px;
        font-size: 16px;
    }

    .projuct-info1 .projuct-des .des {
        font-size: 20px;
    }

    .project-card {
        margin-bottom: 20px;
    }
}

@media (max-width: 1200px) {
    .projuct-info1 .projuct-des {
        width: 100%;
    }

    .projects-header {
        flex-direction: column;
        padding: 0px;
    }

    .projects-categories {
        margin-bottom: 30px;
    }

    .projects-filters {
        gap: 30px;
    }

    .project-card {
        margin-bottom: 0px;
    }
}

@media (max-width: 768px) {
    main {
        flex-direction: column;
    }

    .projects-categories {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .projects-category {
        white-space: nowrap;
        padding: 5px 15px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .projects-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .projects-filters {
        width: 100%;
        justify-content: space-between;
    }

    .projucts-select {
        flex: 1;
    }

    .projects {
        grid-template-columns: 1fr;
        /* 移动端改为单列 */
    }

    .projuct-info1 .projuct-des .des {
        font-size: 18px;
    }
}

@media (max-width: 450px) {
    .projuct-info1 .projuct-des .des {
        font-size: 16px;
    }
}

/* about-us */
.about-banner img {
    width: 100%;
    aspect-ratio: 1920/850;
}

.about .max1920 {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.about-title {
    font-weight: 500;
}

.about-info1 .about-des .des {
    margin-bottom: 10px;
    font-size: 24px;
    color: #000;
}

.about-info2 {
    display: flex;
    justify-content: flex-end;
}

.about-info2-des {
    width: auto;
    padding-right: 70px;
}

.about-info2-des .title2 {
    font-size: 190px;
    font-weight: bold;
    color: #000;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.about-info2-des .title2 span {
    font-size: 40px;
    font-weight: 500;
}

.about-info2-des .title3 .title3-p {
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}

.advantages {
    display: flex;
    width: 60%;
}

.advantages .advantages-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 50px;
}

.advantages .advantages-item .advantages-image {
    margin-bottom: 20px;
}

.advantages .advantages-item .advantages-info {
    font-size: 24px;
    color: #000;
    text-align: center;
}

@media (min-width: 1640px) {
    .about-info .workshop .container {
        max-width: 1400px;
    }
}

.workshop-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.workshop-1 {
    margin: 20px 0px;
    width: 48%;
}

.workshop-1 .workshop-img {
    margin-bottom: 20px;
}

.workshop-1 .workshop-img img {
    width: 100%;
}

.workshop-1 .des {
    font-size: 24px;
    color: #000;
}

.about-info .about-info1 .about-img {
    width: 100%;
}

@media (max-width: 1440px) {

    .about-info1 .about-des .des,
    .about-info2-des .title3 .title3-p,
    .advantages .advantages-item .advantages-info,
    .workshop-1 .des {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    .about-info2-des .title2 {
        font-size: 140px;
    }

    .about-info2-des .title2 span {
        font-size: 32px;
    }

    .advantages {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .about-info2-des {
        padding-right: 0px;
    }

    .about-info2-des .title2 {
        font-size: 120px;
    }

    .about-info2-des .title2 span {
        font-size: 28px;
    }
}

@media (max-width: 768px) {

    .about-info1 .about-des .des,
    .about-info2-des .title3 .title3-p,
    .advantages .advantages-item .advantages-info,
    .workshop-1 .des {
        font-size: 18px;
    }

    .about-info2-des .title2 {
        font-size: 100px;
    }

    .about-info2-des .title2 span {
        font-size: 24px;
    }

    .workshop-1 {
        width: 100%;
    }

    .advantages .advantages-item {
        margin: 0px 20px;
    }
}

@media (max-width: 450px) {

    .about-info1 .about-des .des,
    .about-info2-des .title3 .title3-p,
    .advantages .advantages-item .advantages-info,
    .workshop-1 .des {
        font-size: 16px;
    }

    .about-info2-des .title2 {
        font-size: 80px;
    }

    .about-info2-des .title2 span {
        font-size: 20px;
    }
}

/* philosophy */
.philosophy-title {
    margin-bottom: 20px;
}

.system-title {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    color: #2b2b2b;
    margin-bottom: 30px;
}

.system-des {
    text-align: center;
    font-size: 18px;
}

.philosophy-carousel-container {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

.philosophy-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}

.philosophy-carousel-item {
    flex: 0 0 calc(33.333% - 20px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: black;
}

.philosophy-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 20px 0px;
}

.philosophy-item-img img {
    transition: 1s all;
    object-fit: cover;
    object-position: left;
    aspect-ratio: 1/1;
}

.philosophy-item-img:hover img {
    transform: scale(1.05);
    transition: 1s all;
}

.philosophy-carousel-item .item-title {
    text-transform: uppercase;
    font-size: 24px;
    color: #2b2b2b;
    margin-bottom: 30px;
}

.philosophy-carousel-item .item-des {
    text-transform: uppercase;
    font-size: 14px;
    color: #2b2b2b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.philosophy-control-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: #5f5f5f;
    font-size: 54px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    background-color: #ffffff00;
}

.philosophy-control-btn:hover {
    color: #313131;
}

.philosophy-prev {
    left: 5px;
}

.philosophy-next {
    right: 5px;
}

@media (min-width: 768px) {

    .philosophy-title {
        margin-bottom: 20px;
    }

    .system-title,
    .philosophy-carousel-item .item-title {
        font-size: 17px;
    }

    .philosophy .living-info {
        padding-bottom: 40px;
    }

    .system-des {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .philosophy-title {
        margin-bottom: 30px;
    }

    .philosophy-carousel-container {
        padding: 0px;
    }

    .system-title,
    .philosophy-carousel-item .item-title {
        font-size: 22px;
    }

    .system-des {
        font-size: 16px;
    }

    .system-title,
    .philosophy-carousel-item .item-title {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {

    .philosophy .living-info {
        padding: 75px 0px;
    }

    .philosophy-title {
        margin-bottom: 50px;
    }

    .philosophy-carousel-container {
        padding: 20px 0px;
    }

    .system-title,
    .philosophy-carousel-item .item-title {
        font-size: 24px;
    }

}

@media (min-width: 1440px) {

    .philosophy-title {
        margin-bottom: 50px;
    }

}

@media (min-width: 1640px) {

    .philosophy .living-info {
        padding: 125px 0px;
    }
}

@media (max-width: 1040px) {
    .philosophy-carousel-item {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 767px) {

    .philosophy .living-info {
        padding: 30px 0px;
    }

    .philosophy-carousel-item {
        flex: 0 0 100%;
    }

    .philosophy-control-btn {
        font-size: 30px;
    }
}

@media (max-width: 450px) {

    .system-title,
    .philosophy-carousel-item .item-title {
        font-size: 14px;
    }
}

.philosophy-disabled {
    cursor: not-allowed;
    color: #292929a3;
}

.philosophy-disabled:hover {
    transform: translateY(-50%) !important;
}

/* language */
.lang_hr {
    margin-top: 0px !important;
}