html {
    margin-top: 0 !important;
    font-size: 16px;
}

body {
    font-size: 16px;
    transition: all 0.5s;
}

.header-2025122401 {}

.header-2025122401 .head_top {
    position: relative;
    height: 3em;
}

.header-2025122401 .head_top:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background: #362c34;
    border-bottom-left-radius: 3em;
}

.header-2025122401 .head_top .container {
    position: relative;
    height: 100%;
}

.header-2025122401 .head_top .right {
    width: 68%;
    max-width: 62.5em;
    height: 100%;
}

.header-2025122401 .head_top .right .line {
    width: 1px;
    height: 1.125em;
    background: #fff;
}

.header-2025122401 .head_top .head_tel {}

.header-2025122401 .head_top .head_tel svg.icon {
    width: 1.125em;
    height: 1.125em;
    fill: #fff;
    margin-right: 0.75em;
}

.header-2025122401 .head_top .head_tel span {
    font-size: 1em;
    color: #fff;
}

.header-2025122401 .head_top .head_email {}

.header-2025122401 .head_top .head_email svg.icon {
    width: 1em;
    fill: #fff;
    margin-right: 0.875em;
}

.header-2025122401 .head_top .head_email span {
    font-size: 1em;
    color: #fff;
}

.header-2025122401 .head_top .head_share {}

.header-2025122401 .head_top .head_share .icon_boxs {
    gap: 1em;
}

.header-2025122401 .head_top .head_share .icon_boxs li {}

.header-2025122401 .head_top .head_share .icon_boxs a {
    display: block;
    padding: 0.125em;
    line-height: 1;
    transition: all 0.5s;
    border-radius: 0.25em;
    background: rgb(255 255 255 / 35%);
}

.header-2025122401 .head_top .head_share .icon_boxs a:hover {
    background: var(--minor);
}

.header-2025122401 .head_top .head_share .icon_boxs svg.icon {
    display: block;
    fill: #fff;
    width: 1em;
    height: 1em;
}

.header-2025122401 .head_top .head_language {}

.header-2025122401 .head_top .head_language .current {
    gap: 0.75em;
    cursor: pointer;
}

.header-2025122401 .head_top .head_language .ico {}

.header-2025122401 .head_top .head_language .ico svg.icon {
    display: block;
    width: 1.25em;
    fill: #fff;
}

.header-2025122401 .head_top .head_language span {
    color: #fff;
    text-transform: uppercase;
}

.header-2025122401 .head_top .head_language .current:hover .ico svg.icon {
    fill: var(--minor);
}

.header-2025122401 .head_top .head_language .current:hover span {
    color: var(--minor);
}

.header-2025122401 .head_con {}

.header-2025122401 .head_con .head_logo {
    height: 4.5em;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中，可选 */
}

.header-2025122401 .head_con .head_logo img {
    height: auto;
    transition: all 0.5s;
}

.header-2025122401 .head_con .head_right {}

.header-2025122401 .head_con .head_navbtn {
    display: none;
}

.header-2025122401 .head_con .head_nav {}

.header-2025122401 .head_con .navbar {
    gap: 3em;
}

.header-2025122401 .head_con .navbar .megamenu {}

.header-2025122401 .head_con .navbar .megamenu>a {
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
    padding: 0 0.25em 1.5em;
    position: relative;
}

.header-2025122401 .head_nav .navbar .megamenu>a:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0.75em;
    width: 0;
    height: 3px;
    background: var(--minor);
    transition: all 0.5s;
}

.header-2025122401 .head_nav .navbar .megamenu.active>a:before,
.header-2025122401 .head_nav .navbar .megamenu:hover>a:before {
    width: 100%;
}

.banner-2025122402 {}

.banner-2025122402 .swiperImg {
    width: 100%;
    height: 51.25em;
}

.banner-2025122402 .swiperImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-2025122402 .swiperTxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

.banner-2025122402 .swiperTxt .swiperTit {
    font-size: 4.25em;
    font-weight: 600;
    line-height: 1.05;
    max-width: 10.5em;
    width: 100%;
    color: #fff;
    margin-bottom: 1.5em;
}

.banner-2025122402 .swiperTxt .swiperBtn {
    font-size: 1.25em;
}

.banner-2025122402 .swiper-pagination {}

.banner-2025122402 .swiper-pagination span {
    opacity: 0.5;
    border-radius: 0;
    height: 0.2em;
    background: #fff;
    transition: all 0.5s;
}

.banner-2025122402 .swiper-pagination span.swiper-pagination-bullet-active {
    width: 2.75em;
    opacity: 1;
}

.section-2025122403 {
    padding: 15em 0 11.875em;
    position: relative;
    background: url(../images/aboutBg.jpg) no-repeat center;
    background-size: cover;
}

.section-2025122403:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 8.125em;
    top: 9em;
    background: #f4f0ed;
    width: 63.85%;
    box-shadow: 0 0 1.75em rgb(0 0 0 / 15%);
}

.section-2025122403 .container {
    position: relative;
}

.section-2025122403 .box {}

.section-2025122403 .boxRight {
    width: 45.125%;
}

.section-2025122403 .boxImg {
    width: 100%;
    box-shadow: 0 0 1.75em rgb(0 0 0 / 10%);
}

.section-2025122403 .boxImg .video {}

.section-2025122403 .boxImg .video img {
    width: 100%;
    height: 34.5em;
    object-fit: cover;
}

.section-2025122403 .boxLeft {
    width: 51.625%;
}

.section-2025122403 .boxTxt {
    padding-left: 6.5%;
}

.section-2025122403 .boxTxt .sectionHead {
    margin-bottom: 1.5em;
}

.section-2025122403 .boxTxt .sectionTit {
    font-size: 3.875em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme);
}

.section-2025122403 .boxTxt .sectionBtn {
    font-size: 1.25em;
}

.section-2025122403 .boxTxt .sectionCon {
    font-size: 1.375em;
    line-height: 1.5;
    margin-bottom: 2.5em;
}

.section-2025122403 .sectionList {
    gap: 3em 0;
}

.section-2025122403 .sectionList .item {
    max-width: 22em;
    width: 48%;
    text-align: center;
}

.section-2025122403 .sectionList .item .itemNum {
    font-size: 3em;
    font-weight: 600;
    color: var(--minor);
}

.section-2025122403 .sectionList .itemTit {
    font-size: 1.125em;
    font-weight: 600;
}

.section-2025122403 .sectionList .itemCon {
    font-size: 1.125em;
}

.section-2025122403 .sectionList .line {
    width: 2px;
    height: 7em;
    background: #9e9c9a;
}

.section-2025122404 {
    padding: 5em 0;
    position: relative;
    background: url(../images/tourBg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.section-2025122404 .sectionHead {
    margin-bottom: 1.25em;
}

.section-2025122404 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme);
    margin-right: 1.25em;
}

.section-2025122404 .sectionBtn {
    font-size: 1.25em;
}

.section-2025122404 .sectionCon {
    font-size: 1.375em;
    margin-bottom: 2.5em;
}

.section-2025122404 .tour-swiper {
    position: relative;
    width: calc(100% + 50vw - 49em);
    height: 33.5em;
    left: -1em;
    padding: 0.5em;
    overflow: hidden;
}

.section-2025122404 .tour-swiper .swiper {
    overflow: unset;
    width: 28.25em;
    height: 23.75em;
    margin: 0 auto 0 0;
}

.section-2025122404 .tour-swiper .swiper-slide {
    width: 28.25em;
    height: 23.75em;
    padding: 0.5em;
}

.section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {
    width: 53.75em !important;
    height: 32.5em;
    padding: 0.5em;
}

.section-2025122404 .tour-swiper .tourItem {
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 0.5px 0.5px 1em rgb(0 0 0 / 20%);
}

.section-2025122404 .tour-swiper .swiper-slide-prev .tourItem {
    box-shadow: none;
}

.section-2025122404 .tour-swiper .tourItem .tourImg {
    width: 100%;
    height: 100%;
}

.section-2025122404 .tour-swiper .tourItem .tourImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-2025122404 .tour-swiper .tourItem .tourTxt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 100%);
}

.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit {
    width: 100%;
    font-size: 1.875em;
    text-align: center;
    padding: 0 1em;
    color: #fff;
    position: relative;
}

.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1em;
    margin-left: -1em;
    width: 2em;
    height: 0.15em;
    background: #fff;
}

.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:hover {
    color: var(--minor);
}

.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:hover:before {
    background: var(--minor);
}

.section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt {
    height: auto;
    padding: 1em 0;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 35%) 30%, rgb(0 0 0 / 0%) 100%);
}

.section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt .tourTit {
    text-align: left;
}

.section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt .tourTit:before {
    width: 0;
    margin-left: 0;
}

.section-2025122404 .tour-swiper .swiper-button {
    position: absolute;
    left: 54.75em;
    bottom: 1em;
    z-index: 1;
    cursor: pointer;
    border-radius: 0.5em;
    background: var(--minor);
    padding: 0.5em 1.25em;
}

.section-2025122404 .tour-swiper .swiper-button .button-prev,
.section-2025122404 .tour-swiper .swiper-button .button-next {
    width: 2.5em;
    height: 1.5em;
}

.section-2025122404 .tour-swiper .swiper-button .button-prev svg.icon,
.section-2025122404 .tour-swiper .swiper-button .button-next svg.icon {
    width: 100%;
    height: 100%;
    fill: var(--theme);
}

.section-2025122404 .tour-swiper .swiper-button .button-prev:hover svg.icon,
.section-2025122404 .tour-swiper .swiper-button .button-next:hover svg.icon {
    fill: #fff;
}

.section-2025122404 .tour-swiper .swiper-button span {
    margin: 0 1em;
    width: 0.125em;
    height: 1.25em;
    background: var(--theme);
}

.section-2025122405 {
    padding: 7.5em 0;
}

.section-2025122405 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: var(--theme);
    margin-bottom: 0.25em;
}

.section-2025122405 .sectionCon {
    text-align: center;
    font-size: 1.375em;
    margin-bottom: 2.5em;
}

.section-2025122405 .product-swiper {
    overflow: hidden;
    position: relative;
}

.section-2025122405 .product-swiper .swiper {
    width: 58.75em;
    overflow: unset;
}

.section-2025122405 .product-swiper .swiper-slide {
    padding: 0.875em;
}

.section-2025122405 .product-swiper .productItem {
    position: relative;
    padding: 3.75em 0 0;
    transition: all 0.5s;
}

.section-2025122405 .product-swiper .productItem .productImg {
    background: #ebebeb;
    width: 100%;
    height: 34.5em;
    box-shadow: 0.5px 0.5px 1em rgb(0 0 0 / 20%);
    overflow: hidden;
}

.section-2025122405 .product-swiper .productItem .productImg img {
    width: 100%;
    height: 34.5em;
}

.section-2025122405 .product-swiper .productTxt {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.section-2025122405 .product-swiper .swiper-slide-active .productItem {
    padding: 0 0 3.75em;
}

.section-2025122405 .product-swiper .productTxt .productBox {
    width: 100%;
}

.section-2025122405 .product-swiper .productTxt .productTit {
    display: block;
    text-align: center;
    font-size: 1.875em;
    margin-bottom: 0.5em;
    color: var(--text);
}

.section-2025122405 .product-swiper .productTxt .productMore {
    font-size: 1.25em;
}

.section-2025122405 .product-swiper .productTxt .productMore span {
    margin-right: 0.25em;
    color: var(--text);
}

.section-2025122405 .product-swiper .productTxt .productMore svg.icon {
    width: 1.125em;
    height: 1.125em;
    fill: var(--text);
}

.section-2025122405 .product-swiper .productItem:hover .productTxt {
    opacity: 1;
}

.section-2025122405 .product-swiper .productItem .view {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    transition: all 0.5s;
    text-align: center;
}

.section-2025122405 .product-swiper .productItem .view a {
    display: inline-block;
    font-size: 1.375em;
    color: var(--text);
    border-bottom: 0.125em solid;
    transition: all 0.5s;
}

.section-2025122405 .product-swiper .swiper-slide-active .productItem .view {
    height: 2.25em;
}

.section-2025122405 .product-swiper .productItem .view a:hover {
    color: var(--minor);
}

.section-2025122405 .product-swiper .button-prev,
.section-2025122405 .product-swiper .button-next {
    position: absolute;
    top: 50%;
    margin-top: -1.875em;
    z-index: 1;
    width: 3.75em;
    height: 3.75em;
    cursor: pointer;
}

.section-2025122405 .product-swiper .button-prev {
    left: -3em;
}

.section-2025122405 .product-swiper .button-next {
    right: -3em;
}

.section-2025122405 .product-swiper .button-prev svg.icon,
.section-2025122405 .product-swiper .button-next svg.icon {
    width: 100%;
    fill: var(--text);
}

.section-2025122405 .product-swiper .button-prev:hover svg.icon,
.section-2025122405 .product-swiper .button-next:hover svg.icon {
    fill: var(--minor);
}

.section-2025122406 {
    padding-bottom: 8.5em;
}

.section-2025122406 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: var(--theme);
    margin-bottom: 1.25em;
}

.section-2025122406 .sectionList {
    gap: 10em;
}

.section-2025122406 .sectionList i {}

.section-2025122406 .sectionList .sectionItem {
    width: 25em;
    height: 25em;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    padding-top: 5.5em;
    box-shadow: 1px 1px 1em rgb(0 0 0 / 20%);
}

.section-2025122406 .sectionList .sectionItem:nth-last-child(1),
.section-2025122406 .sectionList .sectionItem:nth-last-child(2),
.section-2025122406 .sectionList .sectionItem:nth-last-child(3) {
    margin-top: -12em;
}

.section-2025122406 .sectionList .sectionItem:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/chooseItemBg.jpg) no-repeat;
    background-size: cover;
    transition: all 0.5s;
    opacity: 1;
}

.section-2025122406 .sectionList .sectionItem .itemBg {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.75s;
    transform: scale(1.5);
}

.section-2025122406 .sectionList .sectionItem .itemBg img {
    opacity: 0.5;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-2025122406 .sectionList .sectionItem .itemImg {
    position: relative;
    padding-bottom: 1em;
}

.section-2025122406 .sectionList .sectionItem .itemImg img {
    width: 5em;
    height: 5em;
    object-fit: contain;
    margin: 0 auto;
    transition: all 0.5s;
}

.section-2025122406 .sectionList .sectionItem .itemTxt {
    position: relative;
}

.section-2025122406 .sectionList .sectionItem .itemTxt .itemTit {
    font-size: 1.75em;
    text-align: center;
    margin-bottom: 0.375em;
    transition: all 0.5s;
}

.section-2025122406 .sectionList .sectionItem .itemTxt .itemCon {
    text-align: center;
    font-size: 1.325em;
    padding: 0 1.25em;
    transition: all 0.5s;
}

.section-2025122406 .sectionList .sectionItem:hover .itemBg {
    opacity: 1;
    transform: scale(1);
}

.section-2025122406 .sectionList .sectionItem:hover .itemImg img {
    filter: invert(1);
}

.section-2025122406 .sectionList .sectionItem:hover .itemTxt .itemTit {
    color: var(--minor);
}

.section-2025122406 .sectionList .sectionItem:hover .itemTxt .itemCon {
    color: #ffffff;
}

.section-2025122407 {
    padding: 5em 0;
    position: relative;
    background: url(../images/oemodmBg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.section-2025122407 .sectionHead {
    margin-bottom: 3.5em;
}

.section-2025122407 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme);
}

.section-2025122407 .sectionTxt {
    width: 60%;
    max-width: 53em;
}

.section-2025122407 .sectionTxt .sectionCon {
    font-size: 1.375em;
    margin-bottom: 1em;
}

.section-2025122407 .sectionTxt .sectionBtn {
    font-size: 1.25em;
}

.section-2025122407 .sectionList {
    gap: 0.75%;
}

.section-2025122407 .sectionList .sectionItem {
    position: relative;
    width: 20%;
    height: 38.5em;
    box-shadow: 1px 1px 1em rgb(0 0 0 / 20%);
    transition: all 0.5s;
}

.section-2025122407 .sectionList .sectionItem.active {
    width: 37.75%;
}

.section-2025122407 .sectionList .sectionItem .itemImg {
    width: 100%;
    height: 100%;
}

.section-2025122407 .sectionList .sectionItem .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-2025122407 .sectionList .sectionItem .itemTxt {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-2025122407 .sectionList .sectionItem .itemTxt:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    display: block;
    transition: all .6s;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 25%) 25%, rgb(0 0 0 / 0%) 100%);
    opacity: 1;
}

.section-2025122407 .sectionList .sectionItem .itemTxt .itemTit {
    position: absolute;
    left: 0;
    bottom: 2em;
    width: 100%;
    text-align: center;
    padding: 0 1.25em;
    font-size: 1.875em;
    color: #fff;
    z-index: 1;
    transition: all 0.5s;
}

.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit {
    text-align: left;
    padding: 0 5.5em 0 1.25em;
}

.section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn {
    color: #fff;
    border-color: #fff;
    opacity: 0;
    position: absolute;
    bottom: 4.5em;
    right: 2em;
    font-size: 0.875em;
    z-index: 1;
}

.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn {
    opacity: 1;
}

.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn:hover {
    border-color: var(--minor);
}

.section-2025122408 {
    padding: 7.5em 0;
}

.section-2025122408 .sectionHead {
    margin-bottom: 3.5em;
}

.section-2025122408 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme);
}

.section-2025122408 .sectionCon {
    width: 60%;
    max-width: 39em;
    font-size: 1.375em;
}

.section-2025122408 .sectionItem {}

.section-2025122408 .sectionItem .itemLeft {
    width: calc(58.25% - 0.375em);
}

.section-2025122408 .sectionItem .itemRight {
    width: calc(41.75% - 0.375em);
}

.section-2025122408 .sectionItem .itemImg {
    overflow: hidden;
}

.section-2025122408 .sectionItem .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.section-2025122408 .sectionItem .itemImg:hover img {
    transform: scale(1.1);
}

.section-2025122408 .sectionItem .itemImg1 {
    width: 100%;
    height: 45.75em;
}

.section-2025122408 .sectionItem .itemImg2 {
    width: calc(50% - 0.375em);
    height: 13.5em;
    margin-bottom: 0.75em;
}

.section-2025122408 .sectionItem .itemImg3 {
    width: calc(50% - 0.375em);
    height: 13.5em;
    margin-bottom: 0.75em;
}

.section-2025122408 .sectionItem .itemImg4 {
    width: 100%;
    height: 31.5em;
}

.section-2025122409 {
    overflow: hidden;
    position: relative;
    background: url(../images/fiedleBg.jpg) no-repeat;
    background-size: 120em;
    background-position: center bottom;
    padding-bottom: 7.25em;
}

.section-2025122409 .sectionHead {
    margin-bottom: 2.75em;
}

.section-2025122409 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme);
}

.section-2025122409 .sectionBtn {
    display: inline-block;
    font-size: 1.375em;
    color: var(--text);
    border-bottom: 0.125em solid;
    transition: all 0.5s;
    text-transform: uppercase;
    margin-bottom: 0.75em;
}

.section-2025122409 .sectionBtn:hover {
    color: var(--minor);
}

.section-2025122409 .sectionCon {
    width: 41%;
    font-size: 1.375em;
    margin-bottom: 1.5em;
}

.section-2025122409 .swiper-button {
    cursor: pointer;
    border-radius: 0.5em;
    background: var(--minor);
    padding: 0.5em 1.25em;
    width: 8em;
}

.section-2025122409 .swiper-button .button-prev,
.section-2025122409 .swiper-button .button-next {
    width: 2.5em;
    height: 1.5em;
}

.section-2025122409 .swiper-button .button-prev svg.icon,
.section-2025122409 .swiper-button .button-next svg.icon {
    width: 100%;
    height: 100%;
    fill: var(--theme);
}

.section-2025122409 .swiper-button .button-prev:hover svg.icon,
.section-2025122409 .swiper-button .button-next:hover svg.icon {
    fill: #fff;
}

.section-2025122409 .swiper-button span {
    margin: 0 1em;
    width: 0.125em;
    height: 1.25em;
    background: var(--theme);
}

.section-2025122409 .fiedle-swiper {
    padding-top: 3.125em;
}

.section-2025122409 .fiedle-swiper .swiper {
    overflow: unset;
    width: 40.875em;
    height: 27.625em;
    margin: 0;
}

.section-2025122409 .fiedle-swiper .swiper-slide {
    width: 40.875em;
    height: 27.625em;
    margin-right: 3.125em;
}

.section-2025122409 .fiedle-swiper .fiedleItem {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-2025122409 .fiedle-swiper .fiedleItem .fiedleImg {
    width: 100%;
    height: 100%;
}

.section-2025122409 .fiedle-swiper .fiedleItem .fiedleImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(2px);
    transition: all 0.5s;
}

.section-2025122409 .fiedle-swiper .swiper-slide-next {
    width: 55.875em !important;
    height: 39em;
    top: -14.75em;
}

.section-2025122409 .fiedle-swiper .swiper-slide-next .fiedleItem {
    box-shadow: 0.25em 0.25em 1em rgb(0 0 0 / 20%);
}

.section-2025122409 .fiedle-swiper .swiper-slide-next .fiedleItem .fiedleImg img {
    filter: none;
    opacity: 1;
}

.section-2025122409 .fiedle-swiper .swiper-slide-active .fiedleItem .fiedleImg img {
    filter: none;
    opacity: 1;
}

.section-2025122410 {
    padding: 7.25em 0;
}

.section-2025122410 .sectionHead {
    margin-bottom: 0.5em;
}

.section-2025122410 .sectionTit {
    font-size: 3.25em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme);
}

.section-2025122410 .sectionBtn {
    font-size: 1.25em;
}

.section-2025122410 .sectionCon {
    font-size: 1.375em;
    margin-bottom: 1.5em;
}

.section-2025122410 .sectionList {}

.section-2025122410 .listLeft {
    max-width: 45.75em;
    width: 48.5%;
}

.section-2025122410 .listLeft .listItem {
    position: relative;
    width: 100%;
}

.section-2025122410 .listLeft .itemImg {
    display: block;
    width: 100%;
    height: 25em;
    background: #000;
    overflow: hidden;
}

.section-2025122410 .listLeft .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
    transition: all 0.5s;
}

.section-2025122410 .listLeft .listItem:hover .itemImg img {
    transform: scale(1.1);
}

.section-2025122410 .listLeft .itemTxt {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2em;
    width: 100%;
}

.section-2025122410 .listLeft .itemTxt .itemDate {
    font-size: 1em;
    color: #fff;
    margin-bottom: 1.125em;
}

.section-2025122410 .listLeft .itemTxt .itemTit {
    font-size: 1.3125em;
    color: #fff;
}

.section-2025122410 .listLeft .itemTxt .itemTit:hover {
    color: var(--minor);
}

.section-2025122410 .line {
    width: 1px;
    background: #999999;
}

.section-2025122410 .listRight {
    max-width: 45.75em;
    width: 48.5%;
}

.section-2025122410 .listRight .listItem {
    width: 100%;
    color: #666;
    background: #fafafa;
    margin-bottom: 1.875em;
    padding: 0.75em 1.75em;
    transition: all 0.5s;
}

.footer-2025122400 .foot_con a:hover {
    color: var(--minor);
}

.section-2025122410 .listRight .listItem:nth-last-child(1) {
    margin-bottom: 0;
}

.section-2025122410 .listRight .itemDate {
    width: 5.75em;
}

.section-2025122410 .listRight .itemDate b {
    display: block;
    font-size: 3em;
    text-align: center;
}

.section-2025122410 .listRight .itemDate span {
    display: block;
    text-align: center;
    font-size: 1.125em;
}

.section-2025122410 .listRight .itemLine {
    width: 1px;
    background: #999999;
}

.section-2025122410 .listRight .itemTxt {
    width: 78.5%;
    max-width: calc(100% - 7em);
}

.section-2025122410 .listRight .itemTxt .itemTit {
    font-size: 1.375em;
    margin-bottom: 0.35em;
    color: var(--text);
    transition: all 0.5s;
}

.section-2025122410 .listRight .itemTxt .itemCon {
    font-size: 1.125em;
}

.section-2025122410 .listRight .listItem:hover {
    color: var(--minor);
    box-shadow: 0.375em 0.375em 1em rgb(0 0 0 / 20%);
}

.section-2025122410 .listRight .listItem:hover .itemTxt .itemTit {
    color: var(--minor);
}

.section-2025122411 {
    padding: 7.5em 0;
    background: url(../images/touchBg.jpg) no-repeat;
    background-position: top center;
    background-size: 120em auto;
}

.section-2025122411 .formName {
    font-size: 3.25em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.125em;
    color: var(--theme);
}

.section-2025122411 .formP {
    font-size: 1.375em;
    text-align: center;
    margin-bottom: 2em;
}

.touch-form {
    background: #fff;
    padding: 3.5em 4.5em;
    box-shadow: 0.5em 0.5em 1em rgb(0 0 0 / 20%);
}

.touch-form .wpcf7-response-output {
    color: red;
}

.touch-form .form-input {
    width: 31.5%;
    margin-bottom: 2em;
}

.touch-form .form-control {
    width: 100%;
    padding: 0 1.5em;
    line-height: 2.75;
    font-size: 1.25em;
    color: var(--text);
    border: none;
    background: #f4f4f4;
}

.touch-form .form-control2 {
    width: 60%;
    padding: 0 1.7em;
    margin-right: 1.5em;
    line-height: 2.75;
    font-size: 1.25em;
    color: var(--text);
    border: none;
    border-radius: 1.375em;
}

.touch-form .form-input img {
    flex: 1;
}

.touch-form .form-content {
    width: 100%;
    margin-bottom: 2em;
}

.touch-form .form-textarea {
    display: block;
    width: 100%;
    padding: 0.75em 1.5em;
    line-height: 1.25;
    font-size: 1.25em;
    color: var(--text);
    border: none;
    background: #f4f4f4;
}

.touch-form .p {
    width: 100%;
    color: #999999;
    margin-top: 1.25em;
}

.touch-form .p p {
    text-align: center;
    color: var(--p-color);
    font-size: 1.125em;
}

.touch-form .form-input2>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.touch-form .form-input2>p .wpcf7-form-control-wrap {
    width: 60%;
    margin-right: 1.5em;
}

.touch-form .form-input2>p .wpcf7-form-control-wrap input {
    width: 100%;
    line-height: 2.75;
    font-size: 1.25em;
    color: var(--text);
    border: none;
    padding: 0 1.7em;
    background: #f4f4f4;
}

.touch-form .form-input2>p img {
    height: 2.75em;
    font-size: 1em;
}

.touch-form .submit {
    width: 100%;
    text-align: center;
}

.touch-form .submit p {
    display: inline-block;
    font-size: 1.25em;
    background: var(--minor);
    border-radius: 0.25em;
    position: relative;
    overflow: hidden;
}

.touch-form .submit p:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.touch-form .submit p:hover:before {
    animation: btn-animation .75s;
    z-index: 1;
}

.touch-form .submit input {
    font-size: 1em;
    padding: 0.75em 2em;
    border-width: 0;
    cursor: pointer;
    background: transparent;
    position: relative;
    z-index: 2;
}

.touch-form .submit input:hover {
    color: #fff;
}

.fixed-contact-wrap {
    z-index: 999;
    position: fixed;
    right: 0;
    top: 70%;
    width: 60px;
    margin-top: -90px;
    overflow: hidden;
    opacity: 0;
    transition: all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
    border-radius: 0.5em;
    overflow: hidden;
}

.fixed-contact-wrap.show {
    transform: none;
    opacity: 1;
}

.fixed-contact-wrap.active {
    width: 280px;
}

.fixed-contact-wrap li {
    position: relative;
    height: 60px;
    background: rgb(54 44 52 / 75%);
    overflow: hidden;
    padding: 15px;
}

.fixed-contact-wrap.active li {
    overflow: inherit;
}

.fixed-contact-wrap li a {
    position: relative;
    z-index: 1000;
    display: block;
}

.fixed-contact-wrap li a i {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 auto;
}

.fixed-contact-wrap li a i svg.icon {
    display: block;
    fill: #fff;
    width: 100%;
    height: 100%;
}

.fixed-contact-wrap li a .itemCon {
    position: absolute;
    top: 0;
    right: -135px;
    width: 205px;
    padding-right: 10px;
    color: #fff;
    white-space: nowrap;
    transition: all .4s;
    text-align: right;
    font-size: 20px;
    line-height: 30px;
    opacity: 0;
}

.fixed-contact-wrap li a .itemCon:hover {
    color: var(--minor);
}

.fixed-contact-wrap.active li a .itemCon {
    right: 44px;
    opacity: 1;
}

.fixed-contact-wrap.active li:after {
    z-index: 1001;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 88%;
    height: 1px;
    margin-left: -44%;
    background: rgba(255, 255, 255, .1);
}

.fixed-contact-wrap.active li:nth-last-child(1):after,
.fixed-contact-wrap.active li:nth-last-child(2):after {
    opacity: 0;
}

.fixed-contact-wrap .whatsapp a .itemCon .itemImg {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.fixed-contact-wrap .whatsapp a .itemCon .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-2025122400 {
    padding: 7.5em 0 0;
    background: url(../images/footBg.jpg) no-repeat;
    background-position: top center;
    background-size: 120em auto;
}

.footer-2025122400 .footBox {}

.footer-2025122400 .footBox .container {
    max-width: 92.5em;
}

.footer-2025122400 .footLogo {
    margin-bottom: 5em;
}

.footer-2025122400 .footLogo img {
    width: 14.875em;
    margin: 0 auto;
}

.footer-2025122400 .jf-footer-brand {
    text-align: center;
}

.footer-2025122400 .jf-footer-brand a {
    display: inline-block;
    color: var(--minor);
    font-size: 3.25em;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;
}

.footer-2025122400 .footer_con {}

.footer-2025122400 .foot_con {
    width: 24em;
}

.footer-2025122400 .foot_con .info {
    font-size: 1.25em;
    padding: 0 0 1.25em 2em;
    line-height: 1.25;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 1.2em;
}

.footer-2025122400 .foot_con .info1 {
    background-image: url(../images/foot-ico01.png);
}

.footer-2025122400 .foot_con .info2 {
    background-image: url(../images/foot-ico02.png);
}

.footer-2025122400 .foot_con .info3 {
    background-image: url(../images/foot-ico03.png);
}

.footer-2025122400 .foot_con .info4 {
    background-image: url(../images/foot-ico04.png);
}

.footer-2025122400 .foot_con .info span {
    font-weight: 600;
}

.footer-2025122400 .foot_share {
    padding-left: 2.5em;
}

.footer-2025122400 .foot_share .icon_boxs {}

.footer-2025122400 .foot_share .icon_boxs li {
    background: var(--minor);
    padding: 0.5em 0;
}

.footer-2025122400 .foot_share .icon_boxs li:nth-child(1) {
    border-radius: 0.25em 0 0 0.25em;
}

.footer-2025122400 .foot_share .icon_boxs li:nth-last-child(1) {
    border-radius: 0 0.25em 0.25em 0;
}

.footer-2025122400 .foot_share .icon_boxs a {
    display: block;
    line-height: 1;
    transition: all 0.5s;
    padding: 0 1em;
}

.footer-2025122400 .foot_share .icon_boxs li:nth-child(n+2) a {
    border-left: 2px solid #554633;
}

.footer-2025122400 .foot_share .icon_boxs a:hover {
    background: var(--minor);
}

.footer-2025122400 .foot_share .icon_boxs svg.icon {
    display: block;
    fill: var(--theme);
    width: 1.25em;
    height: 1.25em;
    transition: all 0.5s;
}

.footer-2025122400 .foot_share .icon_boxs li:hover svg.icon {
    fill: #fff;
}

.footer-2025122400 .foot_link {
    width: auto;
    max-width: 24%;
}

.footer-2025122400 .foot_link .item {}

.footer-2025122400 .foot_link .item .tit {
    display: block;
    font-size: 1.75em;
    font-weight: 600;
    margin-bottom: 0.75em;
}

.footer-2025122400 .foot_link .item .a {
    display: block;
    font-size: 1em;
    margin-bottom: 1.45em;
    padding-right: 1.75em;
    padding-left: 0;
    transition: all 0.5s;
    line-height: 1.25;
    position: relative;
}

.footer-2025122400 .foot_link .item .a:before {
    content: "";
    position: absolute;
    top: 0.625em;
    left: 0;
    width: 0;
    height: 1px;
    transition: all .6s;
    background: #000;
}

.footer-2025122400 .foot_link .item .a:hover {
    color: #000;
    padding-right: 0;
    padding-left: 1.75em;
}

.footer-2025122400 .foot_link .item .a:hover:before {
    width: 1.35em;
}

.footer-2025122400 .foot_link .m_name {
    display: none;
}

.footer-2025122400 .foot_form {
    width: 21em;
}

.footer-2025122400 .foot_form .formTit {
    font-size: 1.25em;
    margin-bottom: 0.75em;
}

.footer-2025122400 .foot_form .form-input {
    margin-bottom: 0.875em;
    width: 100%;
}

.footer-2025122400 .foot_form .form-input .form-control {
    width: 100%;
    padding: 0 1em;
    line-height: 2.75;
    font-size: 1em;
    color: var(--text);
    border: none;
    background: #ffffff;
}

.footer-2025122400 .foot_form .form-input2>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer-2025122400 .foot_form .form-input2>p .wpcf7-form-control-wrap {
    width: 60%;
}

.footer-2025122400 .foot_form .form-input2>p .wpcf7-form-control-wrap input {
    width: 100%;
    line-height: 2.75;
    font-size: 1em;
    color: var(--text);
    border: none;
    padding: 0 1em;
    background: #ffffff;
}

.footer-2025122400 .foot_form .form-input2>p img {
    width: 38%;
    height: 2.75em;
    font-size: 1em;
}

.footer-2025122400 .foot_form .submit {
    width: 100%;
    text-align: center;
}

.footer-2025122400 .foot_form .submit p {
    display: block;
    font-size: 1.25em;
    background: var(--minor);
    border-radius: 0.25em;
    position: relative;
    overflow: hidden;
}

.footer-2025122400 .foot_form .submit p:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.footer-2025122400 .foot_form .submit p:hover:before {
    animation: btn-animation .75s;
    z-index: 1;
}

.footer-2025122400 .foot_form .submit input {
    font-size: 1em;
    border-width: 0;
    cursor: pointer;
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 0.5em 0;
    width: 100%;
}

.footer-2025122400 .foot_form .submit input:hover {
    color: #fff;
}

.footer-2025122400 .foot_form .submit .wpcf7-spinner {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: .75em;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.footer-2025122400 .footer_copyright {
    margin-top: 2.5em;
    border-top: 1px solid #b5b5b5;
    padding: 1.25em 0 1em;
    text-align: center;
}

.footer-2025122400 .footer_copyright p {
    margin: 0;
}


/* 2026-10-18：停用旧超宽屏比例，改用文件末尾的参考站统一视口规则。
@media screen and (min-width:1921px) {
    body {
        font-size: 0.833vw;
    }

}
*/

@media screen and (max-width:1668px) {
    .header-2025122401 .head_con .navbar {
        gap: 2em;
    }

    .section-2025122403 .boxTxt {
        padding-left: 0;
    }

    .section-2025122403 .sectionList {
        gap: 2em 0;
    }

    .section-2025122404 .tour-swiper {
        width: calc(100% + 3vw);
        height: 32vw;
        padding: 0.5vw;
        left: -1vw;
    }

    .section-2025122404 .tour-swiper .swiper {
        height: 19vw;
        width: 25vw;
    }

    .section-2025122404 .tour-swiper .swiper-slide {
        height: 19vw;
        width: 25vw;
        padding: 0.5vw;
    }

    .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {
        width: 48vw !important;
        height: 31vw;
    }

    .section-2025122404 .tour-swiper .swiper-button {
        left: 49vw;
    }

    .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit {
        font-size: 1.75em;
    }

    .section-2025122406 .sectionList {
        gap: 10vw;
    }

    .section-2025122406 .sectionList .sectionItem {
        width: 25vw;
        height: 25vw;
        padding-top: 5.5vw;
    }

    .section-2025122406 .sectionList .sectionItem:nth-last-child(1),
    .section-2025122406 .sectionList .sectionItem:nth-last-child(2),
    .section-2025122406 .sectionList .sectionItem:nth-last-child(3) {
        margin-top: -12vw;
    }

    .section-2025122406 .sectionList .sectionItem .itemImg {
        padding-bottom: 1vw;
    }

    .section-2025122406 .sectionList .sectionItem .itemImg img {
        width: 5vw;
        height: 5vw;
    }

    .section-2025122406 .sectionList .sectionItem .itemTxt .itemTit {
        font-size: 1.5em;
    }

    .section-2025122406 .sectionList .sectionItem .itemTxt .itemCon {
        font-size: 1.25em;
    }

    .section-2025122407 .sectionList .sectionItem {
        height: 38.5vw;
    }

    .section-2025122407 .sectionList .sectionItem .itemTxt .itemTit {
        font-size: 1.75em;
    }

    .section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn {
        bottom: 4em;
    }

    .section-2025122408 .sectionItem .itemImg1 {
        height: 41.75vw;
    }

    .section-2025122408 .sectionItem .itemImg2 {
        width: calc(50% - 0.375vw);
        height: 13.5vw;
        margin-bottom: 0.75vw;
    }

    .section-2025122408 .sectionItem .itemImg3 {
        width: calc(50% - 0.375vw);
        height: 13.5vw;
        margin-bottom: 0.75vw;
    }

    .section-2025122408 .sectionItem .itemImg4 {
        width: 100%;
        height: 27.5vw;
    }

    .section-2025122409 .fiedle-swiper .swiper {
        width: 40vw;
        height: 27vw;
    }

    .section-2025122409 .fiedle-swiper .swiper-slide {
        width: 40vw;
        height: 27vw;
    }

    .section-2025122409 .fiedle-swiper .swiper-slide-next {
        width: calc(56vw - 3.125em) !important;
        height: 39vw;
        top: -14.75vw;
    }

}

@media screen and (max-width:1335px) {
    /* 2026-10-18：停用固定 14px，改用参考站 1200–1600px 的 1vw 规则。
    body {
        font-size: 14px;
    }
    */

    .section-2025122403 .boxTxt .sectionTit {
        font-size: 3.25em;
    }

    .section-2025122403 .sectionList .item .itemNum {
        font-size: 2.5em;
    }
}

@media screen and (max-width:1100px) {
    .header-2025122401 .head_con .navbar {
        gap: 1em;
    }

    .banner-2025122402 .swiperImg {
        height: 38em;
    }

    .banner-2025122402 .swiperTxt .swiperTit {
        font-size: 3.5em;
    }

}

@media screen and (max-width:1024px) {
    body {
        font-size: 12px;
    }

    .section-2025122403 {
        padding: 8em 0 6em;
    }

    .section-2025122403:before {
        display: none;
    }

    .section-2025122403 .boxRight {
        width: 100%;
        margin-bottom: 2em;
    }

    .section-2025122403 .boxImg .video img {
        height: 60vw;
    }

    .section-2025122403 .boxLeft {
        width: 100%;
    }

    .section-2025122403 .sectionList .item {
        max-width: unset;
    }

    .section-2025122404 .tour-swiper {
        height: 39.75vw;
    }

    .section-2025122404 .tour-swiper .swiper {
        width: 38vw;
        height: 28.88vw;
    }

    .section-2025122404 .tour-swiper .swiper-slide {
        width: 38vw;
        height: 28.88vw;
    }

    .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {
        width: 60vw !important;
        height: 38.75vw;
    }

    .section-2025122404 .tour-swiper .swiper-button {
        left: 61vw;
    }


}

@media screen and (max-width: 920px) {
    .section-2025122405 {
        padding: 5em 0;
    }

    .section-2025122405 .product-swiper .swiper {
        width: 100%;
    }

    .section-2025122406 .sectionList {
        gap: 3vw;
    }

    .section-2025122406 .sectionList i {
        display: none;
    }

    .section-2025122406 .sectionList .sectionItem {
        width: 30vw;
        height: 30vw;
    }

    .section-2025122406 .sectionList .sectionItem:nth-last-child(1),
    .section-2025122406 .sectionList .sectionItem:nth-last-child(2),
    .section-2025122406 .sectionList .sectionItem:nth-last-child(3) {
        margin-top: 0;
    }

    .section-2025122407 .sectionTit {
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122407 .sectionTxt {
        width: 100%;
        max-width: 100%;
    }

    .section-2025122407 .sectionList {
        gap: 2vw 2%;
    }

    .section-2025122407 .sectionList .sectionItem,
    .section-2025122407 .sectionList .sectionItem.active {
        width: 49%;
    }

    .section-2025122407 .sectionList .sectionItem .itemTxt .itemTit,
    .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit {
        padding: 0 1em;
        bottom: 2.5em;
        text-align: left;
    }

    .section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn,
    .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn {
        opacity: 1;
        left: 1.75em;
        bottom: 2em;
        right: auto;
    }

    .section-2025122407 .sectionList .sectionItem .itemTxt:before {
        height: 100%;
    }

    .section-2025122408 {
        padding: 5em 0;
    }

    .section-2025122408 .sectionTit {
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122408 .sectionCon {
        width: 100%;
        max-width: 100%;
    }

    .section-2025122409 {
        padding-bottom: 5em;
    }

    .section-2025122409 .fiedle-swiper .swiper {
        width: 100%;
        height: auto;
    }

    .section-2025122409 .fiedle-swiper .swiper-slide,
    .section-2025122409 .fiedle-swiper .swiper-slide-next {
        width: 100% !important;
        height: auto;
        top: 0;
    }

    .section-2025122410 {
        padding: 5em 0;
    }

    .section-2025122410 .listLeft {
        max-width: 100%;
        width: 100%;
        margin-bottom: 2em;
    }

    .section-2025122410 .listLeft .itemImg {
        height: 45vw;
    }

    .section-2025122410 .line {
        display: none;
    }

    .section-2025122410 .listRight {
        max-width: 100%;
        width: 100%;
    }

    .section-2025122410 .listRight .listItem {
        padding: 1.25em 1.75em;
    }

    .section-2025122411 {
        padding: 5em 0;
    }

    .touch-form .form-input {
        width: 100%;
    }

    .footer-2025122400 {
        padding: 5em 0 0;
        background-size: auto 100%;
    }

    .footer-2025122400 .footLogo {
        margin-bottom: 3.5em;
    }

    .footer-2025122400 .foot_con {
        width: 100%;
        margin-bottom: 3em;
    }

    .footer-2025122400 .foot_con .info {
        font-size: 1.375em;
    }

    .footer-2025122400 .foot_share {
        font-size: 1.25em;
    }

    .footer-2025122400 .foot_link {
        max-width: unset;
        width: 100%;
        font-size: 1.125em;
    }

    .footer-2025122400 .foot_link .m_name {
        display: block;
        line-height: 1;
        color: #000;
        position: relative;
        margin-bottom: 0;
        font-size: 1.25em;
        background: none;
        padding: 1.25em 0;
        border-bottom: 1px solid var(--text);
        border-radius: 0;
    }

    .footer-2025122400 .foot_link .m_name span {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 3.5em;
        text-align: center;
        width: 3.5em;
        height: 3.5em;
        transition: all 0.5s;
    }

    .footer-2025122400 .foot_link.m_toggle.active .m_name span {
        transform: rotate(45deg);
    }

    .footer-2025122400 .foot_link .toggle_con {
        display: none;
        padding: 2em 0 0;
    }

    .footer-2025122400 .foot_link .toggle_con .item {
        padding-bottom: 0;
        border-bottom-width: 0;
    }

    .footer-2025122400 .foot_link .toggle_con .item .tit {
        display: none;
    }

    .footer-2025122400 .foot_link .toggle_con .item .a {
        font-size: 1.25em;
    }

    .footer-2025122400 .foot_link .item {
        width: 100%;
        border-right-width: 0;
        border-bottom: 1px solid #dddddd;
    }

    .footer-2025122400 .foot_form {
        width: 100%;
        margin-top: 2em;
        font-size: 1.125em;
    }

    .footer-2025122400 .footer_copyright {
        font-size: 1.25em;
    }


}

@media screen and (max-width: 680px) {
    .banner-2025122402 .swiperImg {
        height: 20em;
    }

    .banner-2025122402 .swiperTxt .swiperTit {
        font-size: 2.25em;
        margin-bottom: 0.75em;
    }

    .banner-2025122402 .swiperTxt .swiperBtn {
        font-size: 1.125em;
    }

    .section-2025122403 {
        padding: 2.5em 0 5em;
    }

    .section-2025122403 .boxTxt .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122403 .sectionList .item {
        width: 100%;
        font-size: 1.25em;
    }

    .section-2025122403 .sectionList .line {
        display: none;
    }

    .section-2025122404 {
        padding: 3.5em 0;
    }

    .section-2025122404 .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122404 .tour-swiper {
        width: 100%;
        height: auto;
        padding: 0;
        left: 0;
    }

    .section-2025122404 .tour-swiper .swiper {
        width: 100%;
        height: auto;
    }

    .section-2025122404 .tour-swiper .swiper-slide {
        padding: 1em;
        width: 100%;
        height: auto;
    }

    .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {
        width: 100% !important;
        height: auto;
    }

    .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit {
        font-size: 1.5em;
    }

    .section-2025122405 {
        padding: 3.5em 0;
    }

    .section-2025122405 .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122405 .sectionCon {
        margin-bottom: 1em;
    }

    .section-2025122405 .product-swiper .swiper-slide {
        padding: 1.25em;
    }

    .section-2025122405 .product-swiper .productItem .productImg {
        width: 100%;
        height: 72vw;
    }

    .section-2025122406 .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.75em;
    }

    .section-2025122406 .sectionList {
        gap: 3em;
    }

    .section-2025122406 .sectionList .sectionItem {
        width: 25em;
        height: 25em;
        padding-top: 5em;
    }

    .section-2025122406 .sectionList .sectionItem .itemImg {
        padding-bottom: 1em;
    }

    .section-2025122406 .sectionList .sectionItem .itemImg img {
        width: 4em;
        height: 4em;
    }

    .section-2025122406 .sectionList .sectionItem .itemTxt .itemTit {
        font-size: 1.75em;
    }

    .section-2025122406 .sectionList .sectionItem .itemTxt .itemCon {
        font-size: 1.375em;
    }

    .section-2025122406 {
        padding-bottom: 5em;
    }

    .section-2025122407 {
        padding: 3.5em 0;
    }

    .section-2025122407 .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122407 .sectionHead {
        margin-bottom: 2em;
    }

    .section-2025122407 .sectionList .sectionItem,
    .section-2025122407 .sectionList .sectionItem.active {
        width: 100%;
        height: 64vw;
    }

    .section-2025122408 {
        padding: 3.5em 0;
    }

    .section-2025122408 .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122408 .sectionHead {
        margin-bottom: 2em;
    }

    .section-2025122408 .sectionItem .itemLeft {
        width: 100%;
    }

    .section-2025122408 .sectionItem .itemRight {
        width: 100%;
    }

    .section-2025122408 .sectionItem .itemImg {
        width: 100% !important;
        height: auto;
        margin-bottom: 1em;
    }

    .section-2025122409 {
        padding-bottom: 3.5em;
    }

    .section-2025122409 .sectionHead {
        margin-bottom: 1em;
    }

    .section-2025122409 .sectionTit {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.75em;
    }

    .section-2025122409 .sectionCon {
        width: 100%;
        margin-bottom: 0;
    }

    .section-2025122409 .swiper-button {
        display: none;
    }

    .section-2025122410 {
        padding: 3.5em 0;
    }

    .section-2025122410 .sectionHead {
        margin-bottom: 1em;
    }

    .section-2025122410 .sectionTit {
        width: 100%;
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .section-2025122411 .formName {
        font-size: 2.5em;
        display: block;
        width: 100%;
        margin-bottom: 0.25em;
    }

    .touch-form {
        padding: 2.25em 2em;
    }

}


.nav_modal {
    display: none;
    font-size: 1em;
    position: fixed;
    z-index: 1004;
}

.language_modal {
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    width: 1000px;
    max-width: 94%;
    height: 60%;
    background: #fff;
    border-radius: 1em;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);
    z-index: 1021;
    margin: auto;
    color: #000;
}

.language_modal_title {
    position: relative;
}

.language_modal_title span {
    font-family: 'Lora', sans-serif !important;
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 2em;
    overflow: hidden;
    padding: 0 0.75em;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    text-transform: uppercase;
}

.language_modal_title .language_close {
    display: block;
    width: 3.125em;
    height: 3.125em;
    line-height: 3.125em;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 1em;
    right: 1.5em;
    padding: 0.5em;
}

.language_con {
    padding: 1.875em;
    position: absolute;
    top: 5.625em;
    left: 0;
    right: 0;
    bottom: 2.5em;
    overflow: hidden;
    overflow-y: auto;
}

.language_modal_title .language_close svg {
    fill: var(--text);
    transition: all 0.4s;
	 width: 100%;
    height: 100%;
}

.language_modal_title .language_close:hover svg {
    fill: var(--theme);
}

.active_locale_v {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.language_modal_a {
    display: block;
    float: left;
    width: 16.6666%;
    padding: 1em 0.625em;
    transition: all 0.4s;
}

.language_modal_a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2em;
    font-size: 0.9375em;
    text-align: center;
    white-space: nowrap;
}

.language_modal_a.font-color span,
.language_modal_a:hover span {
    color: var(--theme);
}

.language_modal_a div {
    background-image: url(../images/languages_icon.png);
    background-size: 28.125em auto;
    width: 3.125em;
    height: 1.875em;
    margin: 0 auto;
}

.language_modal_a .icon-af {
    background-position: 0 0;
}

.language_modal_a .icon-am {
    background-position: -3.125em 0;
}

.language_modal_a .icon-ar {
    background-position: 0 -1.875em;
}

.language_modal_a .icon-az {
    background-position: -3.125em -1.875em;
}

.language_modal_a .icon-be {
    background-position: 0 -3.75em;
}

.language_modal_a .icon-bg {
    background-position: -3.125em -3.75em;
}

.language_modal_a .icon-bn {
    background-position: -7.5em 0;
}

.language_modal_a .icon-bs {
    background-position: -6.25em -1.875em;
}

.language_modal_a .icon-ca {
    background-position: -6.25em -3.75em;
}

.language_modal_a .icon-ceb {
    background-position: 0 -5.625em;
}

.language_modal_a .icon-co {
    background-position: -3.125em -5.625em;
}

.language_modal_a .icon-cs {
    background-position: -6.25em -5.625em;
}

.language_modal_a .icon-cy {
    background-position: 0 -7.5em;
}

.language_modal_a .icon-da {
    background-position: -3.125em -7.5em;
}

.language_modal_a .icon-de {
    background-position: -6.25em -7.5em;
}

.language_modal_a .icon-el {
    background-position: -9.375em 0;
}

.language_modal_a .icon-en {
    background-position: -9.375em -1.875em;
}

.language_modal_a .icon-eo {
    background-position: -9.375em -3.75em;
}

.language_modal_a .icon-es {
    background-position: -9.375em -5.625em;
}

.language_modal_a .icon-et {
    background-position: -9.375em -7.5em;
}

.language_modal_a .icon-eu {
    background-position: 0 -9.375em;
}

.language_modal_a .icon-fa {
    background-position: -3.125em -9.375em;
}

.language_modal_a .icon-fi {
    background-position: -6.25em -9.375em;
}

.language_modal_a .icon-fr {
    background-position: -9.375em -9.375em;
}

.language_modal_a .icon-fy {
    background-position: -12.5em 0;
}

.language_modal_a .icon-ga {
    background-position: -12.5em -1.875em;
}

.language_modal_a .icon-gd {
    background-position: -12.5em -3.75em;
}

.language_modal_a .icon-gl {
    background-position: -12.5em -5.625em;
}

.language_modal_a .icon-gu {
    background-position: -12.5em -7.5em;
}

.language_modal_a .icon-ha {
    background-position: -12.5em -9.375em;
}

.language_modal_a .icon-haw {
    background-position: 0 -11.25em;
}

.language_modal_a .icon-hi {
    background-position: -3.125em -11.25em;
}

.language_modal_a .icon-hmn {
    background-position: -6.25em -11.25em;
}

.language_modal_a .icon-hr {
    background-position: -9.375em -11.25em;
}

.language_modal_a .icon-ht {
    background-position: -12.5em -11.25em;
}

.language_modal_a .icon-hu {
    background-position: 0 -13.125em;
}

.language_modal_a .icon-hy {
    background-position: -3.125em -13.125em;
}

.language_modal_a .icon-id {
    background-position: -6.25em -13.125em;
}

.language_modal_a .icon-ig {
    background-position: -9.375em -13.125em;
}

.language_modal_a .icon-is {
    background-position: -12.5em -13.125em;
}

.language_modal_a .icon-it {
    background-position: -15.625em 0;
}

.language_modal_a .icon-iw {
    background-position: -15.625em -1.875em;
}

.language_modal_a .icon-ja {
    background-position: -15.625em -3.75em;
}

.language_modal_a .icon-jv {
    background-position: -15.625em -5.625em;
}

.language_modal_a .icon-jw {
    background-position: -15.625em -7.5em;
}

.language_modal_a .icon-ka {
    background-position: -15.625em -9.375em;
}

.language_modal_a .icon-kk {
    background-position: -15.625em -11.25em;
}

.language_modal_a .icon-km {
    background-position: -15.625em -13.125em;
}

.language_modal_a .icon-kn {
    background-position: 0 -15em;
}

.language_modal_a .icon-ko {
    background-position: -3.125em -15em;
}

.language_modal_a .icon-ku {
    background-position: -6.25em -15em;
}

.language_modal_a .icon-ky {
    background-position: -9.375em -15em;
}

.language_modal_a .icon-la {
    background-position: -12.5em -15em;
}

.language_modal_a .icon-lb {
    background-position: -15.625em -15em;
}

.language_modal_a .icon-lo {
    background-position: 0 -16.875em;
}

.language_modal_a .icon-lt {
    background-position: -3.125em -16.875em;
}

.language_modal_a .icon-lv {
    background-position: -6.25em -16.875em;
}

.language_modal_a .icon-mg {
    background-position: -9.375em -16.875em;
}

.language_modal_a .icon-mi {
    background-position: -12.5em -16.875em;
}

.language_modal_a .icon-mk {
    background-position: -15.625em -16.875em;
}

.language_modal_a .icon-ml {
    background-position: -18.75em 0;
}

.language_modal_a .icon-mn {
    background-position: -18.75em -1.875em;
}

.language_modal_a .icon-mr {
    background-position: -18.75em -3.75em;
}

.language_modal_a .icon-ms {
    background-position: -18.75em -5.625em;
}

.language_modal_a .icon-mt {
    background-position: -18.75em -7.5em;
}

.language_modal_a .icon-my {
    background-position: -18.75em -9.375em;
}

.language_modal_a .icon-ne {
    background-position: -18.75em -11.25em;
}

.language_modal_a .icon-nl {
    background-position: -18.75em -13.125em;
}

.language_modal_a .icon-no {
    background-position: -18.75em -15em;
}

.language_modal_a .icon-ny {
    background-position: -18.75em -16.875em;
}

.language_modal_a .icon-pa {
    background-position: 0 -18.75em;
}

.language_modal_a .icon-pl {
    background-position: -3.125em -18.75em;
}

.language_modal_a .icon-ps {
    background-position: -6.25em -18.75em;
}

.language_modal_a .icon-pt {
    background-position: -9.375em -18.75em;
}

.language_modal_a .icon-ro {
    background-position: -12.5em -18.75em;
}

.language_modal_a .icon-ru {
    background-position: -15.625em -18.75em;
}

.language_modal_a .icon-sd {
    background-position: -18.75em -18.75em;
}

.language_modal_a .icon-si {
    background-position: -21.875em 0;
}

.language_modal_a .icon-sk {
    background-position: -21.875em -1.875em;
}

.language_modal_a .icon-sl {
    background-position: -21.875em -3.75em;
}

.language_modal_a .icon-sm {
    background-position: -21.875em -5.625em;
}

.language_modal_a .icon-sn {
    background-position: -21.875em -7.5em;
}

.language_modal_a .icon-so {
    background-position: -21.875em -9.375em;
}

.language_modal_a .icon-sq {
    background-position: -21.875em -11.25em;
}

.language_modal_a .icon-sr {
    background-position: -21.875em -13.125em;
}

.language_modal_a .icon-st {
    background-position: -21.875em -15em;
}

.language_modal_a .icon-su {
    background-position: -21.875em -16.875em;
}

.language_modal_a .icon-sv {
    background-position: -21.875em -18.75em;
}

.language_modal_a .icon-sw {
    background-position: 0 -20.625em;
}

.language_modal_a .icon-ta {
    background-position: -3.125em -20.625em;
}

.language_modal_a .icon-te {
    background-position: -6.25em -20.625em;
}

.language_modal_a .icon-tg {
    background-position: -9.375em -20.625em;
}

.language_modal_a .icon-th {
    background-position: -12.5em -20.625em;
}

.language_modal_a .icon-tl {
    background-position: -15.625em -20.625em;
}

.language_modal_a .icon-tr {
    background-position: -18.75em -20.625em;
}

.language_modal_a .icon-uk {
    background-position: -21.875em -20.625em;
}

.language_modal_a .icon-ur {
    background-position: 0 -22.5em;
}

.language_modal_a .icon-uz {
    background-position: -3.125em -22.5em;
}

.language_modal_a .icon-vi {
    background-position: -6.25em -22.5em;
}

.language_modal_a .icon-xh {
    background-position: -9.375em -22.5em;
}

.language_modal_a .icon-yi {
    background-position: -12.5em -22.5em;
}

.language_modal_a .icon-yo {
    background-position: -15.625em -22.5em;
}

.language_modal_a .icon-zh-CN {
    background-position: -18.75em -22.5em;
}

.language_modal_a .icon-zh-TW {
    background-position: -21.875em -22.5em;
}

.language_modal_a .icon-zu {
    background-position: -25em 0;
}

@media all and (max-width:767px) {
    .language_modal_title span {
        font-size: 1.25em;
        height: 4.5em;
        padding: 1em 4em 0 2em;
        line-height: 1.5;
    }

    .language_modal_a {
        width: 25%;
    }
}

form .btn {
    cursor: pointer;
}

.video.vp-a {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.video.vp-a img {
    transition: all 0.75s;
    width: 100%;
}

.video.vp-a:hover img {
    transform: scale(1.1);
}

.YouTubePopUp-Wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    background-color: rgb(0 0 0 / 80%);
    top: 0;
    left: 0;
    z-index: 10000;
}

.Video-PopUp-Content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
}

.vp-flex {
    max-width: 800px;
    width: 100%;
    height: 450px;
    max-height: 90%;
    margin: 0 40px;
    position: relative;
    background-color: #000;
}

.vp-flex iframe,
.vp-flex video {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    outline: none !important;
    display: block;
    border: 5px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    background-color: #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.YouTubePopUp-Close {
    position: absolute;
    top: 0;
    cursor: pointer;
    left: -30px;
    margin: auto 0;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    font-weight: 300;
    width: 26px;
    height: 26px;
    background: url(../images/close.png) no-repeat center;
    background-size: 100%;
}

.YouTubePopUp-Close:hover {
    opacity: .5;
}

.vp-flex.vp-flex-no-border iframe,
.vp-flex.vp-flex-no-border video {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.vp-flex-no-border.vp-vt-locally,
.vp-flex-no-border.vp-vt-vimeo {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.video-popup-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.75em;
    height: 3.75em;
    margin-left: -1.875em;
    margin-top: -1.875em;
    border-radius: 50%;
    background: rgb(255 255 255 / 50%);
    padding: 1.125em;
    transition: all 0.35s;
}

.video-popup-animation svg {
    position: relative;
    z-index: 1;
    width: 1.5em;
    height: 1.5em;
    left: 0.125em;
}

.video-popup-animation svg path {
    transition: all 0.35s;
}

.video-popup-animation:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: rgb(255 255 255 / 50%);
    animation: video_pulse_animation_outside ease-out 2s infinite;
}

@keyframes video_pulse_animation_outside {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

.video-popup-animation:hover,
.video-popup-animation:hover:after {
    background: var(--minor);
}

.video-popup-animation:hover svg path {
    fill: #fff;
}

@media all and (max-width:767px) {

    .vp-flex,
    .Video-PopUp-Content .vp-flex {
        max-width: 480px !important;
        height: 270px !important;
    }

    .video.vp-a:before {
        background-size: 40px;
    }
}

@media all and (max-width:320px) {

    .vp-flex,
    .Video-PopUp-Content .vp-flex {
        max-width: 240px !important;
        height: 140px !important;
    }
}

@media all and (min-width:1030px) {
    .banner_buttons {
        top: -500px;
    }
}

@media all and (max-width:1440px) {
    .banner_buttons {
        top: -250px;
    }
}

#translate {
    display: none;
}



.header-2025122401 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: #ffffff;
    transition: all 0.5s;
}

.header.is_bg {
    top: -3em;
}

.header.is_bg .head_con .head_logo img {
    height: auto;
}

.header.is_bg .head_con .navbar .megamenu>a {
    padding: 1.5em 0.25em 1.5em;
}

.header-h {
    width: 100%;
    height: 7.5em;
}

.PageBanner {
    position: relative;
}

.BannerImg img {
    width: 100%;
    height: 38.75em;
    object-fit: cover;
}

section.PageBanner .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	 padding-top: 7.75em;
}

.BannerTitle {
    color: #fff;
    font-size: 3em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .0625em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
}

.AboutCompany {
    padding: 8.125em 0 5.625em;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}

.AboutCompanyTit h2 {
    font-size: 3em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .0625em;
}

.AboutCompanyTit p {
    font-size: 1.375em;
    text-align: center;
    margin-bottom: 2em;
}

/* .AboutCompanyFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.AboutCompanyItem {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.AboutCompanyItemImg {
    width: 2em;
    height: 2em;
    overflow: hidden;
}

.AboutCompanyItemImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
 */
.AboutCompanyFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* 每个 item 居中显示内容，并添加竖线分隔 */
.AboutCompanyItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;      /* 水平居中 */
    text-align: center;       /* 文字居中 */
    position: relative;       /* 用于竖线定位 */
    padding: 0 20px;          /* 给竖线留出空间 */
    box-sizing: border-box;
}

/* 用伪元素在 item 右侧画竖线 */
.AboutCompanyItem:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;              /* 竖线高度，可按需调整 */
    background-color: #ddd;   /* 竖线颜色，可按需调整 */
}

/* 数字和文字部分居中 */
.AboutCompanyTitText {
    display: flex;
    flex-direction: column;
    align-items: center;
}







.AboutCompanyTitText .itemNum span.counter {
    font-size: 2.25em;
    line-height: 1;
    color: var(--minor);
    font-weight: 500;
}

.AboutCompanyTitText .itemNum i {
    font-size: 2.25em;
    line-height: 1;
    display: inline-block;
    color: var(--minor);
    font-style: normal;
    font-weight: 500;
}

.AboutCompanyTitText {
    margin-left: 1.25em;
}

.AboutCompanyTitText .itemNum span:last-child {
    font-size: 1.125em;
    font-weight: 600;
    padding-left: .2em;
}

.AboutCompanyTitText .itemNum {
    margin-bottom: 0.625em;
}

.itemText p {
    display: block;
    font-size: 1.125em;
    margin-left: .2em;
}

.AboutCompanyContentFl {
    width: 47.5em;
    margin-top: 1.5em;
}

.AboutCompanyContentFr {
    width: 46.5625em;
}

.AboutCompanyContentFr .boxImg {
    box-shadow: 5px 10px 21px 10px rgba(5, 17, 17, 0.1);
}

.AboutCompanyContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3.75em;
    flex-direction: row;
    align-content: center;
}

.AboutCompanyContentFl h2 {
    font-size: 1.5em;
    padding-bottom: 1em;

}

.AboutCompanyContentFl p {
    font-size: 1.125em;
    line-height: 1.6;
    text-align: justify;
    text-justify: inter-word;
    /* 优化英文单词间距 */
    text-align-last: left;
    /* 最后一行左对齐，通常更美观 */

    /* 可选：控制断词 */
    word-break: normal;
    /* 默认，在单词间断行 */
    hyphens: auto;
    /* 支持时启用连字符断词 */

    /* 针对多浏览器的兼容写法 */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

section.AboutFactory {
    padding: 8.125em 0 0;
}

/* 容器整体布局 */
.AboutFactoryFlex {
    display: flex;
    gap: 0.625em;
    /* 10px 间距 */
    height: 40em;
}

/* 左侧大图占比布局 */
.AboutFactoryFlex .AboutFactoryItem:nth-child(1) {
    flex: 2;
    /* 占据 2 份宽度 */
}

/* 右侧两个纵向列占比布局 */
.AboutFactoryFlex .AboutFactoryItem:nth-child(n+2) {
    flex: 1;
    /* 各占据 1 份宽度 */
    display: flex;
    flex-direction: column;
    gap: 0.625em;
}

/* 右侧小盒子各占一半高度 */
.AboutFactoryBox {
    flex: 1;
}

/* 统一内部 tourItem 样式 */
.AboutFactory .tourItem {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.AboutFactory .tourImg,
.AboutFactory .tourImg a,
.AboutFactory .tourImg img {
    width: 100%;
    height: 100%;
    display: block;
}

.AboutFactory .tourImg img {
    object-fit: cover;
    /* 保证图片铺满不变形 */
    transition: transform 0.5s;
}

.AboutFactory .tourItem:hover .tourImg img {
    transform: scale(1.1);
    /* 悬停缩放效果 */
}

/* 文字遮罩样式 */
.AboutFactory .tourTxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* 初始统一灰色遮罩 */
    color: #fff;
    padding: 2em;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 初始居中 */
    align-items: center;
    /* 初始居中 */
    text-align: center;
    z-index: 10;
    /* 核心过渡：使用更高级的贝塞尔曲线，让位移看起来有弹性 */
    transition:
        background 0.6s ease,
        padding 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        justify-content 0s,
        align-items 0s;
}


.AboutFactory .tourTit {
    font-size: 1.875em;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 0.5em;
    display: block;
    position: relative;
    z-index: 1012;
}

.AboutFactory .tourTxt::after {
    content: "";
    width: 2.75em;
    height: 0.4375em;
    background: #ffffff;
    display: block;
}

.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
    padding: 1.875em;

}

section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt {
    background: linear-gradient(to top, rgb(0 0 0 / 30%) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 50%);
}

section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after {
    display: none;
}

/* 确保第一张大图没有任何特殊强制样式，彻底和小图同步 */
section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt,
.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt {
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 2em;
}

.AboutFactory .tourTxt::after,
section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after {
    content: "";
    width: 2.75em;
    height: 0.4375em;
    background: #ffffff;
    display: block !important;
    /* 强制显示 */
    transition: all 0.6s ease;
    opacity: 1;
}

/* 初始状态的小横条 */
.AboutFactory .tourTxt::after {
    content: "";
    width: 2.75em;
    height: 0.4375em;
    background: #ffffff;
    display: block;
    opacity: 1;
}

/* 统一标题和小横条的初始过渡 */
.AboutFactory .tourTit,
.AboutFactory .tourTxt::after {
    transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translate(0, 0);
    /* 初始无位移 */
}

/* --- 2. 悬停状态（Hover）：漂亮的过渡到右下角 --- */
.AboutFactory .tourItem:hover .tourTxt {
    background: unset !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    text-align: right !important;
    padding: 1.5em 1.5em .5em !important;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 20%) 30%, rgb(0 0 0 / 0%) 100%) !important;
}

/* 悬停时小横条的“漂亮”处理：淡淡消失并向下轻移 */
.AboutFactory .tourItem:hover .tourTxt::after {
    opacity: 0;
    transform: translateY(20px);
    margin-top: 0;
    height: 0;
}

/* 补充：背景图的轻微缩放，增加呼吸感 */
.AboutFactory .tourItem .tourImg img {
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.AboutFactory .tourItem:hover .tourImg img {
    transform: scale(1.1);
}

.AboutFactoryView a {
    font-size: 1.25em;
    text-transform: math-auto;
}

.AboutFactoryView {
    display: flex;
    justify-content: center;
    margin-top: 3.75em;
}

section.AboutPartners {
    padding: 8.125em 0 0;
    background: url(../images/mapbg.png) no-repeat center top;
    background-size: contain;
    text-align: center;
    background-position-y: 5em;
    height: 62.25em;
}

.PartnerMain {
    position: relative;
    width: 100%;
    height: 38em;
    /* 必须给容器高度，否则绝对定位会塌陷 */
    margin: 0 auto;
    max-width: 85em;
}

.PItem {
    position: absolute;
    width: 14.625em;
    transition: all 0.4s;
    z-index: 1;
    height: 13em;
}

.PItem img {
    width: 100%;
    height: auto;
    display: block;
    /* 图片自带阴影，不需要额外写 drop-shadow */
}

.PItem:hover {
    transform: scale(1.05);
    z-index: 10;
}

.p1 {
    top: 8.5em;
    left: 20em;
}

.p2 {
    top: 1.5em;
    left: 8em;
}

.p3 {
    top: 8.5em;
    left: -4em;
}

.p4 {
    top: 1.5em;
    left: 32em;
}

.p5 {
    top: 15.5em;
    left: 32em;
}

.p6 {
    top: 0.5em;
    left: 46em;
    width: 7.8125em;
    height: 6.9375em;
}

.p7 {
    top: 8.5em;
    left: 44em;
}

.p8 {
    top: 1.5em;
    left: 56em;
}

.p9 {
    top: 8.5em;
    left: 67.5em;
}

.p10 {
    top: 22.5em;
    left: 20em;
}

.p11 {
    top: 0.5em;
    left: 1em;
    width: 7.75em;
    height: 6.875em;
}

.p12 {
    top: 15em;
    left: 15.5em;
    width: 4.5em;
    height: 4em;
}

.p13 {
    top: 15em;
    left: 58.5em;
    width: 4.5em;
    height: 4em;
}


section.AboutCertifications {
    padding: 5em 0 3.75em;
    background: url(/wp-content/uploads/2026/10/PRODUCTION_SUPPLY-PROCESS_banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cert-full-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 3.125em 0 0;
}

.cert-swiper {
    width: 100%;
    padding-bottom: 3.125em;
    overflow: visible;
}

/* * Slide 基础样式 
         */
.cert-swiper .swiper-slide {
    /* 默认高度和宽度由 Swiper JS 计算，这里只需处理内部内容 */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease-out;
    /* 关键：平滑过渡动画 */
    /* 默认状态：缩小，透明度降低 */
    transform: scale(0.85);
    z-index: 1;
}

.cert-swiper .swiper-slide .cert-item {
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
}

/* 模拟图片样式 (如果您的图片无法加载，这会显示色块) */
.cert-swiper .swiper-slide .cert-item img {
    display: block;
    width: 98%;
    height: auto;
    aspect-ratio: 559/818;
    /* 强制图片比例，防止高度塌陷 */
    object-fit: cover;
}

/* * =================================================================
         * 核心逻辑：使用 CSS 选择器实现 "双C位" + "堆叠" + "中间间隔"
         * =================================================================
         */

/* --- 1. 基础堆叠位置调整 (两侧) --- */

/* 左侧边缘 (Active) */
.cert-swiper .swiper-slide-active {
    transform: scale(0.85) translateX(-15%) translateY(10%);
    z-index: 1;
}

/* 左侧内部 (Active + 1) */
.cert-swiper .swiper-slide-active+.swiper-slide {
    transform: scale(1) translateX(-20%) translateY(5%);
    z-index: 5;
}

/* 右侧内部 (Active + 4) */
.cert-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide {
    transform: scale(0.95) translateX(15%) translateY(5%);
    z-index: 5;
}

/* 右侧边缘 (Active + 5) */
.cert-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide {
    transform: scale(0.85) translateX(5%) translateY(10%);
    z-index: 1;
}

.cert-swiper .swiper-slide-active+.swiper-slide+.swiper-slide {
    transform: scale(1.15) translateX(-12%);
    opacity: 1;
    z-index: 10;
}

.cert-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide {
    transform: scale(1.15) translateX(10%);
    opacity: 1;
    z-index: 10;
}

.cert-prev,
.cert-next {
    width: 2.5em;
    height: 2.5em;
    background: rgb(0 0 0 / 30%);
    z-index: 20;
    border-radius: .25em;
}

.cert-prev {
    left: 28em;
}

.cert-next {
    right: 26.5em;
}

.cert-prev:after,
.cert-next:after {
    font-size: 1.125em;
    font-weight: bold;
    color: #ffffff;
}

.AboutCertificationsTips {
    text-align: center;
    color: #4b4b4b;
    font-size: 1em;
    margin-top: 1em;
}

.cert-dots {
    bottom: 0 !important;
    position: relative;
    margin-top: 2em;
}

/* 未激活的圆点样式 */
.cert-dots .swiper-pagination-bullet {
    width: 0.8em;
    height: 0.8em;
    background: #888888;
    /* 灰色 */
    opacity: 1;
    margin: 0 0.4em !important;
    transition: all 0.3s;
}

/* 激活状态的圆点样式 */
.cert-dots .swiper-pagination-bullet-active {
    background: linear-gradient(to right, #a67b4e, #f6d6a5);
    /* 这里的黄色请根据你设计稿的品牌色微调，参考值：#FFC107 或 #f1c40f */
    width: 0.8em;
}

section.AboutTrusted {
    padding: 8.125em 0;
}

.AboutTrustedFlex {
    margin-top: 2.5em;
    /* 40px */
}

.AboutTrustedItem {
    width: 49.5%;
    /* 两列布局，中间留 2% 间距 */
    position: relative;
    overflow: hidden;
}

.AboutTrustedBox .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #eee;
}

.AboutTrustedBox .img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
}

.AboutTrustedBottom {
    position: relative;
    margin-top: .9375em;
    padding-bottom: 3.25em;
}


.trust-slide-item {
    overflow: hidden;
}

.trust-slide-item img {
    width: 100%;
    display: block;
    transition: 0.5s;
    height: 15.5em;
    object-fit: cover;
}

.trust-slide-item:hover img {
    transform: scale(1.05);
}

/* 导航按钮样式修改 */
.AboutTrustedBottom .swiper-button-prev,
.AboutTrustedBottom .swiper-button-next {
    width: 2.5em;
    height: 2.5em;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    margin-top: -3em;
    /* 向上微调位置 */
    border-radius: .25em;
}

.AboutTrustedBottom .swiper-button-prev:after,
.AboutTrustedBottom .swiper-button-next:after {
    font-size: 1.2em;
}

.AboutTrustedBottom .swiper-button-prev {
    left: -4em;
}

.AboutTrustedBottom .swiper-button-next {
    right: -4em;
}

/* 分页器颜色修改：黄色激活 + 灰色未激活 */
.AboutTrustedBottom .trusted-dots {
    bottom: 0 !important;
}

.AboutTrustedBottom .trusted-dots .swiper-pagination-bullet {
    background: #888;
    opacity: 1;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.4em !important;
}

.AboutTrustedBottom .trusted-dots .swiper-pagination-bullet-active {
    background: linear-gradient(to right, #a67b4e, #f6d6a5);
}

section.OEMODM {
    padding: 8.125em 0 5.625em;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}

.OEMODMImg img {
    box-shadow: 6px 2px 21px 2px rgba(0, 0, 0, 0.2);
}

.OEMODMFlex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3em;
}

.OEMODMFl {
    width: 44.5625em;
}

.OEMODMFr {
    width: 52.5em;
}

.OEMODMFr .AboutCompanyTit h2 {
    text-align: left;
}

.OEMODMFr .AboutCompanyTit p {
    text-align: left;
    margin-top: .875em;
    margin-bottom: 0;
}





.oem-accordion {
    margin-top: 5em;
}


.oem-acc-item.active {
    border-bottom: 1px solid #b4b4b4;
}

.oem-acc-head {
    padding: 1.5em 0;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 1px solid #b4b4b4;
}

.oem-acc-head h3 {
    font-size: 1.5em;
    /* 24px */
    letter-spacing: 0.05em;
}

/* 激活状态或者悬停时标题变黄 */
.oem-acc-item.active .oem-acc-head h3,
.oem-acc-head:hover h3 {
    color: #f1c40f;
    /* 品牌黄 */
}

/* 右侧加号/减号图标实现 */
.icon-plus {
    width: 1.25em;
    height: 1.25em;
    position: relative;
}

.icon-plus::before,
.icon-plus::after {
    content: '';
    position: absolute;
    background: #333;
    transition: all 0.3s;
}

.icon-plus::before {
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}

.icon-plus::after {
    height: 100%;
    width: 2px;
    left: 50%;
    margin-left: -1px;
}

/* 激活时加号变减号（旋转或隐藏 after） */
.oem-acc-item.active .icon-plus::after {
    transform: rotate(90deg);
    opacity: 0;
}

.oem-acc-item.active .icon-plus::before {
    background: #f1c40f;
}

/* 内容区域样式 */
.oem-acc-body {
    display: none;
    /* 默认隐藏 */
    padding: 1em 0 2.5em;
}

.oem-acc-con h4 {
    font-weight: 500;
    font-size: 1.125em;
    /* 18px */
    margin: 1.5em 0 0.8em;
}

/* 截图中的黄色圆点 */
.oem-acc-con h4::before {
    content: '';
    width: 0.6em;
    height: 0.6em;
    background: #f1c40f;
    border-radius: 50%;
    margin-right: 0.8em;
    display: inline-block;
}

.oem-acc-con p {
    line-height: 1.6;
}

.oem-list {
    list-style: none;
}

.oem-list li {
    margin-bottom: 0.5em;
    color: #333;
}

.OEMODMImg img {
    width: 100%;
    height: 56.875em;
    object-fit: cover;
}

section.Options {
    padding: 8.125em 0 0;
}




.options-tabs-box {
    margin: 2em 0 3em;
}

.options-tabs .tab-item {
    font-size: 1.625em;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    font-weight: 500;
}

.options-tabs .tab-item:hover,
.options-tabs .tab-item.active {
    color: #f7d23e;
}

.options-tabs .tab-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #f7d23e;
    transition: width 0.3s;
}

.options-tabs .tab-item.active::after {
    width: 100%;
}

.options-tabs .tab-line {
    margin: 0 1.5em;
    font-size: 1.1em;
}

.options-swiper-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.optionsSwiper {
    width: 100%;
    height: auto;
}

.opt-content {
    position: relative;
    width: 100%;
}

.opt-img {
    width: 100%;
    overflow: hidden;
}

.opt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.optionsSwiper .swiper-slide-active .opt-txt {
    opacity: 1;
}

.opt-txt {
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 2;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    width: 100%;
    margin: 0 auto;
    padding: 0 3.125em;
    opacity: 0;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 41%) 0%, rgb(0 0 0 / 40%) 25%, rgb(0 0 0 / 0%) 100%);
    padding-bottom: 3.125em;
}

.opt-txt h3 {
    font-size: 2.125em;
    /* 36px */
    margin-bottom: 0.5em;
    font-weight: bold;
}

.opt-next {
    right: 13em;
}

.opt-prev {
    left: 13em;
}

.opt-txt p {
    font-size: 1.375em;
    /* 18px */
    opacity: 0.9;
}

.opt-next,
.opt-prev {
    width: 3.125em;
    height: 3.125em;
    background: rgb(255 255 255 / 50%);
    color: #fff !important;
    border-radius: .25em;
}

.opt-next::after,
.opt-prev::after {
    font-size: 1.25em;
}

.opt-next:hover,
.opt-prev:hover {
    background: #f7d23e;
}

.optionsSwiper .swiper-slide {
    transition: all 0.6s ease;
    position: relative;
    transform: scale(1);
    opacity: 1;
}

.optionsSwiper .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    /* 阴影颜色和深度，0.5代表50%黑 */
    transition: opacity 0.8s ease;
    /* 动画时间建议与 Swiper speed 保持一致 */
    z-index: 2;
    pointer-events: none;
    /* 保证点击能穿透到下面的图片 */
}

/* 只有中间那个（Active）恢复正常 */
.optionsSwiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}

.optionsSwiper .swiper-slide-active::after {
    opacity: 0;
}

.ProcessItem:hover .ProcessItemImg img {
    opacity: 1;
    transform: scale(1);
}

section.Process {
    padding: 8.125em 0;
}

.ProcessFlex {
    gap: 3em 3%;
    -webkit-box-pack: wrap;
    -ms-flex-pack: wrap;
    -webkit-justify-content: wrap;
    justify-content: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 5em;
}

.ProcessItem {
    position: relative;
    width: 31.25%;
    height: 16.875em;
    overflow: hidden;
    border-radius: 1.3125em;
    box-shadow: 6px 2px 21px 2px rgba(143, 120, 31, 0.2);
    background: #ffffff;
}

.ProcessItemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.75s;
    transform: scale(1.5);
}

.ProcessItemTxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
}

.ProcessItem:hover .ProcessItemTxt {
    background: rgba(0, 0, 0, 0.4);
}

.ProcessItemTxt .icon {
    width: 2.8125em;
    height: 2.8125em;
}

.ProcessItemTxt .icon img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.ProcessItemTxt h3 {
    font-size: 1.5em;
    margin: 0.9375em 0;
}

.ProcessItemTxt p {
    font-size: 1.25em;
}

.ProcessItem:hover .ProcessItemTxt .icon img {
    filter: invert(1);
    filter: brightness(1000%) contrast(100%);
    filter: brightness(500%) contrast(200%) saturate(0%);
    filter: invert(100%) hue-rotate(180deg) saturate(0%) brightness(1000%);
}

.ProcessItem:hover .ProcessItemTxt h3,
.ProcessItem:hover .ProcessItemTxt p {
    color: #fff;
}


section.Contact {
    padding: 8.125em 0 5em;
    background: url(../images/mapbg.png) no-repeat center top;
    background-size: cover;
}

.ContactFlex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 8.125em;
}

.ContactFr {
    width: 40em;
}

.ContactFl {
    width: 33.75em;
    margin-top: 2.1em;
}

.ContactFrFromItme:nth-last-child(2) {
    margin-bottom: 0;
}

.ContactFrFrom {
    background: #F4F0ED;
    border-radius: 0.5625em;
    padding: 2.5em 4.0625em 2.5em;
    box-shadow: -2px 2px 11px 5px rgba(5, 17, 17, 0.1);
}

.ContactFlList {
    margin-top: 3.4375em;
}

.ContactFlItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.1875em;
}

.ContactFlItem img {
    width: 1.4375em;
    height: auto;
    object-fit: contain;
}

.ContactFlItem a {
    font-size: 1.375em;
    margin-left: 1em;
    line-height: 1.5;
    margin-top: -.2em;
    font-weight: 500;
}

.ContactFlItem a span {
    font-weight: 400;
}

.ContactFlItem a:hover {
    color: var(--minor);
}

.WItemEwm {
    width: 9.375em;
    height: 9.375em;
}

.WItemEwm img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ContactFlItemEwm {
    display: flex;
    gap: 2.5em;
}

section.ContactMap {
    margin-top: 1.25em;
    padding-bottom: 8.125em;
}

.ContactFrFromTit h2 {
    font-size: 1.875em;
}

.ContactFrFromTit p {
    font-size: 1.125em;
    margin-top: 1.175em;
    line-height: 1.7;
}

.ContactFlTit p {
    font-size: 1.125em;
    margin-top: 1.175em;
    line-height: 1.7;
}

.ContactFrFrom form {
    margin-top: 2.1875em;
}

.ContactFrFromItme input {
    width: 100%;
}

/* 联系我们表单样式重写 */
.ContactFrFrom {
    padding-top: 2em;
}

.ContactFrFromItme {
    margin-bottom: 2.5em;
    position: relative;
}

/* 输入框和文本域统一基础样式 */
.ContactFrFromItme input[type="text"],
.ContactFrFromItme input[type="email"],
.ContactFrFromItme input[type="tel"],
.ContactFrFromItme textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    /* 浅灰色下划线 */
    padding: 0 0 0.9375em;
    font-size: 1.125em;
    outline: none;
    background: transparent;
    transition: all 0.3s;
}

/* 文本域高度 */
.ContactFrFromItme textarea {
    height: 8em;
    resize: none;
}

/* 焦点状态：下划线变黄 */
.ContactFrFromItme input:focus,
.ContactFrFromItme textarea:focus {
    border-bottom-color: #f7d23e;
}

/* Placeholder 颜色修改 */
.ContactFrFromItme input::placeholder,
.ContactFrFromItme textarea::placeholder {
    color: #999;
    font-size: 1.125em;
}

/* 验证码排列 */
.ContactFrFromCode {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.ContactFrFromCode input {
    flex: 1;
}

.ContactFrFromCode img {
    margin-left: 2em;
    margin-bottom: .9375em;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ContactFrFromSubmit {
    display: inline-block;
    font-size: 1.25em;
    background: var(--minor);
    border-radius: 0.25em;
    position: relative;
    overflow: hidden;
}

.ContactFrFromItme .ContactFrFromSubmit input {
    width: auto;
    padding: 0.75em 2em;
    border-width: 0;
    cursor: pointer;
    background: transparent;
    position: relative;
    z-index: 2;
}

.ContactFrFromSubmit:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.ContactFrFromItme:hover .ContactFrFromSubmit:before {
    animation: btn-animation .75s;
    z-index: 1;
}
/* 隐藏按钮加载 */
.ContactFrFromSubmit .wpcf7-spinner{
	display:none;
}
.ContactFrFromItme:hover input {
    color: #ffffff;
}

.ContactFrFromItme:last-child {
    margin-bottom: 0;
}

/* Structured business inquiry form. */
.jf-inquiry-form-grid,
.jf-inquiry-context-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5em 1.25em;
}

.jf-inquiry-form-grid .ContactFrFromItme {
    margin-bottom: 0;
}

.jf-inquiry-form-grid .jf-field-full,
.jf-inquiry-context {
    grid-column: 1 / -1;
}

.ContactFrFromItme label,
.jf-inquiry-context label {
    display: block;
    color: #565656;
    font-size: 0.875em;
    line-height: 1.45;
}

.ContactFrFromItme label>span:first-child,
.jf-inquiry-context label>span:first-child {
    display: block;
    margin-bottom: 0.5em;
    font-weight: 500;
}

.ContactFrFromItme select,
.ContactFrFromItme input[type="file"],
.jf-inquiry-context input {
    width: 100%;
    min-height: 2.75em;
    padding: 0 0 0.75em;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    outline: 0;
    background: transparent;
    color: var(--text);
    font-size: 1em;
}

.ContactFrFromItme select:focus,
.ContactFrFromItme input[type="file"]:focus,
.jf-inquiry-context input:focus {
    border-bottom-color: #f7d23e;
}

.jf-inquiry-context {
    display: none;
    margin-bottom: 2em;
    padding: 1.25em;
    border: 1px solid rgba(183, 129, 59, 0.25);
    border-radius: 0.375em;
    background: rgba(255, 255, 255, 0.5);
}

.jf-inquiry-context.has-inquiry-context {
    display: block;
}

.jf-inquiry-context-title {
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: 600;
}

.jf-inquiry-context input[readonly] {
    color: #595959;
}

.jf-upload-note {
    display: block;
    margin-top: 0.5em;
    color: #777;
    font-size: 0.75em;
}

.jf-privacy-note {
    margin-top: 1.25em;
    color: #6f6f6f;
    font-size: 0.8125em;
    line-height: 1.6;
}

.ContactFrFromItme:not(.jf-submit-row):hover input {
    color: var(--text);
}

.jf-submit-row {
    margin-top: 0.25em;
}

.ContactFrFrom .wpcf7-not-valid-tip {
    margin-top: 0.45em;
    color: #b42318;
    font-size: 0.75em;
}

.ContactFrFrom .wpcf7-response-output {
    margin: 1.5em 0 0;
}

.ContactMapImg img {
    width: 100%;
    display: block;
}

.ContactMapImg {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ContactMapText {
    position: absolute;
    left: 43%;
    top: 25%;
    background: #fff;
    padding: 1.5%;
    max-width: 28.25em;
    border-radius: 0.625em;
    z-index: 5;
    border: 1px solid #e5e5e5;
}

/* 信息框内的标题 */
.ContactMapText h3 {
    font-size: 1.25em;
    /* 20px */
    font-weight: bold;
    color: #333;
    margin-bottom: 0.6em;
    line-height: 1.2;
}

/* 信息框内的地址文字 */
.ContactMapText p {
    font-size: 1em;
    /* 16px */
    color: #666;
    line-height: 1.6;
}

.RawContent {
    margin-top: -8.75em;
    max-width: 100%;
    width: 90%;
    margin: -8.75em auto 0;
    position: relative;
    z-index: 999;
    background: #ffffff;
}

.RawDown {
    padding-top: 5em;
    text-align: center;
}

.RawDown a img {
    display: block;
    margin: 0 auto;
}

.RawDown a {
    display: block;
    margin-bottom: 1.875em;
}

.RawDown p {
    font-size: 1.375em;
    text-align: center;
    margin-bottom: 3em;
    font-weight: 500;
}

.RawContent .AboutCompanyTit h2 {
    margin-bottom: .25em;
}

.raw-tab-con-wrap {
    max-width: 79.375em;
    width: 100%;
    margin: 0 auto;
}

.raw-tabs-box {
    margin-top: 3em;
}

.raw-tab-nav {
    margin-bottom: 2.55em;
}

.raw-tab-nav li {
    width: 16.25em;
    height: 2.8125em;
    border: 1px solid #d4d4d4;
    border-radius: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 0.6em;
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
}

.raw-tab-nav li a {
    font-size: 1.375em;
}

.raw-tab-nav li:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.raw-tab-nav li:hover:before {
    animation: btn-animation .75s;
    z-index: 1;
}

.raw-tab-nav li.active {
    color: transparent !important;
    border: 0 !important;
    background-image: var(--jf-gradient-gold), linear-gradient(var(--jf-color-black), var(--jf-color-black)) !important;
    -webkit-background-clip: text, border-box !important;
    -webkit-text-fill-color: transparent;
    box-shadow: 0 .35em .85em rgb(25 25 25 / 18%);
}

.raw-tab-item {
    display: none;
    /* 默认隐藏 */
    animation: fadeIn 0.5s;
    /* 添加淡入效果 */
}

.raw-tab-item.active {
    display: block;
}

.raw-info-txt {
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 3.125em;
    margin-bottom: 3.125em;
}

.raw-info-txt h3 {
    width: 30%;
    font-size: 1.875em;
    color: #191919;
}

.raw-info-txt p {
    width: 65%;
    font-size: 1.375em;
    line-height: 1.6;
}

.raw-imgs .img-box {
    width: 48.5%;
    overflow: hidden;
    box-shadow: 6px 2px 21px 2px rgba(0, 0, 0, 0.2);
}

.raw-imgs .img-box img {
    width: 100%;
    display: block;
    transition: transform 0.5s;
    object-fit: cover;
    height: 26em;
}

.raw-imgs .img-box:hover img {
    transform: scale(1.05);
}

section.Raw {
    padding-bottom: 4.375em;
}

.Manufacturing {
    padding: 5em 0;
    position: relative;
    background: url(/wp-content/uploads/2026/10/PRODUCTION_SUPPLY-PROCESS_banner.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.ManuList {
    margin-top: 3em;
}

.ManuItem {
    position: relative;
    flex: 0 1 31.5%;
    /* PC端三列，预留一些间距 */
    margin: 0.8% 0.9%;
    overflow: hidden;
    cursor: pointer;
}

.ManuItem .img-box {
    width: 100%;
    height: 18.75em;
    /* 300px */
}

.ManuItem .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
}

/* 底部黑色渐变遮罩 */
.ManuItem::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    z-index: 1;
}

.ManuTxt {
    position: absolute;
    bottom: 1.25em;
    left: 1.25em;
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    z-index: 2;
    transition: transform 0.3s;
}

/* Hover 动画效果 */
.ManuItem:hover .img-box img {
    transform: scale(1.1);
}

.ManuItem:hover .ManuTxt {
    transform: translateX(10px);
}

section.System {
    padding: 4.375em 0 0;
}


/* QC System Tabs */
.sys-tabs-box {
    margin-top: 2.8125em;
}

.sys-tab-nav {
    max-width: 79.375em;
    width: 100%;
    margin: 0 auto 2.5em;
}

.sys-tab-nav li {
    border-bottom: none;
    text-align: center;
    height: 2.8125em;
    border: 1px solid #d4d4d4;
    border-radius: .5em;
    cursor: pointer;
    margin: 0 1.09375em;
    transition: all 0.5s;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 1.5625em;
}

section.System .AboutCompanyTit h2 {
    margin-bottom: .25em;
}

section.Manufacturing .AboutCompanyTit h2 {
    margin-bottom: .25em;
}

.sys-tab-nav li a {
    font-size: 1.375em;
}

.sys-tab-nav li.active {
    color: transparent !important;
    border: 0 !important;
    background-image: var(--jf-gradient-gold), linear-gradient(var(--jf-color-black), var(--jf-color-black)) !important;
    -webkit-background-clip: text, border-box !important;
    -webkit-text-fill-color: transparent;
    box-shadow: 0 .35em .85em rgb(25 25 25 / 18%);
}


.sys-tab-item {
    display: none;
}

.sys-tab-item.active {
    display: block;
}

.sys-info-box {
    border-bottom: 1px solid #b4b4b4;
    max-width: 79.375em;
    width: 100%;
    margin: 0 auto 2.5em;
    padding-bottom: 3em;
}

.sys-tit {
    font-size: 1.875em;
    width: 33%;
    font-weight: bold;
    line-height: 1.2;
    color: #191919;
}

.sys-desc {
    width: 65%;
    font-size: 1.375em;
    line-height: 1.6;
}

/* Swiper 样式 */
.sys-swiper-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 37.5em;
}

.sys-swiper-box .sysSwiper {
    width: 100%;
    height: 100%;
}

.sys-swiper-box .swiper-slide {
    width: 43.75em;
    transition: 0.3s;
}

.sys-swiper-box .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.9);
}

.sys-swiper-box .img-box {
    position: relative;
    width: 100%;
    height: 31.25em;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.sys-swiper-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qc-name {
    position: absolute;
    bottom: 1.25em;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.875em;
    z-index: 1000;
    opacity: 0;
    font-weight: 600;
}

.sys-prev {
    left: 27.3em;
}

.sys-next {
    right: 27.3em;
}

.sys-next,
.sys-prev {
    margin-top: -3.125em;
    transition: 0.3s;
    width: 3.125em;
    height: 3.125em;
    background: rgb(43 43 43 / 35%);
    color: #fff !important;
    border-radius: .25em;
}

.sys-next:after,
.sys-prev:after {
    font-size: 1.25em !important;
    color: #fff;
}

.sys-next:hover,
.sys-prev:hover {
    background: #eab42a;
}

.sys-tab-nav li:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.sys-tab-nav li:hover:before {
    animation: btn-animation .75s;
    z-index: 1;
}

.sys-swiper-box .swiper-slide .img-box:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000078;
    z-index: 1000;
    content: "";
}

.sys-swiper-box .swiper-slide.swiper-slide-active .img-box:before {
    background: linear-gradient(to top, rgb(0 0 0 / 30%) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 50%);
}

.sys-swiper-box .swiper-slide.swiper-slide-active .qc-name {
    opacity: 1;
}


.PackTit .AboutCompanyTit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.PackTit .AboutCompanyTit h2 {
    text-align: left;
}

.PackTit .AboutCompanyTit p {
    text-align: left;
}

.Pack {
    padding: 0 0 6.25em;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}

.PackList {
/*     margin-top: 3.75em; */
    margin-top: 3em;
    gap: 0.9375em;
}

.PackItem .img-box {
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-radius: 2px;
}

.PackItem .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.PackItem:hover img {
    transform: scale(1.05);
}

section.pos {
    height: 3.75em;
    line-height: 3.75em;
    background: #191919;
}

.breadcrumb {
    display: flex;
    align-items: center;
    height: 3.75em;
    justify-content: flex-start;
}

.breadcrumb img {
    width: 1.4375em;
    object-fit: contain;
    height: auto;
    margin-right: 0.625em;
}

.breadcrumb a,
.breadcrumb span {
    font-size: 1.125em;
    font-weight: 500;
    margin-right: 0.625em;
}

/* 面包屑搜索框样式 */
.breadcrumb-search {
    width: 18.75em;
    /* 300px */
}

.breadcrumb-search form {
    position: relative;
    border: 1px solid #333;
    border-radius: 2em;
    /* 圆角矩形 */
    padding: 0 1em;
    height: 2.25em;
    background: transparent;
}

.breadcrumb-search form i.fa-search {
    font-size: 0.9em;
    color: #333;
    margin-right: 0.5em;
}

.breadcrumb-search input {
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.9375em;
    color: #333;
    width: 100%;
    height: 100%;
}

.breadcrumb-search input::placeholder {
    color: #999;
}

.breadcrumb-search button {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
}

.breadcrumb-search button i {
    font-size: 1em;
    color: #333;
    transition: 0.3s;
}

.breadcrumb-search button:hover i {
    color: var(--minor);
    /* 悬停颜色 */
}



.CategoryList {
    display: flex;
    justify-content: center;
    height: 10em;
    align-items: center;
    gap: 5.625em;
}

.CategoryList a {
    font-size: 1.625em;
    font-weight: 600;
    color: #737373;
}

.CategoryList span {
    height: 1.625em;
    width: 1px;
    background: #000000;
    display: block;
}

.CategoryList a.active {
    color: var(--theme);
}



.QAItem {
    width: 47.5%;
    background: #f5f5f5;
    padding: 2.25em 2.5em;
    border-radius: 0 0 4.375em 0;
    margin-bottom: 1.875em;
    box-sizing: border-box;
    margin-right: 5%;
}

.QAItem:nth-child(2n) {
    margin-right: 0;
}

.QAHead {
    position: relative;
    padding-bottom: 1.25em;
}

.icoQ,
.icoA {
    width: 2em;
    height: 2em;
    border: 1px solid #333;
    border-radius: 50%;
    font-weight: 500;
    flex-shrink: 0;
    margin-right: 1.25em;
}

.QText {
    font-size: 1.125em;
    font-weight: bold;
    color: #333;
    flex: 1;
    padding-right: 1.5em;
    cursor: pointer;
}

.QAItem:hover .QText a {
    color: var(--minor);
}

.plus {
    font-size: 1.25em;
    color: #333;
}

.QABody {
    margin-top: 0.5em;
}

.icoA {
    border-color: #eab42a;
    color: #eab42a;
}

/* 主旋律黄色 */

.AText {
    font-size: 1em;
    color: #666;
    line-height: 1.6;
    flex: 1;
}

/* 分页样式 */
.Pagination {
    gap: 2em;
}

.Pagination a {
    font-size: 2em;
    color: #999;
    text-decoration: none;
    transition: 0.3s;
    position: relative;
}

.Pagination a.num.active {
    color: var(--theme);

}

.Pagination a.num.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}

.Pagination a:hover {
    color: #eab42a;
}

section.FAQ {
    padding-bottom: 8.125em;
}

.QAList {
    padding-bottom: 8.125em;
    padding: 0 6.25em 8.125em;
    justify-content: flex-start;
}

.QAItem:nth-child(2) {
    margin-right: 0;
}
/* 
.StartContent {
    background-color: #efefef;
    background: url(../images/renbg.png) #efefef no-repeat center;
    height: 31.25em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8.125em;
}

.StartText.AboutCompanyTit h2 {
    text-align: left;
}

.StartText.AboutCompanyTit p {
    text-align: left;
    margin-top: .3em;
}

.StartContent a {
    padding: 0.9375em 1.875em;
}

.StartContent span {
    display: block;
    font-size: 1.25em;
} */

section.Start.StartTileSourcing {
    padding: 0 0 8.125em;
}

/*
 * 与全站正常内容区域保持一致：
 * 96% 宽度，最大 100em，水平居中。
 */
.StartTileSourcing > .container {
    width: 96%;
    max-width: 100em;
    margin-right: auto;
    margin-left: auto;
}

.StartTileSourcing .StartContent {
    position: relative;
    isolation: isolate;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 31.25em;
    padding: 3.5em 2em;

    overflow: hidden;

    background-color: #191919;
    background-image:
        linear-gradient(
            rgb(0 0 0 / 0%),
            rgb(0 0 0 / 0%)
        ),
        url("/wp-content/uploads/2026/10/product页底部联系表单引导-2.png");

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.StartTileSourcing .StartText.AboutCompanyTit {
    position: relative;
    z-index: 2;

    width: min(100%, 60em);
    margin: 0 auto;

    color: #fff;
    text-align: center;
}

.StartTileSourcing .StartText.AboutCompanyTit h2 {
    margin: 0;

    color: #fff;
    font-family: "Lora", serif;
    font-size: clamp(2.25em, 3.2vw, 3em);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: 0.025em;
    text-align: center;
}

.StartTileSourcing .StartText.AboutCompanyTit p {
    max-width: 48em;
    margin: 0.5em auto 0;

    color: #fff;
    font-family: "Google Sans Flex", sans-serif;
    font-size: clamp(1em, 1.35vw, 1.4em);
    line-height: 1.35;
    text-align: center;
}

.StartTileSourcing .StartContent .sectionBtn.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 3.25em auto 0;
    padding: 0.875em 1.75em;
    border: 0;
    border-radius: 8px;
    background: #191919 !important;
    box-shadow: 0 0.25em 0.75em rgb(0 0 0 / 25%);
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.StartTileSourcing .StartContent .sectionBtn.btn span {
    display: block;

    background-image: linear-gradient(
        90deg,
        #a67b4e,
        #f6d6a5
    );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;

    font-size: 1.125em;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.StartTileSourcing .StartContent .sectionBtn.btn:hover {
    background: #000;
    box-shadow: 0 0.5em 1.25em rgb(0 0 0 / 35%);
    transform: translateY(-0.2em);
}

@media screen and (max-width: 680px) {
    section.Start.StartTileSourcing {
        padding-bottom: 4em;
    }

    .StartTileSourcing > .container {
        width: 92%;
        max-width: 100em;
    }

    .StartTileSourcing .StartContent {
        display: flex;
        min-height: 27em;
        padding: 3.5em 1.25em;

        background-position: center;
        background-size: cover;
    }

    .StartTileSourcing .StartText.AboutCompanyTit {
        width: 100%;
    }

    .StartTileSourcing .StartText.AboutCompanyTit h2 {
        font-size: clamp(2em, 9vw, 2.75em);
    }

    .StartTileSourcing .StartText.AboutCompanyTit p {
        max-width: 28em;
        margin-top: 0.85em;
        font-size: 1.05em;
        line-height: 1.5;
    }

    .StartTileSourcing .StartText.AboutCompanyTit p br {
        display: none;
    }

    .StartTileSourcing .StartContent .sectionBtn.btn {
        margin-top: 2.25em;
        padding: 0.875em 1.5em;
    }
}


section.Start {
    padding-bottom: 8.125em;
}



.NewsList {
    justify-content: flex-start;
    /* 强制左对齐 */
}

/* News List Styles */
.NewsListSection {
    padding: 4em 0 6em;
}

.NewsList {
    margin-top: 1em;
}

.NewsItem {
    flex-basis: 31.5%;
    margin-right: 2.75%;
    /* 设置右间距 */
    margin-bottom: 3.125em;
    transition: 0.3s;
}

.NewsItem:nth-child(3n) {
    margin-right: 0;
}

.NewsItem .img-box {
    display: block;
    width: 100%;
    height: 22.5em;
    overflow: hidden;
}

.NewsItem .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.NewsCon {
    margin-top: 2.5em;
    padding: 0 1.875em;
}

.NewsDate {
    color: #666;
    font-size: 1.125em;
    margin-bottom: 1.25em;
    gap: .8em;
}

.NewsTit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.375em;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 1.5em;
    height: 2.8em;
    transition: 0.3s;
    text-decoration: none;
    font-weight: 500;
}

.NewsMore {
    display: inline-block;
    font-size: 1.125em;
    text-decoration: underline;
    transition: 0.3s;
}

/* Hover & Active State */
.NewsItem:hover .img-box img {
    transform: scale(1.05);
}

.NewsItem:hover .NewsTit {
    color: #eab42a;
    /* 使用现代 CSS 属性贴合文字 */
    text-decoration: underline;
    text-underline-offset: 0.2em;
    /* 关键：控制下划线到文字底部的距离，实现“贴文字” */
    text-decoration-thickness: 1px;
    /* 控制线条粗细 */
    text-decoration-color: #eab42a;
    /* 控制线条颜色 */
}

.NewsItem:hover .NewsMore,
.NewsItem.active .NewsMore {
    color: #eab42a;
}

/* 辅助类：限制两行文字 */
.line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




/* --- Article Detail Page --- */
.ArticleDetail {
    padding: 5em 0 8.125em;
}

.ArticleMain {
    width: 70.32%;
}

.ArticleTit {
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0.6em;
    text-transform: uppercase;
    color: #333;
}

.ArticleMeta {
    gap: 2.5em;
    margin-bottom: 3.125em;
}

.meta-item {
    gap: 0.5em;
}

.meta-item img {
    width: 0.9375em;
    height: auto;
}

.meta-item span {
    font-size: 0.9375em;
    color: #777777;
    line-height: 1;
}

.ArticleContent {
    font-size: 1.125em;
    line-height: 1.8;
    text-align: justify;
    text-justify: inter-word;
    text-align-last: left;
    word-break: normal;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

.ArticleContent p {
    margin-bottom: 1.5em;
}

.ArticleNextPrev {
    margin-top: 4.375em;
    padding: 3.125em 0;
    border-top: 1px solid #bfbfbf;
    /* 浅灰色实线分割 */
}

.ArticleNextPrev a {
    font-size: 1.125em;
    text-decoration: none;
    transition: all 0.3s;
    max-width: 48%;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
    font-weight: 600;
}

.ArticleNextPrev .tit {
    color: #777;
    font-weight: 400;
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    /* 改为 block */
    flex: 1;
    /* 关键：占据剩余所有空间 */
    min-width: 0;
    /* 关键：允许 flex 项目收缩，这才是省略号生效的核心 */
}

/* 修正间距 */
.prev-link .label {
    margin: 0 0.5em 0 1em;
}

.prev-link .tit {
    margin-left: 0;
}

.next-link .label {
    margin: 0 1em 0 0.5em;
}

.next-link .tit {
    margin-right: 0;
    text-align: right;
}

/* 下一篇文字靠右对齐更美观 */


.ArticleNextPrev i {
    font-size: 1.25em;
    font-weight: bold;
}

/* Hover 效果 */
.ArticleNextPrev a:hover {
    color: var(--minor);
}

.ArticleNextPrev a:hover .tit,
.ArticleNextPrev a:hover i {
    color: var(--minor);
}

.ArticleSidebar {
    width: 19.7%;
}

.SidebarTit {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 1.5625em;
    margin-bottom: 1.5625em;
}

.SidebarTit h3 {
    font-size: 1.875em;
    font-weight: 600;
}

.sidebar-menu-icon {
    width: 1.5em;
    /* 宽度 */
    height: 1.125em;
    /* 整体高度，控制三条线的间距 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* 均匀分布三条线 */
    align-items: flex-end;
    /* 让线条靠右对齐 */
    cursor: pointer;
}

.sidebar-menu-icon span {
    display: block;
    width: 100%;
    height: 2px;
    /* 线条粗细 */
    background: #333;
    /* 线条颜色 */
    transition: all 0.3s ease;
}

/* 装饰性设计：模仿高级感的汉堡菜单，让线段长度不一 */
.sidebar-menu-icon span:nth-child(2) {
    width: 100%;
    /* 中间线条短一点 */
}

.sidebar-menu-icon span:nth-child(3) {
    width: 100%;
}



.SidebarNav {
    list-style: none;
}


.SidebarNav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25em 0;
    font-size: 1.375em;
    color: #333;
    transition: 0.3s;
    text-transform: uppercase;
}

.SidebarNav li a i {
    font-style: normal;
    color: #ccc;
    font-weight: 300;
    font-size: 1.625em;
}

.SidebarNav li.active a {
    color: #000;
}

.SidebarNav li.active a i {
    color: #000;
}

.SidebarNav li a:hover {
    color: var(--minor);
}


.SidebarNav li a:hover i {
    color: var(--minor);
}





.SidebarNav li a:hover i {
    color: var(--minor);
}

/* Recommend Widget Styles */
.RecommendWidget {
    margin-top: 4.375em;
}

.SidebarTit.recommend {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.sidebar-grid-icon {
    width: 1.25em;
    height: 1.25em;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}

.sidebar-grid-icon img {
    width: 100%;
    height: auto;
}

.RecommendList {
    margin-top: 1.5em;
}

.RecommendItem {
    margin-bottom: 1.5em;
}

.RecommendItem .itemImg {
    display: block;
    width: 100%;
    margin-bottom: 1.25em;
    overflow: hidden;
}

.RecommendItem .itemImg img {
    width: 100%;
    display: block;
    transition: 0.5s;
}

.RecommendItem:hover .itemImg img {
    transform: scale(1.05);
}

.RecommendItem .itemMeta {
    font-size: 0.9375em;
    color: #777;
    margin-bottom: 0.8em;
    gap: 0.5em;
}

.RecommendItem .itemMeta i {
    font-size: 1.1em;
}

.RecommendItem .itemTit {
    display: block;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 1.4;


    text-underline-offset: 0.2em;
    margin-bottom: 1.25em;
    transition: 0.3s;
}

.RecommendItem:hover .itemTit {
    color: var(--minor);
    /* 截图里标题是黄色的 */
    text-decoration: underline;
}

.RecommendItem .itemMore {
    display: inline-block;
    font-size: 1em;
    text-underline-offset: 0.2em;
    transition: 0.3s;
}

.RecommendItem:hover .itemMore {
    color: var(--minor);
    text-decoration: underline;
}

/* 适配侧边栏文字大小逻辑 */
.ArticleSidebar h3 {
    text-transform: uppercase;
}



/* Contact Widget Styles */
.ContactWidget {
    margin-top: 4.375em;
}

.sidebar-contact-icon {
    width: 1.5em;
    height: 1.5em;
}

.sidebar-contact-icon svg {
    width: 100%;
    height: 100%;
}

.SidebarForm {
    margin-top: 1.5em;
}

.SidebarForm .form-group {
    margin-bottom: 0.625em;
}

.SidebarForm input,
.SidebarForm textarea {
    width: 100%;
    padding: 0.45em 1em;
    font-size: 1.25em;
    background: #f5f5f5;
    /* 浅灰色背景 */
    border: none;
    color: #333;
    outline: none;
    box-sizing: border-box;
    transition: all 0.3s;
}

.SidebarForm input::placeholder,
.SidebarForm textarea::placeholder {
    color: #999;
}

.SidebarForm input:focus,
.SidebarForm textarea:focus {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.SidebarForm .captcha-group {
    gap: 0.625em;
}

.SidebarForm .captcha-input {
    flex: 1;
}

.SidebarForm .captcha-img {
    flex: 1;
    height: 3.25em;
    /* 匹配 input 高度 */
    background: #fff;
}

.SidebarForm .captcha-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.SidebarForm .form-submit {
    margin-top: 1.25em;
    position: relative;
    overflow: hidden;
}

.SidebarForm .form-submit:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.SidebarForm .form-submit:hover:before {
    animation: btn-animation .75s;
    z-index: 1;
}

.SidebarForm .form-submit input {
    width: 100%;
    padding: 0.45em;
    background: var(--minor);
    /* 使用主题金色 */
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    border: none;
    border-radius: 0.25em;
    cursor: pointer;
    transition: 0.3s;
}


.SidebarForm .privacy-note {
    font-size: 0.9375em;
    color: #666;
    line-height: 1.4;
    text-align: center;
    margin-top: 1.5em;
}

.SidebarForm .privacy-note .red {
    color: #e60012;
    font-weight: bold;
}

/* 装饰性：确保侧边栏所有 Widget 的标题一致 */
.SidebarTit h3 {
    font-size: 1.875em;
    color: #333;
    letter-spacing: 0.05em;
}

.FilterHead {
    border-bottom: 1px solid #acacac;
    padding-bottom: 1em;

}



.SideRelated .FilterHead {
    border-bottom: none;
    padding-bottom: 1.5625em;
}

.ProductListSection {
      padding: 5em 0 8.125em;
}

.FilterHead a {
    font-size: 1.375em;
}

.FilterHead span {
    font-size: 1.375em;
}

.FilterHead i {
    font-size: 1.375em;
}

.ProductSidebar {
    width: 20.625%;
}

.FilterSidebar {
    background: #f6f6f6;
    padding: 1.875em 1.25em 2.8125em;
}

.FilterGroup.active {
    border-bottom: 1px solid #acacac;
}

.FilterTit {
    padding: 1.25em 0;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s;
    border-bottom: 1px solid #acacac;
}

.FilterTit span {
    font-size: 1.375em;
}


.FilterGroup.active .FilterTit {
    color: var(--minor);
    /* 激活时标题变金 */
}

.FilterTit i {
    font-size: 1.375em;
    color: #333;
    transition: 0.3s;
}

.FilterGroup.active .FilterTit i {
    color: var(--minor);
}

.FilterNav {
    display: none;
    padding: 1em 0;
}

.FilterNav li {
    padding: 0.5em 0;
}

.FilterNav li a {
    font-size: 1em;
    /* 17px左右 */
    color: var(--text);
    transition: 0.3s;
    display: block;
    position: relative;
    padding-left: 1em;
}

/* 箭头符号装饰 */
.FilterNav li a:before {
    content: ">";
    position: absolute;
    left: 0;
    font-size: 0.8em;
    color: #999;
    top: 50%;
    transform: translateY(-50%);
}

.FilterNav li.active a,
.FilterNav li:hover a {
    color: var(--minor);
}

.FilterNav li.active a:before {
    color: var(--minor);
}

.ProductMainArea {
    width: 74.5%;
}

.ProductGrid {
    margin-right: -2.3%;
    /* 抵消最后一栏的 margin */
}

.ProductListItem {
    width: 31%;
    /* 一排三个 */
    margin-right: 2.3%;
    margin-bottom: 5em;
    display: flex;
    flex-direction: column;
}

.ProductListItem .itemImg {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    background: #ebebeb;
    /* 浅灰色图片背景 */
    overflow: hidden;
    margin-bottom: 2.5em;
}

.ProductListItem .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.ProductListItem.Material .itemImg {
    background: #ffffff;
    padding: .25em;
}

.ProductListItem.Material .itemImg img {
    padding: 0;
}

.ProductListItem .itemInfo {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}

.ProductListItem .tit {
    font-size: 1.5em;
    font-weight: 500;
    transition: 0.3s;

    /* 核心：处理标题显示两行并带省略号 */
    flex: 1;
    /* 占据剩余所有空间 */
    min-width: 0;
    /* 必须设置，允许 flex 项目收缩 */

    display: -webkit-box;
    /* 必须结合以下属性使用 */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示两行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    white-space: normal;
    /* 覆盖之前的单行强制不换行 */

    line-height: 1.4;
    /* 设置合理的行高，确保两行显示美观 */
    height: 2.8em;
    /* (可选) 固定两行高度，纵向对齐更统一：1.4 * 2 = 2.8 */

    padding-right: 1.25em;
    /* 与右侧箭头保持安全距离 */
}

.ProductListItem .fa-angle-right {
    font-size: 1.5em;
    flex-shrink: 0;
    /* 核心：防止图标在标题太长时被挤压变形 */
}

.ProductListItem .product-card-meta {
    color: #777;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9375em;
    gap: 0.35em;
    line-height: 1.55;
    margin: 0.75em 0 0.75em;
    width: 100%;
}

.ProductListItem .product-meta-separator {
    color: var(--minor);
    font-weight: 700;
}

.ProductListItem .view-product {
    align-items: center;
    align-self: flex-start;
    border: 0;
    border: 1px solid currentColor;
    display: inline-flex;
    font-size: 0.9375em;
    font-weight: 500;
    justify-content: flex-start;
    letter-spacing: 0.02em;
    margin-top: auto;
    padding: 0.5em 0.8em;
    transition: color 0.3s;
    width: max-content;
}

.ProductListItem .view-product:hover,
.ProductListItem .view-product:focus {
    color: var(--minor);
}


.ProductListItem:hover .itemImg img {
    transform: scale(1.08);
}

.ProductListItem .tit.active,
.ProductListItem:hover .tit {
    display: block;
    background-image: linear-gradient(90deg, #a67b4e, #f6d6a5);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}

.ProductListItem:hover i {
    color: var(--minor);
}

.ProductListFlex {
    align-items: flex-start;
}



.ProductGrid2Col {
    margin-right: -5em;
    /* 抵消掉子元素的右边距 */
}

.ProductGrid2Col .ProductListItem {
    width: calc(50% - 5em);
    margin-right: 5em;
    margin-bottom: 3em;
}

.ProductGrid2Col .ProductListItem .itemImg {
    aspect-ratio: 1.4 / 1;
    /* 硬件类产品图片通常较扁，建议用 1.4:1 或 4:3 */
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
}

.ProductGrid2Col .ProductListItem .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 确保图片充满容器 */
    transition: 0.5s;
    padding: 0;
}


.SideRelated {
    padding: 1.875em 0.625em 0 1.25em;
    background: #fff;
    border: 1px solid #c9c9c9;
    margin-top: 1.875em;
}

.SideRelatedItem {
    margin-bottom: 1.5625em;
    gap: 0.9375em;
}

.SideRelatedItem .itemImg {
    width: 6.25em;
    height: 6.25em;
    flex-shrink: 0;
    background: #f4f4f4;
    overflow: hidden;
}

.SideRelatedItem .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.SideRelatedItem .itemInfo {
    flex: 1;
    min-width: 0;
}

.SideRelatedItem .tit {
    font-size: 0.875em;
    color: #333;
    line-height: 1.4;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1.5625em;
    transition: 0.3s;
}

.SideRelatedItem .more {
    font-size: 0.875em;
    text-underline-offset: 0.3em;
    transition: 0.3s;
}

.SideRelatedItem:hover .tit,
.SideRelatedItem:hover .more {
    color: var(--theme);
}

.SideRelatedItem:hover .itemImg img {
    transform: scale(1.05);
}

.SideRelatedItem:hover .tit {

    text-decoration: underline;
    /* 触发标题下划线 */
    text-underline-offset: 0.2em;
}

.SideRelatedItem:hover .more {

    text-decoration: underline;
    /* 触发 More 下划线 */
}



.ProductDetailView {
    align-items: flex-start;
    gap: 3.75em;
    position: relative;
}

.ProductVisuals {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: row;
    gap: 0.625em;
    /* 15px */
}

/* 大图占据主要宽度 */
.ProductBigImages {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25em;
    /* 20px */
}

/* 缩略图固定在右侧 */
.ProductThumbs {
    width: 4em;
    /* 70px */
    position: sticky;
    top: 4em;
    /* 120px (通常建议根据头部实际高度调整) */
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    /* 8px */
}

.BigImgItem {
    width: 100%;
    background: #eaeaea;
}

.BigImgItem img {
    width: 100%;
    display: block;
}

/* 右侧信息固定 */
.ProductInfoSticky {
    width: 30em;
    position: sticky;
    top: 4em;
    padding-bottom: 3.125em;
    /* 50px */
}
.ProductMainArea .ProductInfoSticky .InfoContent a{
    color: transparent !important;
    border: 0 !important;
    background-image: var(--jf-gradient-gold), linear-gradient(var(--jf-color-black), var(--jf-color-black)) !important;
    -webkit-background-clip: text, border-box !important;
    -webkit-text-fill-color: transparent;
    box-shadow: 0 .35em .85em rgb(25 25 25 / 18%);
}
.ThumbItem {
    width: 100%;
    aspect-ratio: 1;
    border: 1px solid #eee;
    cursor: pointer;
    background: #eaeaea;
    transition: 0.3s;
    height: 4em;
    opacity: .7;
    overflow: hidden;        /* 关键：超出部分裁剪 */
    display: flex;           /* 让图片垂直方向可控制 */
    align-items: flex-start; /* 图片从顶部开始显示 */
}

.ThumbItem img {
    width: 100%;
    height: auto;            /* 关键：高度自适应，不再强制 100% */
    object-fit: cover;       /* 图片按宽度铺满后裁剪 */
    display: block;
}

/* 大图列表 */

.ProductTit {
    font-size: 1.375em;
    line-height: 1.2;
    text-transform: uppercase;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 1.1875em;
    margin-bottom: 1.1875em;
}

.ProductSummary {


    margin-bottom: 2.1875em;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 2.1875em;
}

.ProductSummary .SubTit {
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.ProductSummary .SubTit {
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: .7em;
}

.ProductSpecs {
    margin-bottom: 2.5em;
    color: #4b4b4b;
}

.SpecItem {
    padding: 0.3em 0;
    font-size: 1em;
    /*
    color: #a7a7a7;
    */
}

.SpecItem span {
    display: inline-block;
    color: var(--theme);
}


.InquiryBtn {
    width: 100%;
    background: var(--minor);
    height: 2.625em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 4px;
    transition: 0.3s;
}

.SpecItem strong {
    color: var(--text);
}

aside.InfoDetail {
    position: sticky;
    top: 4em;
}

.BigImgItem a {
    display: block;
    width: 100%;
    cursor: zoom-in;
    /* 提示用户可以放大查看 */
}

.BigImgItem img {
    width: 100%;
    display: block;
    transition: 0.3s;
    object-fit: contain;
}

.bannerQualityswiperBtn {
    background: var(--text);
    color: #ffffff;
}

.bannerQualityswiperBtn:hover {
    background: var(--minor);
    color: #ffffff;
}

.bannerInnovatingswiperBtn {
    background: #ffffff;
    color: var(--text);
}

.bannerInnovatingswiperBtn:hover {
    color: #ffffff;
    background: var(--text);
}

.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit span {
    width: auto;
}

.section-2025122407 .sectionList .sectionItem .itemTxt .itemTit span {
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2em;
}


/* ============================================================ 
       MEGA MENU 3 - PRODUCTS (Premium Visual Refine)
       ============================================================ */
.megamenu3 {
    position: relative;
}

/* --- Base Styles --- */
.megamenu3 .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.megamenu3>.sub-menu>.menu-item {
    position: relative;
}

.megamenu3>.sub-menu>.menu-item>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
}

/* ============================================================ 
       DESKTOP (1025px +) - Premium UI
       ============================================================ */
@media screen and (min-width: 1025px) {
    .megamenu3>.sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 15em;
        background: #fff;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 4px 4px;
        border-top: 3px solid #000;
        padding: 15px 0 !important;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block !important;
    }

    .megamenu3:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Level 2 Flyout (The Grid) */
    .megamenu3>.sub-menu>.menu-item>.sub-menu {
        position: absolute;
        top: -18px;
        /* Slightly higher to align with level 1 top */
        left: 100%;
        width: 32em;
        min-height: calc(100% + 30px);
        background: #fff;
        box-shadow: 15px 10px 40px rgba(0, 0, 0, 0.08), 1px 0 0px rgba(0, 0, 0, 0.05) inset;
        border-radius: 0 4px 4px 0;
        border: 1px solid #f2f2f2;
        border-left: none;
        padding: 40px !important;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: flex !important;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .megamenu3>.sub-menu>.menu-item:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    /* Level 2 Grid Items */
    .megamenu3>.sub-menu>.menu-item>.sub-menu>li {
        width: 48%;
        /* 2 columns with gap */
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .megamenu3>.sub-menu>.menu-item>.sub-menu>li a {
        padding: 0;
        color: #666;
        font-size: 0.95em;
        transition: all 0.3s;
        position: relative;
        display: inline-block;
    }

    .megamenu3>.sub-menu>.menu-item>.sub-menu>li a::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: #000;
        transition: width 0.3s;
    }

    .megamenu3>.sub-menu>.menu-item>.sub-menu>li a:hover {
        color: #000;
    }

    .megamenu3>.sub-menu>.menu-item>.sub-menu>li a:hover::after {
        width: 100%;
    }

    /* Level 1 Navigation Items */
    .megamenu3>.sub-menu>.menu-item>a {
        padding: 12px 25px;
        font-size: 14px;
        letter-spacing: 0.02em;
        position: relative;
    }

    .megamenu3>.sub-menu>.menu-item>a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: #000;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .megamenu3>.sub-menu>.menu-item>a::after {
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 12px;
        color: #bbb;
        transition: transform 0.3s;
    }

    .megamenu3>.sub-menu>.menu-item:hover>a {
        background: #fcfcfc;
        color: #000;
    }

    .megamenu3>.sub-menu>.menu-item:hover>a::before {
        opacity: 1;
    }

    .megamenu3>.sub-menu>.menu-item:hover>a::after {
        transform: translateX(3px);
        color: #000;
    }
}

/* ============================================================ 
       MOBILE (1024px and below) - Clean Accordion
       ============================================================ */
@media screen and (max-width: 1024px) {
    .megamenu3 .sub-menu {
        position: static !important;
        display: none;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
    }

    .megamenu3>.sub-menu {
        background: #fff !important;
        border-top: 1px solid #eee !important;
    }

    /* Level 1 (Designs, Material...) */
    .megamenu3>.sub-menu>.menu-item {
        border-bottom: 1px solid #f8f8f8;
    }

    .megamenu3>.sub-menu>.menu-item>a {
        padding: 1.2em 1.5em !important;
        font-size: 1.05em;
        background: #fff;
        color: #333;
    }

    /* Level 2 (Indented List) */
    .megamenu3>.sub-menu>.menu-item>.sub-menu {
        background: #f9f9f9 !important;
        padding: 10px 0 20px 0 !important;
        flex-direction: column !important;
    }

    .megamenu3>.sub-menu>.menu-item>.sub-menu>li {
        width: 100% !important;
        margin: 0;
    }

    .megamenu3>.sub-menu>.menu-item>.sub-menu>li a {
        padding: 10px 1.5em 10px 3.2em !important;
        font-size: 0.95em;
        color: #666;
        display: block;
    }

	section.PageBanner .txt {
	 padding-top: 0em;
	}
    /* Mobile Icons (+/-) */
    .megamenu3>a::after,
    .megamenu3>.sub-menu>.menu-item>a::after {
        content: "\f067";
        /* font-awesome plus */
        font-family: "FontAwesome";
        position: absolute;
        right: 1.5em;
        font-size: 0.75em;
        color: #bbb;
        transition: all 0.3s;
    }

    .megamenu3.open>a::after,
    .megamenu3>.sub-menu>.menu-item.open>a::after {
        content: "\f068";
        /* font-awesome minus */
        color: #000;
    }

    .megamenu3.open>a,
    .megamenu3>.sub-menu>.menu-item.open>a {
        color: #000;
        font-weight: 600;
    }

}


/* ============================================================ 
       MEGA MENU 3 - PRODUCTS (Premium Visual Refine)
       ============================================================ */
.megamenu4 {
    position: relative;
}

/* --- Base Styles --- */
.megamenu4 .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.megamenu4>.sub-menu>.menu-item {
    position: relative;
}

.megamenu4>.sub-menu>.menu-item>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
}

/* ============================================================ 
       DESKTOP (1025px +) - Premium UI
       ============================================================ */
@media screen and (min-width: 1025px) {
    .megamenu4>.sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 15em;
        background: #fff;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 4px 4px;
        border-top: 3px solid #000;
        padding: 15px 0 !important;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block !important;
    }

    .megamenu4:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Level 2 Flyout (The Grid) */
    .megamenu4>.sub-menu>.menu-item>.sub-menu {
        position: absolute;
        top: -18px;
        /* Slightly higher to align with level 1 top */
        left: 100%;
        width: 32em;
        min-height: calc(100% + 30px);
        background: #fff;
        box-shadow: 15px 10px 40px rgba(0, 0, 0, 0.08), 1px 0 0px rgba(0, 0, 0, 0.05) inset;
        border-radius: 0 4px 4px 0;
        border: 1px solid #f2f2f2;
        border-left: none;
        padding: 40px !important;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: flex !important;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .megamenu4>.sub-menu>.menu-item:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    /* Level 2 Grid Items */
    .megamenu4>.sub-menu>.menu-item>.sub-menu>li {
        width: 48%;
        /* 2 columns with gap */
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .megamenu4>.sub-menu>.menu-item>.sub-menu>li a {
        padding: 0;
        color: #666;
        font-size: 0.95em;
        transition: all 0.3s;
        position: relative;
        display: inline-block;
    }

    .megamenu4>.sub-menu>.menu-item>.sub-menu>li a::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: #000;
        transition: width 0.3s;
    }

    .megamenu4>.sub-menu>.menu-item>.sub-menu>li a:hover {
        color: #000;
    }

    .megamenu4>.sub-menu>.menu-item>.sub-menu>li a:hover::after {
        width: 100%;
    }

    /* Level 1 Navigation Items */
    .megamenu4>.sub-menu>.menu-item>a {
        padding: 12px 25px;
        font-size: 14px;
        letter-spacing: 0.02em;
        position: relative;
    }

    .megamenu4>.sub-menu>.menu-item>a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: #000;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .megamenu4>.sub-menu>.menu-item>a::after {
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 12px;
        color: #bbb;
        transition: transform 0.3s;
    }

    .megamenu4>.sub-menu>.menu-item:hover>a {
        background: #fcfcfc;
        color: #000;
    }

    .megamenu4>.sub-menu>.menu-item:hover>a::before {
        opacity: 1;
    }

    .megamenu4>.sub-menu>.menu-item:hover>a::after {
        transform: translateX(3px);
        color: #000;
    }
}

/* ============================================================ 
       MOBILE (1024px and below) - Clean Accordion
       ============================================================ */
@media screen and (max-width: 1024px) {
    .megamenu4 .sub-menu {
        position: static !important;
        display: none;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
    }

    .megamenu4>.sub-menu {
        background: #fff !important;
        border-top: 1px solid #eee !important;
    }

    /* Level 1 (Designs, Material...) */
    .megamenu4>.sub-menu>.menu-item {
        border-bottom: 1px solid #f8f8f8;
    }

    .megamenu4>.sub-menu>.menu-item>a {
        padding: 1.2em 1.5em !important;
        font-size: 1.05em;
        background: #fff;
        color: #333;
    }

    /* Level 2 (Indented List) */
    .megamenu4>.sub-menu>.menu-item>.sub-menu {
        background: #f9f9f9 !important;
        padding: 10px 0 20px 0 !important;
        flex-direction: column !important;
    }

    .megamenu4>.sub-menu>.menu-item>.sub-menu>li {
        width: 100% !important;
        margin: 0;
    }

    .megamenu4>.sub-menu>.menu-item>.sub-menu>li a {
        padding: 10px 1.5em 10px 3.2em !important;
        font-size: 0.95em;
        color: #666;
        display: block;
    }

    /* Mobile Icons (+/-) */
    .megamenu4>a::after,
    .megamenu4>.sub-menu>.menu-item>a::after {
        content: "\f067";
        /* font-awesome plus */
        font-family: "FontAwesome";
        position: absolute;
        right: 1.5em;
        font-size: 0.75em;
        color: #bbb;
        transition: all 0.3s;
    }

    .megamenu4.open>a::after,
    .megamenu4>.sub-menu>.menu-item.open>a::after {
        content: "\f068";
        /* font-awesome minus */
        color: #000;
    }

    .megamenu4.open>a,
    .megamenu4>.sub-menu>.menu-item.open>a {
        color: #000;
        font-weight: 600;
    }

    /* Smooth left border for active section */
    .megamenu4>.sub-menu>.menu-item.open {
        border-left: 4px solid #000;
    }
}

.TongYongGrid .itemImg img {
    object-fit: cover;
}

.ThumbItem.MaterialThumbItem img {
    object-fit: cover;
}


.megamenu7 {
    position: relative;
}

/* --- Base Styles --- */
.megamenu7 .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.megamenu7>.sub-menu>.menu-item {
    position: relative;
}

.megamenu7>.sub-menu>.menu-item>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
}

/* ============================================================ 
       DESKTOP (1025px +) - Premium UI
       ============================================================ */
@media screen and (min-width: 1025px) {
    .megamenu7>.sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 10em;
        background: #fff;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 4px 4px;
        border-top: 3px solid #000;
        padding: 15px 0 !important;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: block !important;
    }

    .megamenu7:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Level 2 Flyout (The Grid) */
    .megamenu7>.sub-menu>.menu-item>.sub-menu {
        position: absolute;
        top: -18px;
        /* Slightly higher to align with level 1 top */
        left: 100%;
        width: 32em;
        min-height: calc(100% + 30px);
        background: #fff;
        box-shadow: 15px 10px 40px rgba(0, 0, 0, 0.08), 1px 0 0px rgba(0, 0, 0, 0.05) inset;
        border-radius: 0 4px 4px 0;
        border: 1px solid #f2f2f2;
        border-left: none;
        padding: 40px !important;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: flex !important;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .megamenu7>.sub-menu>.menu-item:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    /* Level 2 Grid Items */
    .megamenu7>.sub-menu>.menu-item>.sub-menu>li {
        width: 48%;
        /* 2 columns with gap */
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .megamenu7>.sub-menu>.menu-item>.sub-menu>li a {
        padding: 0;
        color: #666;
        font-size: 0.95em;
        transition: all 0.3s;
        position: relative;
        display: inline-block;
    }

    .megamenu7>.sub-menu>.menu-item>.sub-menu>li a::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: #000;
        transition: width 0.3s;
    }

    .megamenu7>.sub-menu>.menu-item>.sub-menu>li a:hover {
        color: #000;
    }

    .megamenu7>.sub-menu>.menu-item>.sub-menu>li a:hover::after {
        width: 100%;
    }

    /* Level 1 Navigation Items */
    .megamenu7>.sub-menu>.menu-item>a {
        padding: 12px 25px;
        font-size: 14px;
        letter-spacing: 0.02em;
        position: relative;
    }

    .megamenu7>.sub-menu>.menu-item>a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: #000;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .megamenu7>.sub-menu>.menu-item>a::after {
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 12px;
        color: #bbb;
        transition: transform 0.3s;
    }

    .megamenu7>.sub-menu>.menu-item:hover>a {
        background: #fcfcfc;
        color: #000;
    }

    .megamenu7>.sub-menu>.menu-item:hover>a::before {
        opacity: 1;
    }

    .megamenu7>.sub-menu>.menu-item:hover>a::after {
        transform: translateX(3px);
        color: #000;
    }
}


.full-image-scroll-modal {
    width: 100%;
    max-width: 100% !important;
    height: 100vh;
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
}

.fancybox-content .fancybox-close-small {
    display: none !important;
}

.modal-close-btn {
    position: fixed;
    right: 15px;
    top: 15px;
    width: 44px;
    height: 44px;
    z-index: 1000;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.modal-close-btn:hover {
    background: #000;
}

.modal-close-btn svg {
    width: 22px;
    fill: #fff;
}

.modal-image-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background: #fff;
}

.m-img-item:last-child {
    margin-bottom: 0;
}

.m-img-item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
    line-height: 0;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.m-img-item img {
    width: 100%;
    height: auto;
    display: block;
}

.full-screen-modal-wrap .fancybox__slide {
    padding: 0 !important;
    /* 去掉 Fancybox 默认的四周间距 */
}

.full-screen-modal-wrap .fancybox__content {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    /* 去掉可能的圆角 */
    box-shadow: none !important;
}

.full-image-scroll-modal {
    width: 100%;
    height: 100%;
    /* 撑满内容区 */
    background: #fff;
    overflow-y: auto !important;
    position: relative;
}

.modal-close-btn svg {
    width: 20px;
    fill: #fff;
    /* 增加旋转过渡动画 */
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-close-btn:hover {
    background: #000;
    opacity: 1;
}

/* 鼠标悬停时，内部 SVG 旋转 180 度 */
.modal-close-btn:hover svg {
    transform: rotate(180deg);
}

.full-image-scroll-modal {
    position: relative !important;
    /* 必须！ */
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
}

.section-2025122408 .sectionItem .itemImg2 img {
    height: 15.5em;
}

.cert-prev:hover,
.cert-next:hover {
    background: var(--minor);
}

.breadcrumb a:hover,
.breadcrumb span:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
    cursor: pointer;
}

.header-2025122401 .head_top .head_tel span:hover {
    color: var(--minor);
}

.header-2025122401 .head_top .head_email span:hover {
    color: var(--minor);
}

.banner-2025122402 .swiperImg img.Mobbanner {
    display: none;
}

.MOBStartContent {
    display: none;
}

.ArticleContent img {
    display: block;
    margin: 0 auto;
    width: 70%;
    object-fit: contain;
    height: auto;
}

/* 2026-10-18：全站采用参考 CSS 的视口规则，头部、正文、底部共同缩放。 */
html {
    font-size: 16px;
}

body {
    font-size: 16px;
}

@media screen and (min-width: 2200px) and (max-width: 2560px) {
    body {
        font-size: 18px;
    }

    .container {
        width: 100em;
    }
}

@media screen and (min-width: 2561px) {
    body {
        font-size: 0.703125vw;
    }

    .container {
        width: 100em;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    body {
        font-size: 1vw;
    }
}

@media screen and (max-width: 1200px) {
    body {
        font-size: 12px;
    }
}