@charset "utf-8";
@font-face {font-family:"HarmonyOS";src:url("assets/oem-embed/static/fonts/harmonyos_sans_sc_regular.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"HarmonyOS";src:url("assets/oem-embed/static/fonts/harmonyos_sans_sc_thin.ttf") format("truetype");font-weight:300;font-style:normal;}
@font-face {font-family:"HarmonyOS";src:url("assets/oem-embed/static/fonts/harmonyos_sans_sc_bold.ttf") format("truetype");font-weight:600;font-style:normal;}
@font-face {font-family:"Montserrat";src:url("assets/oem-embed/static/fonts/montserrat-light.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Montserrat";src:url("assets/oem-embed/static/fonts/montserrat-thin.ttf") format("truetype");font-weight:300;font-style:normal;}
@font-face {font-family:"Montserrat";src:url("assets/oem-embed/static/fonts/montserrat-semibold.ttf") format("truetype");font-weight:600;font-style:normal;}

.shangzuo-oem-embed .shangzuo-oem-page{--theme:#362c34;--minor:#ff6a00;--text:#191919;--background:#fafafa;--box-shadow:0.05em 0.05em 0.2em 0.05em rgb(0 0 0 / 50%);}
.shangzuo-oem-embed *{color:inherit;padding:0;margin:0;box-sizing:border-box;list-style:none;line-height:1.35;}
.shangzuo-oem-embed .shangzuo-oem-page{margin:0;padding:0;font:16px "HarmonyOS",sans-serif;-webkit-font-smoothing:antialiased;color:var(--text);}
.shangzuo-oem-embed div, .shangzuo-oem-embed dl, .shangzuo-oem-embed dt, .shangzuo-oem-embed dd, .shangzuo-oem-embed ul, .shangzuo-oem-embed ol, .shangzuo-oem-embed li, .shangzuo-oem-embed h1, .shangzuo-oem-embed h2, .shangzuo-oem-embed h3, .shangzuo-oem-embed h4, .shangzuo-oem-embed h5, .shangzuo-oem-embed h6, .shangzuo-oem-embed p, .shangzuo-oem-embed pre, .shangzuo-oem-embed code, .shangzuo-oem-embed form, .shangzuo-oem-embed fieldset, .shangzuo-oem-embed legend, .shangzuo-oem-embed input, .shangzuo-oem-embed button, .shangzuo-oem-embed textarea, .shangzuo-oem-embed blockquote{margin:0;padding:0;word-break:break-word;}
.shangzuo-oem-embed input{outline:0;}
.shangzuo-oem-embed input::-webkit-outer-spin-button, .shangzuo-oem-embed input::-webkit-inner-spin-button{-webkit-appearance:none;}
.shangzuo-oem-embed input[type="number"]{-moz-appearance:textfield;appearance:textfield;}
.shangzuo-oem-embed :focus-visible{outline:none;}
.shangzuo-oem-embed button{outline:0}
.shangzuo-oem-embed textarea{font-family:"HarmonyOS",sans-serif !important;resize: none;}
.shangzuo-oem-embed img{display:block;border:0;max-width:100%;}
.shangzuo-oem-embed img.lazy-load{max-width:unset;}
.shangzuo-oem-embed a{text-decoration:none;}
.shangzuo-oem-embed a:hover{text-decoration:none;color:var(--theme);}
.shangzuo-oem-embed a:visited{text-decoration:none;}
.shangzuo-oem-embed a:active{text-decoration:none;}
.shangzuo-oem-embed a:link{text-decoration:none;}
.shangzuo-oem-embed ::-webkit-scrollbar{width:4px;height:4px;background-color:#F5F5F5;}
.shangzuo-oem-embed ::-webkit-scrollbar-track{border-radius:3px;background-color:#E2E2E2;}
.shangzuo-oem-embed ::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--theme);}
.shangzuo-oem-embed ::selection{background-color:var(--theme);color:var(--background);}
.shangzuo-oem-embed ::-moz-selection{background-color:var(--theme);color:var(--background);}
.shangzuo-oem-embed ::-webkit-selection{background-color:var(--theme);color:var(--background);}
.shangzuo-oem-embed .clearfix:before, .shangzuo-oem-embed .clearfix:after{content:" ";display:table;clear:both;}
.shangzuo-oem-embed .container{width:96%;max-width:100em;margin:0 auto;}
.shangzuo-oem-embed .fr{float:right;}
.shangzuo-oem-embed .fl{float:left;}
.shangzuo-oem-embed .flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.shangzuo-oem-embed .flex_d-c{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.shangzuo-oem-embed .flex_d-r{-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.shangzuo-oem-embed .flex_wrap{-webkit-box-pack:wrap;-ms-flex-pack:wrap;-webkit-justify-content:wrap;justify-content:wrap;flex-wrap:wrap;}
.shangzuo-oem-embed .flex_j-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.shangzuo-oem-embed .flex_j-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.shangzuo-oem-embed .flex_j-s-b{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.shangzuo-oem-embed .flex_j-s-a{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;}
.shangzuo-oem-embed .flex_a-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.shangzuo-oem-embed .flex_a-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.shangzuo-oem-embed .flex_a-b{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.shangzuo-oem-embed .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.shangzuo-oem-embed .ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.shangzuo-oem-embed .ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.shangzuo-oem-embed .ellipsis-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.shangzuo-oem-embed .ellipsis-5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;}
.shangzuo-oem-embed .ellipsis-6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;}
.shangzuo-oem-embed .show{display:block;}
.shangzuo-oem-embed .hide{display:none;}
.shangzuo-oem-embed .aligncenter{display:block;margin-left:auto;margin-right:auto;}
.shangzuo-oem-embed .alignright{float:right;margin:0.5em 0 0.5em 1em;}
.shangzuo-oem-embed .alignleft{float:left;margin:0.5em 1em 0.5em 0;}
.shangzuo-oem-embed .pc_block{display:block;}
.shangzuo-oem-embed .m_block{display:none;}
.shangzuo-oem-embed .bg-color{background-color: var(--background);}
.shangzuo-oem-embed .font-theme{font-family:"Montserrat";}
.shangzuo-oem-embed .color-theme{color:var(--minor);}
.shangzuo-oem-embed .nav_modal{display:none;font-size:16px;position:fixed;z-index:1004;}
.shangzuo-oem-embed .nav_m_mask{display:none;}
.shangzuo-oem-embed .nav_mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;}
.shangzuo-oem-embed .btn{display:inline-block;transition:all 0.65s;position:relative;overflow:hidden;padding:0.5em 1.25em;line-height:1;background:var(--minor);border-radius:0.25em;text-transform:uppercase;}
.shangzuo-oem-embed .btn:hover{color:#fff;}
.shangzuo-oem-embed .btn: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%);}
.shangzuo-oem-embed .btn:hover:before{animation:btn-animation .75s;z-index:1;}
.shangzuo-oem-embed .btn-empty{display:inline-block;transition:all 0.65s;position:relative;overflow:hidden;padding:0.5em 1.25em;line-height:1;border-radius:0.25em;color:var(--theme);border:1px solid var(--theme);text-transform:uppercase;}
.shangzuo-oem-embed .btn-empty:hover{color:#fff;border-color:var(--minor);background:var(--minor);}
.shangzuo-oem-embed .btn-empty: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%);}
.shangzuo-oem-embed .btn-empty:hover:before{animation:btn-animation .75s;z-index:1;}


@keyframes btn-animation {
0% {background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@media screen and (max-width:680px) {
.shangzuo-oem-embed .pc_block{display:none;}
.shangzuo-oem-embed .m_block{display:block;}
}
@media screen and (min-width:880px) {@-webkit-keyframes img_change {0% {-webkit-transform:scale(1)}
50% {-webkit-transform:scale(1.2)}
100% {-webkit-transform:scale(1)}
}
@-moz-keyframes img_change {.shangzuo-oem-embed 0%{-moz-transform:scale(1)}
.shangzuo-oem-embed 50%{-moz-transform:scale(1.2)}
.shangzuo-oem-embed 100%{-moz-transform:scale(1)}
}
@-o-keyframes img_change {.shangzuo-oem-embed 0%{-o-transform:scale(1)}
.shangzuo-oem-embed 50%{-o-transform:scale(1.2)}
.shangzuo-oem-embed 100%{-o-transform:scale(1)}
}
@keyframes img_change {0% {transform:scale(1)}
50% {transform:scale(1.2)}
100% {transform:scale(1)}
}
@-webkit-keyframes p_change {0% {-webkit-transform:translateX(0);}
50% {-webkit-transform:translateX(15px);}
100% {-webkit-transform:translateX(0);}
}
@-moz-keyframes p_change {.shangzuo-oem-embed 0%{-moz-transform:translateX(0);}
.shangzuo-oem-embed 50%{-moz-transform:translateX(15px);}
.shangzuo-oem-embed 100%{-moz-transform:translateX(0);}
}
@-o-keyframes p_change {.shangzuo-oem-embed 0%{-o-transform:translateX(0);}
.shangzuo-oem-embed 50%{-o-transform:translateX(15px);}
.shangzuo-oem-embed 100%{-o-transform:translateX(0);}
}
@keyframes p_change {0% {transform:translateX(0);}
50% {transform:translateX(15px);}
100% {transform:translateX(0);}
}
}
@keyframes smoothScroll {
0% {transform: translateY(-50px);}
100% {transform: translateY(0px);}
}\n.shangzuo-oem-embed .shangzuo-oem-page{margin-top:0 !important;font-size:16px;}
.shangzuo-oem-embed .shangzuo-oem-page{font-size:16px;    transition: all 0.5s;}

.shangzuo-oem-embed .header-2025122401{}
.shangzuo-oem-embed .header-2025122401 .head_top{position:relative;height:3em;}
.shangzuo-oem-embed .header-2025122401 .head_top:before{content:" ";position:absolute;top:0;right:0;width:70%;height:100%;background:#362c34;border-bottom-left-radius:3em;}
.shangzuo-oem-embed .header-2025122401 .head_top .container{position:relative;height:100%;}
.shangzuo-oem-embed .header-2025122401 .head_top .right{width:68%;max-width:62.5em;height:100%;}
.shangzuo-oem-embed .header-2025122401 .head_top .right .line{width:1px;height:1.125em;background:#fff;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_tel{}
.shangzuo-oem-embed .header-2025122401 .head_top .head_tel svg.icon{width:1.125em;height:1.125em;fill:#fff;margin-right:0.75em;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_tel span{font-size:1em;color:#fff;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_email{}
.shangzuo-oem-embed .header-2025122401 .head_top .head_email svg.icon{width:1em;fill:#fff;margin-right:0.875em;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_email span{font-size:1em;color:#fff;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_share{}
.shangzuo-oem-embed .header-2025122401 .head_top .head_share .icon_boxs{gap:1em;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_share .icon_boxs li{}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .header-2025122401 .head_top .head_share .icon_boxs a:hover{background:var(--minor);}
.shangzuo-oem-embed .header-2025122401 .head_top .head_share .icon_boxs svg.icon{display:block;fill:#fff;width:1em;height:1em;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language{}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language .current{gap:0.75em;cursor:pointer;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language .ico{}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language .ico svg.icon{display:block;width:1.25em;fill:#fff;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language span{color:#fff;text-transform:uppercase;}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language .current:hover .ico svg.icon{fill:var(--minor);}
.shangzuo-oem-embed .header-2025122401 .head_top .head_language .current:hover span{color:var(--minor);}
.shangzuo-oem-embed .header-2025122401 .head_con{}
.shangzuo-oem-embed .header-2025122401 .head_con .head_logo{height:4.5em;transition: all 0.5s;}
.shangzuo-oem-embed .header-2025122401 .head_con .head_logo img{height:3.1875em;transition: all 0.5s;}
.shangzuo-oem-embed .header-2025122401 .head_con .head_right{}
.shangzuo-oem-embed .header-2025122401 .head_con .head_navbtn{display:none;}
.shangzuo-oem-embed .header-2025122401 .head_con .head_nav{}
.shangzuo-oem-embed .header-2025122401 .head_con .navbar{gap:3em;}
.shangzuo-oem-embed .header-2025122401 .head_con .navbar .megamenu{}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .header-2025122401 .head_nav .navbar .megamenu.active>a:before, .shangzuo-oem-embed .header-2025122401 .head_nav .navbar .megamenu:hover>a:before{width:100%;}

.shangzuo-oem-embed .banner-2025122402{}
.shangzuo-oem-embed .banner-2025122402 .swiperImg{width:100%;height:51.25em;}
.shangzuo-oem-embed .banner-2025122402 .swiperImg img{width:100%;height:100%;object-fit:cover;}
.shangzuo-oem-embed .banner-2025122402 .swiperTxt{position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .banner-2025122402 .swiperTxt .swiperBtn{font-size:1.25em;}
.shangzuo-oem-embed .banner-2025122402 .swiper-pagination{}
.shangzuo-oem-embed .banner-2025122402 .swiper-pagination span{opacity:0.5;border-radius:0;height:0.2em;background:#fff;transition:all 0.5s;}
.shangzuo-oem-embed .banner-2025122402 .swiper-pagination span.swiper-pagination-bullet-active{width:2.75em;opacity:1;}

.shangzuo-oem-embed .section-2025122403{padding:15em 0 11.875em;position:relative;background:url(assets/oem-embed/static/images/aboutbg.jpg) no-repeat center;background-size:cover;}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .section-2025122403 .container{position:relative;}
.shangzuo-oem-embed .section-2025122403 .box{}
.shangzuo-oem-embed .section-2025122403 .boxRight{width:45.125%;}
.shangzuo-oem-embed .section-2025122403 .boxImg{width:100%;box-shadow:0 0 1.75em rgb(0 0 0 / 10%);}
.shangzuo-oem-embed .section-2025122403 .boxImg .video{}
.shangzuo-oem-embed .section-2025122403 .boxImg .video img{width:100%;height:34.5em;object-fit:cover;}
.shangzuo-oem-embed .section-2025122403 .boxLeft{width:51.625%;}
.shangzuo-oem-embed .section-2025122403 .boxTxt{padding-left:6.5%;}
.shangzuo-oem-embed .section-2025122403 .boxTxt .sectionHead{margin-bottom:1.5em;}
.shangzuo-oem-embed .section-2025122403 .boxTxt .sectionTit{font-size:3.875em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.shangzuo-oem-embed .section-2025122403 .boxTxt .sectionBtn{font-size:1.25em;}
.shangzuo-oem-embed .section-2025122403 .boxTxt .sectionCon{font-size:1.375em;line-height:1.5;margin-bottom:2.5em;}
.shangzuo-oem-embed .section-2025122403 .sectionList{gap:3em 0;}
.shangzuo-oem-embed .section-2025122403 .sectionList .item{max-width:22em;width:48%;text-align:center;}
.shangzuo-oem-embed .section-2025122403 .sectionList .item .itemNum{font-size:3em;font-weight:600;color:var(--minor);}
.shangzuo-oem-embed .section-2025122403 .sectionList .itemTit{font-size:1.125em;font-weight:600;}
.shangzuo-oem-embed .section-2025122403 .sectionList .itemCon{font-size:1.125em;}
.shangzuo-oem-embed .section-2025122403 .sectionList .line{width:2px;height:7em;background:#9e9c9a;}
.shangzuo-oem-embed .section-2025122404{padding:5em 0;position:relative;background:url(assets/oem-embed/static/images/tourbg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.shangzuo-oem-embed .section-2025122404 .sectionHead{margin-bottom:1.25em;}
.shangzuo-oem-embed .section-2025122404 .sectionTit{font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);margin-right:1.25em;}
.shangzuo-oem-embed .section-2025122404 .sectionBtn{font-size:1.25em;}
.shangzuo-oem-embed .section-2025122404 .sectionCon{font-size:1.375em;margin-bottom:2.5em;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper{position:relative;width:calc( 100% + 50vw - 49em );height:33.5em;left:-1em;padding:0.5em;overflow:hidden;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper{overflow:unset;width:28.25em;height:23.75em;margin:0 auto 0 0;}  
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide{width:28.25em;height:23.75em;padding:0.5em;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active{width:53.75em !important;height:32.5em;padding:0.5em;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem{width:100%;height:100%;position:relative;box-shadow:0.5px 0.5px 1em rgb(0 0 0 / 20%);}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide-prev .tourItem{box-shadow:none;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourImg{width:100%;height:100%;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourImg img{width:100%;height:100%;    object-fit: cover;}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit{width:100%;font-size:1.875em;text-align:center;padding:0 1em;color:#fff;position:relative;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:hover{color:var(--minor);}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:hover:before{background:var(--minor);}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt .tourTit{text-align:left;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt .tourTit:before{width:0;margin-left:0;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-prev, .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-next{width:2.5em;height:1.5em;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-prev svg.icon, .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-next svg.icon{width:100%;height:100%;fill:var(--theme);}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-prev:hover svg.icon, .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-next:hover svg.icon{fill:#fff;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button span{margin:0 1em;width:0.125em;height:1.25em;background:var(--theme);}
.shangzuo-oem-embed .section-2025122405{padding:7.5em 0;}
.shangzuo-oem-embed .section-2025122405 .sectionTit{font-size:3.25em;font-weight:600;text-align:center;text-transform:uppercase;color:var(--theme);margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122405 .sectionCon{text-align:center;font-size:1.375em;margin-bottom:2.5em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper{overflow:hidden;position: relative;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .swiper{width:58.75em;overflow:unset;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .swiper-slide{padding:0.875em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productItem{position:relative;padding:3.75em 0 0;transition:all 0.5s;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productItem .productImg img{
    width: 100%;
    height: 34.5em;
}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productTxt{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .swiper-slide-active .productItem{padding:0 0 3.75em;}

.shangzuo-oem-embed .section-2025122405 .product-swiper .productTxt .productBox{width:100%;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productTxt .productTit{display:block;text-align:center;font-size:1.875em;margin-bottom:0.5em;color:var(--text);}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productTxt .productMore{font-size:1.25em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productTxt .productMore span{margin-right:0.25em;color:var(--text);}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productTxt .productMore svg.icon{width:1.125em;height:1.125em;fill:var(--text);}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productItem:hover .productTxt{
    opacity: 1;
}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .swiper-slide-active .productItem .view{height:2.25em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productItem .view a:hover{color:var(--minor);}
.shangzuo-oem-embed .section-2025122405 .product-swiper .button-prev, .shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .button-prev{left:-3em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .button-next{right:-3em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .button-prev svg.icon, .shangzuo-oem-embed .section-2025122405 .product-swiper .button-next svg.icon{width:100%;fill:var(--text);}
.shangzuo-oem-embed .section-2025122405 .product-swiper .button-prev:hover svg.icon, .shangzuo-oem-embed .section-2025122405 .product-swiper .button-next:hover svg.icon{fill:var(--minor);}
.shangzuo-oem-embed .section-2025122406{padding-bottom:8.5em;}
.shangzuo-oem-embed .section-2025122406 .sectionTit{font-size:3.25em;font-weight:600;text-align:center;text-transform:uppercase;color:var(--theme);margin-bottom:1.25em;}
.shangzuo-oem-embed .section-2025122406 .sectionList{gap:10em;}
.shangzuo-oem-embed .section-2025122406 .sectionList i{}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(1), .shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(2), .shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(3){margin-top:-12em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(assets/oem-embed/static/images/chooseitembg.jpg) no-repeat;background-size:cover;transition:all 0.5s;opacity:1;}
.shangzuo-oem-embed .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);}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemBg img{opacity:0.5;width:100%;height:100%;object-fit:cover;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemImg{position:relative;padding-bottom:1em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemImg img{width:5em;height:5em;object-fit:contain;margin:0 auto;transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt{position:relative;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt .itemTit{font-size:1.75em;text-align:center;margin-bottom:0.375em;transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt .itemCon{text-align:center;font-size:1.325em;padding:0 1.25em;transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:hover .itemBg{opacity:1;transform:scale(1);}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:hover .itemImg img{filter:invert(1);}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:hover .itemTxt .itemTit{color:var(--minor);}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:hover .itemTxt .itemCon{
    color: #ffffff;
}

.shangzuo-oem-embed .section-2025122407{padding:5em 0;position:relative;background:url(assets/oem-embed/static/images/oemodmbg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.shangzuo-oem-embed .section-2025122407 .sectionHead{margin-bottom:3.5em;}
.shangzuo-oem-embed .section-2025122407 .sectionTit{font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.shangzuo-oem-embed .section-2025122407 .sectionTxt{width:60%;max-width:53em;}
.shangzuo-oem-embed .section-2025122407 .sectionTxt .sectionCon{font-size:1.375em;margin-bottom:1em;}
.shangzuo-oem-embed .section-2025122407 .sectionTxt .sectionBtn{font-size:1.25em;}
.shangzuo-oem-embed .section-2025122407 .sectionList{gap:0.75%;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active{width:37.75%;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemImg{width:100%;height:100%;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemImg img{width:100%;height:100%;object-fit:cover;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemTxt{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit{text-align:left;padding:0 5.5em 0 1.25em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn{opacity:1;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn:hover{border-color:var(--minor);}

.shangzuo-oem-embed .section-2025122408{padding:7.5em 0;}
.shangzuo-oem-embed .section-2025122408 .sectionHead{margin-bottom:3.5em;}
.shangzuo-oem-embed .section-2025122408 .sectionTit{font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.shangzuo-oem-embed .section-2025122408 .sectionCon{width:60%;max-width:39em;font-size:1.375em;}
.shangzuo-oem-embed .section-2025122408 .sectionItem{}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemLeft{width:calc( 58.25% - 0.375em );}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemRight{width:calc( 41.75% - 0.375em );}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg{overflow:hidden;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg img{width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg:hover img{transform:scale(1.1);}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg1{width:100%; height: 45.75em;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg2{width:calc( 50% - 0.375em );height:13.5em;margin-bottom:0.75em;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg3{width:calc( 50% - 0.375em );height:13.5em;margin-bottom:0.75em;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg4{width:100%;height:31.5em;}

.shangzuo-oem-embed .section-2025122409{overflow:hidden;position:relative;background:url(assets/oem-embed/static/images/fiedlebg.jpg) no-repeat;background-size:120em;background-position:center bottom;padding-bottom:7.25em;}
.shangzuo-oem-embed .section-2025122409 .sectionHead{margin-bottom:2.75em;}
.shangzuo-oem-embed .section-2025122409 .sectionTit{font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .section-2025122409 .sectionBtn:hover{color:var(--minor);}
.shangzuo-oem-embed .section-2025122409 .sectionCon{width:41%;font-size:1.375em;margin-bottom:1.5em;}
.shangzuo-oem-embed .section-2025122409 .swiper-button{cursor:pointer;border-radius:0.5em;background:var(--minor);padding:0.5em 1.25em;width:8em;}
.shangzuo-oem-embed .section-2025122409 .swiper-button .button-prev, .shangzuo-oem-embed .section-2025122409 .swiper-button .button-next{width:2.5em;height:1.5em;}
.shangzuo-oem-embed .section-2025122409 .swiper-button .button-prev svg.icon, .shangzuo-oem-embed .section-2025122409 .swiper-button .button-next svg.icon{width:100%;height:100%;fill:var(--theme);}
.shangzuo-oem-embed .section-2025122409 .swiper-button .button-prev:hover svg.icon, .shangzuo-oem-embed .section-2025122409 .swiper-button .button-next:hover svg.icon{fill:#fff;}
.shangzuo-oem-embed .section-2025122409 .swiper-button span{margin:0 1em;width:0.125em;height:1.25em;background:var(--theme);}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper{padding-top:3.125em;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper{overflow:unset;width:40.875em;height:27.625em;margin:0;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide{width:40.875em;height:27.625em;margin-right:3.125em;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .fiedleItem{width:100%;height:100%;overflow:hidden;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .fiedleItem .fiedleImg{width:100%;height:100%;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .fiedleItem .fiedleImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(2px);
    transition: all 0.5s;
}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide-next{width:55.875em !important;height:39em;top:-14.75em;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide-next .fiedleItem{box-shadow:0.25em 0.25em 1em rgb(0 0 0 / 20%);}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide-next .fiedleItem .fiedleImg img{filter:none;opacity:1;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide-active .fiedleItem .fiedleImg img{filter:none;opacity:1;}
.shangzuo-oem-embed .section-2025122410{padding:7.25em 0;}
.shangzuo-oem-embed .section-2025122410 .sectionHead{margin-bottom:0.5em;}
.shangzuo-oem-embed .section-2025122410 .sectionTit{font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.shangzuo-oem-embed .section-2025122410 .sectionBtn{font-size:1.25em;}
.shangzuo-oem-embed .section-2025122410 .sectionCon{font-size:1.375em;margin-bottom:1.5em;}
.shangzuo-oem-embed .section-2025122410 .sectionList{}
.shangzuo-oem-embed .section-2025122410 .listLeft{max-width:45.75em;width:48.5%;}
.shangzuo-oem-embed .section-2025122410 .listLeft .listItem{position:relative;width:100%;}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemImg{display:block;width:100%;height:25em;background:#000;overflow:hidden;}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemImg img{width:100%;height:100%;object-fit:cover;opacity:0.8;transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122410 .listLeft .listItem:hover .itemImg img{transform:scale(1.1);}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemTxt{position:absolute;left:0;bottom:0;padding:2em;width:100%;}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemTxt .itemDate{font-size:1em;color:#fff;margin-bottom:1.125em;}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemTxt .itemTit{font-size:1.3125em;color:#fff;}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemTxt .itemTit:hover{color:var(--minor);}
.shangzuo-oem-embed .section-2025122410 .line{width:1px;background:#999999;}
.shangzuo-oem-embed .section-2025122410 .listRight{max-width:45.75em;width:48.5%;}
.shangzuo-oem-embed .section-2025122410 .listRight .listItem{width:100%;color:#666;background:#fafafa;margin-bottom:1.875em;padding:0.75em 1.75em;transition:all 0.5s;}
.shangzuo-oem-embed .footer-2025122400 .foot_con a:hover{
    color: var(--minor);
}
.shangzuo-oem-embed .section-2025122410 .listRight .listItem:nth-last-child(1){margin-bottom:0;}
.shangzuo-oem-embed .section-2025122410 .listRight .itemDate{width:5.75em;}
.shangzuo-oem-embed .section-2025122410 .listRight .itemDate b{display:block;font-size:3em;text-align:center;}
.shangzuo-oem-embed .section-2025122410 .listRight .itemDate span{display:block;text-align:center;font-size:1.125em;}
.shangzuo-oem-embed .section-2025122410 .listRight .itemLine{width:1px;background:#999999;}
.shangzuo-oem-embed .section-2025122410 .listRight .itemTxt{width:78.5%;max-width:calc( 100% - 7em );}
.shangzuo-oem-embed .section-2025122410 .listRight .itemTxt .itemTit{font-size:1.375em;margin-bottom:0.35em;color:var(--text);transition:all 0.5s;}
.shangzuo-oem-embed .section-2025122410 .listRight .itemTxt .itemCon{font-size:1.125em;}
.shangzuo-oem-embed .section-2025122410 .listRight .listItem:hover{color:var(--minor);box-shadow:0.375em 0.375em 1em rgb(0 0 0 / 20%);}
.shangzuo-oem-embed .section-2025122410 .listRight .listItem:hover .itemTxt .itemTit{color:var(--minor);}
.shangzuo-oem-embed .section-2025122411{padding:7.5em 0;background:url(assets/oem-embed/static/images/touchbg.jpg) no-repeat;background-position:top center;background-size:120em auto;}
.shangzuo-oem-embed .section-2025122411 .formName{font-size:3.25em;font-weight:600;text-align:center;margin-bottom:0.125em;color: var(--theme);}
.shangzuo-oem-embed .section-2025122411 .formP{font-size:1.375em;text-align:center;margin-bottom:2em;}
.shangzuo-oem-embed .touch-form{background:#fff;padding:3.5em 4.5em;box-shadow:0.5em 0.5em 1em rgb(0 0 0 / 20%);}
.shangzuo-oem-embed .touch-form .wpcf7-response-output{color:red;}
.shangzuo-oem-embed .touch-form .form-input{width:31.5%;margin-bottom:2em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .touch-form .form-input img{flex:1;}
.shangzuo-oem-embed .touch-form .form-content{width:100%;margin-bottom:2em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .touch-form .p{width:100%;color:#999999;margin-top:1.25em;}
.shangzuo-oem-embed .touch-form .p p{text-align:center;color:var(--p-color);font-size:1.125em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .touch-form .form-input2>p .wpcf7-form-control-wrap{width:60%;margin-right:1.5em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .touch-form .form-input2>p img{height:2.75em;font-size:1em;}
.shangzuo-oem-embed .touch-form .submit{width:100%;text-align:center;}
.shangzuo-oem-embed .touch-form .submit p{display:inline-block;font-size:1.25em;background:var(--minor);border-radius:0.25em;position:relative;overflow:hidden;}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .touch-form .submit p:hover:before{animation:btn-animation .75s;z-index:1;}
.shangzuo-oem-embed .touch-form .submit input{font-size:1em;padding:0.75em 2em;border-width:0;cursor:pointer;background:transparent;position:relative;z-index:2;}
.shangzuo-oem-embed .touch-form .submit input:hover{color:#fff;}

.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .fixed-contact-wrap.show{transform:none;opacity:1;}
.shangzuo-oem-embed .fixed-contact-wrap.active{width:280px;}
.shangzuo-oem-embed .fixed-contact-wrap li{position:relative;height:60px;background:rgb(54 44 52 / 75%);overflow:hidden;padding:15px;}
.shangzuo-oem-embed .fixed-contact-wrap.active li{overflow:inherit;}
.shangzuo-oem-embed .fixed-contact-wrap li a{position:relative;z-index:1000;display:block;}
.shangzuo-oem-embed .fixed-contact-wrap li a i{display:block;width:30px;height:30px;margin:0 0 0 auto;}
.shangzuo-oem-embed .fixed-contact-wrap li a i svg.icon{display:block;fill:#fff;width:100%;height:100%;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .fixed-contact-wrap li a .itemCon:hover{color:var(--minor);}
.shangzuo-oem-embed .fixed-contact-wrap.active li a .itemCon{right:44px;opacity:1;}
.shangzuo-oem-embed .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);}
.shangzuo-oem-embed .fixed-contact-wrap.active li:nth-last-child(1):after, .shangzuo-oem-embed .fixed-contact-wrap.active li:nth-last-child(2):after{opacity:0;}
.shangzuo-oem-embed .fixed-contact-wrap .whatsapp a .itemCon .itemImg{width:90px;height:90px;background:#fff;border-radius:5px;overflow:hidden;}
.shangzuo-oem-embed .fixed-contact-wrap .whatsapp a .itemCon .itemImg img{width:100%;height:100%;object-fit:contain;}

.shangzuo-oem-embed .footer-2025122400{padding:7.5em 0 0;background:url(assets/oem-embed/static/fonts/8c249c982a844aa1ace44e52a08e2b90.woff);width:1.25em;height:1.25em;transition:all 0.5s;}
.shangzuo-oem-embed .footer-2025122400 .foot_share .icon_boxs li:hover svg.icon{fill:#fff;}
.shangzuo-oem-embed .footer-2025122400 .foot_link{width:auto;max-width:24%;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .item{}
.shangzuo-oem-embed .footer-2025122400 .foot_link .item .tit{display:block;font-size:1.75em;font-weight:600;margin-bottom:0.75em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .item .a:before{content:"";position:absolute;top:0.625em;left:0;width:0;height:1px;transition:all .6s;background:#000;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .item .a:hover{color:#000;padding-right:0;padding-left:1.75em;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .item .a:hover:before{width:1.35em;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .m_name{display:none;}

.shangzuo-oem-embed .footer-2025122400 .foot_form{width:21em;}
.shangzuo-oem-embed .footer-2025122400 .foot_form .formTit{font-size:1.25em;margin-bottom:0.75em;}
.shangzuo-oem-embed .footer-2025122400 .foot_form .form-input{margin-bottom:0.875em;width:100%;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .footer-2025122400 .foot_form .form-input2>p .wpcf7-form-control-wrap{width:60%;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .footer-2025122400 .foot_form .form-input2>p img{width:38%;height:2.75em;font-size:1em;}
.shangzuo-oem-embed .footer-2025122400 .foot_form  .submit{width:100%;text-align:center;}
.shangzuo-oem-embed .footer-2025122400 .foot_form  .submit p{display:block;font-size:1.25em;background:var(--minor);border-radius:0.25em;position:relative;overflow:hidden;}
.shangzuo-oem-embed .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%);}
.shangzuo-oem-embed .footer-2025122400 .foot_form  .submit p:hover:before{animation:btn-animation .75s;z-index:1;}
.shangzuo-oem-embed .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%;}
.shangzuo-oem-embed .footer-2025122400 .foot_form  .submit input:hover{color:#fff;}
.shangzuo-oem-embed .footer-2025122400 .footer_copyright{margin-top:2.5em;border-top:1px solid #b5b5b5;padding:1.25em 0 1em;text-align:center;}


@media screen and (min-width:1921px) {
.shangzuo-oem-embed .shangzuo-oem-page{font-size:0.833vw;}

}
@media screen and (max-width:1668px) {
.shangzuo-oem-embed .header-2025122401 .head_con .navbar{gap:2em;}
.shangzuo-oem-embed .section-2025122403 .boxTxt{padding-left:0;}
.shangzuo-oem-embed .section-2025122403 .sectionList{gap:2em 0;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper{width:calc( 100% + 3vw );height:32vw;padding:0.5vw;left:-1vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper{height:19vw;width:25vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide{height:19vw;width:25vw;padding:0.5vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active{width:48vw !important;height:31vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button{left:49vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit{font-size:1.75em;}
.shangzuo-oem-embed .section-2025122406 .sectionList{gap:10vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem{width:25vw;height:25vw;padding-top:5.5vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(1), .shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(2), .shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(3){margin-top:-12vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemImg{padding-bottom:1vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemImg img{width:5vw;height:5vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt .itemTit{font-size:1.5em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt .itemCon{font-size:1.25em;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem{height:38.5vw;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemTxt .itemTit{font-size:1.75em;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn{bottom:4em;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg1{height:41.75vw;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg2{width:calc( 50% - 0.375vw );height:13.5vw;margin-bottom:0.75vw;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg3{width:calc( 50% - 0.375vw );height:13.5vw;margin-bottom:0.75vw;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg4{width:100%;height:27.5vw;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper{width:40vw;height:27vw;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide{width:40vw;height:27vw;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide-next{width:calc( 56vw - 3.125em ) !important;height:39vw;top:-14.75vw;}

}
@media screen and (max-width:1335px) {
.shangzuo-oem-embed .shangzuo-oem-page{font-size:14px;}
.shangzuo-oem-embed .section-2025122403 .boxTxt .sectionTit{font-size:3.25em;}
.shangzuo-oem-embed .section-2025122403 .sectionList .item .itemNum{font-size:2.5em;}
}
@media screen and (max-width:1100px) {
.shangzuo-oem-embed .header-2025122401 .head_con .navbar{gap:1em;}
.shangzuo-oem-embed .banner-2025122402 .swiperImg{height:38em;}
.shangzuo-oem-embed .banner-2025122402 .swiperTxt .swiperTit{font-size:3.5em;}

}
@media screen and (max-width:1024px) {
.shangzuo-oem-embed .shangzuo-oem-page{font-size:12px;}
.shangzuo-oem-embed .section-2025122403{padding:8em 0 6em;}
.shangzuo-oem-embed .section-2025122403:before{display:none;}
.shangzuo-oem-embed .section-2025122403 .boxRight{width:100%;margin-bottom:2em;}
.shangzuo-oem-embed .section-2025122403 .boxImg .video img{height:60vw;}
.shangzuo-oem-embed .section-2025122403 .boxLeft{width:100%;}
.shangzuo-oem-embed .section-2025122403 .sectionList .item{max-width:unset;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper{height:39.75vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper{width:38vw;height:28.88vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide{width:38vw;height:28.88vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active{width:60vw !important;height:38.75vw;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button{left:61vw;}


}
@media screen and (max-width: 920px) {
.shangzuo-oem-embed .section-2025122405{padding:5em 0;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .swiper{width:100%;}
.shangzuo-oem-embed .section-2025122406 .sectionList{gap:3vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList i{display:none;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem{width:30vw;height:30vw;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(1), .shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(2), .shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem:nth-last-child(3){margin-top:0;}
.shangzuo-oem-embed .section-2025122407 .sectionTit{width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122407 .sectionTxt{width:100%;max-width:100%;}
.shangzuo-oem-embed .section-2025122407 .sectionList{gap:2vw 2%;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem, .shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active{width:49%;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemTxt .itemTit, .shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit{padding:0 1em;bottom:2.5em;text-align:left;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn, .shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn{opacity:1;left:1.75em;bottom:2em;right:auto;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem .itemTxt:before{height:100%;}
.shangzuo-oem-embed .section-2025122408{padding:5em 0;}
.shangzuo-oem-embed .section-2025122408 .sectionTit{width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122408 .sectionCon{width:100%;max-width:100%;}
.shangzuo-oem-embed .section-2025122409{padding-bottom:5em;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper{width:100%;height:auto;}
.shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide, .shangzuo-oem-embed .section-2025122409 .fiedle-swiper .swiper-slide-next{width:100% !important;height:auto;top:0;}
.shangzuo-oem-embed .section-2025122410{padding:5em 0;}
.shangzuo-oem-embed .section-2025122410 .listLeft{max-width:100%;width:100%;margin-bottom:2em;}
.shangzuo-oem-embed .section-2025122410 .listLeft .itemImg{height:45vw;}
.shangzuo-oem-embed .section-2025122410 .line{display:none;}
.shangzuo-oem-embed .section-2025122410 .listRight{max-width:100%;width:100%;}
.shangzuo-oem-embed .section-2025122410 .listRight .listItem{padding:1.25em 1.75em;}
.shangzuo-oem-embed .section-2025122411{padding:5em 0;}
.shangzuo-oem-embed .touch-form .form-input{width:100%;}
.shangzuo-oem-embed .footer-2025122400{padding:5em 0 0;background-size:auto 100%;}
.shangzuo-oem-embed .footer-2025122400 .footLogo{margin-bottom:3.5em;}
.shangzuo-oem-embed .footer-2025122400 .foot_con{width:100%;margin-bottom:3em;}
.shangzuo-oem-embed .footer-2025122400 .foot_con .info{font-size:1.375em;}
.shangzuo-oem-embed .footer-2025122400 .foot_share{font-size:1.25em;}
.shangzuo-oem-embed .footer-2025122400 .foot_link{max-width:unset;width:100%;font-size:1.125em;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .footer-2025122400 .foot_link.m_toggle.active .m_name span{transform:rotate(45deg);}
.shangzuo-oem-embed .footer-2025122400 .foot_link .toggle_con{display:none;padding:2em 0 0;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .toggle_con .item{padding-bottom:0;border-bottom-width:0;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .toggle_con .item .tit{display:none;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .toggle_con .item .a{font-size:1.25em;}
.shangzuo-oem-embed .footer-2025122400 .foot_link .item{width:100%;border-right-width:0;border-bottom:1px solid #dddddd;}
.shangzuo-oem-embed .footer-2025122400 .foot_form{width:100%;margin-top:2em;font-size:1.125em;}
.shangzuo-oem-embed .footer-2025122400 .footer_copyright{font-size:1.25em;}


}
@media screen and (max-width: 680px) {
.shangzuo-oem-embed .banner-2025122402 .swiperImg{height:20em;}
.shangzuo-oem-embed .banner-2025122402 .swiperTxt .swiperTit{font-size:2.25em;margin-bottom:0.75em;}
.shangzuo-oem-embed .banner-2025122402 .swiperTxt .swiperBtn{font-size:1.125em;}
.shangzuo-oem-embed .section-2025122403{padding:2.5em 0 5em;}
.shangzuo-oem-embed .section-2025122403 .boxTxt .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122403 .sectionList .item{width:100%;font-size:1.25em;}
.shangzuo-oem-embed .section-2025122403 .sectionList .line{display:none;}
.shangzuo-oem-embed .section-2025122404{padding:3.5em 0;}
.shangzuo-oem-embed .section-2025122404 .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper{width:100%;height:auto;padding:0;left:0;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper{width:100%;height:auto;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide{padding:1em;width:100%;height:auto;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active{width:100% !important;height:auto;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit{font-size:1.5em;}
.shangzuo-oem-embed .section-2025122405{padding:3.5em 0;}
.shangzuo-oem-embed .section-2025122405 .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122405 .sectionCon{margin-bottom:1em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .swiper-slide{padding:1.25em;}
.shangzuo-oem-embed .section-2025122405 .product-swiper .productItem .productImg{width:100%;height:72vw;}

.shangzuo-oem-embed .section-2025122406 .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.75em;}
.shangzuo-oem-embed .section-2025122406 .sectionList{gap:3em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem{width:25em;height:25em;padding-top:5em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemImg{padding-bottom:1em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemImg img{width:4em;height:4em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt .itemTit{font-size:1.75em;}
.shangzuo-oem-embed .section-2025122406 .sectionList .sectionItem .itemTxt .itemCon{font-size:1.375em;}
.shangzuo-oem-embed .section-2025122406{padding-bottom:5em;}
.shangzuo-oem-embed .section-2025122407{padding:3.5em 0;}
.shangzuo-oem-embed .section-2025122407 .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122407 .sectionHead{margin-bottom:2em;}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem, .shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active{width:100%;height:64vw;}
.shangzuo-oem-embed .section-2025122408{padding:3.5em 0;}
.shangzuo-oem-embed .section-2025122408 .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122408 .sectionHead{margin-bottom:2em;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemLeft{width:100%;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemRight{width:100%;}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg{width:100% !important;height:auto;margin-bottom:1em;}
.shangzuo-oem-embed .section-2025122409{padding-bottom:3.5em;}
.shangzuo-oem-embed .section-2025122409 .sectionHead{margin-bottom:1em;}
.shangzuo-oem-embed .section-2025122409 .sectionTit{font-size:2.5em;display:block;width:100%;margin-bottom:0.75em;}
.shangzuo-oem-embed .section-2025122409 .sectionCon{width:100%;margin-bottom:0;}
.shangzuo-oem-embed .section-2025122409 .swiper-button{display:none;}
.shangzuo-oem-embed .section-2025122410{padding:3.5em 0;}
.shangzuo-oem-embed .section-2025122410 .sectionHead{margin-bottom:1em;}
.shangzuo-oem-embed .section-2025122410 .sectionTit{width:100%;font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .section-2025122411 .formName{font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.shangzuo-oem-embed .touch-form{padding:2.25em 2em;}

}


.shangzuo-oem-embed .nav_modal{display:none;font-size:1em;position:fixed;z-index: 1004;}
.shangzuo-oem-embed .language_modal{position:fixed;top:10%;left:0;right:0;width:1000px;max-width:94%;height:80%;background:#fff;border-radius:1em;box-shadow:0 0 25px 0 rgba(0,0,0,.75);z-index:1021;margin:auto;color:#000;}
.shangzuo-oem-embed .language_modal_title{position:relative;}
.shangzuo-oem-embed .language_modal_title span{display:block;height:2.5em;line-height:2.5em;font-size:2.25em;overflow:hidden;padding:0 0.75em;border-bottom:1px solid #ddd;font-weight:700;text-transform:uppercase;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .language_con{padding:1.875em;position:absolute;top:5.625em;left:0;right:0;bottom:2.5em;overflow:hidden;overflow-y:auto;}
.shangzuo-oem-embed .language_modal_title .language_close svg{fill:var(--text);transition:all 0.4s;}
.shangzuo-oem-embed .language_modal_title .language_close:hover svg{fill:var(--theme);}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .language_modal_a{display:block;float:left;width:16.6666%;padding:1em 0.625em;transition:all 0.4s;}
.shangzuo-oem-embed .language_modal_a span{display:block;overflow:hidden;text-overflow:ellipsis;line-height:2em;font-size:0.9375em;text-align:center;white-space:nowrap;}
.shangzuo-oem-embed .language_modal_a.font-color span, .shangzuo-oem-embed .language_modal_a:hover span{color:var(--theme);}
.shangzuo-oem-embed .language_modal_a div{background-image:url(assets/oem-embed/static/images/languages_icon.png);background-size:28.125em auto;width:3.125em;height:1.875em;margin:0 auto;}
.shangzuo-oem-embed .language_modal_a .icon-af{background-position:0 0;}
.shangzuo-oem-embed .language_modal_a .icon-am{background-position:-3.125em 0;}
.shangzuo-oem-embed .language_modal_a .icon-ar{background-position:0 -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-az{background-position:-3.125em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-be{background-position:0 -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-bg{background-position:-3.125em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-bn{background-position:-7.5em 0;}
.shangzuo-oem-embed .language_modal_a .icon-bs{background-position:-6.25em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-ca{background-position:-6.25em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-ceb{background-position:0 -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-co{background-position:-3.125em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-cs{background-position:-6.25em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-cy{background-position:0 -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-da{background-position:-3.125em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-de{background-position:-6.25em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-el{background-position:-9.375em 0;}
.shangzuo-oem-embed .language_modal_a .icon-en{background-position:-9.375em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-eo{background-position:-9.375em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-es{background-position:-9.375em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-et{background-position:-9.375em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-eu{background-position:0 -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-fa{background-position:-3.125em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-fi{background-position:-6.25em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-fr{background-position:-9.375em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-fy{background-position:-12.5em 0;}
.shangzuo-oem-embed .language_modal_a .icon-ga{background-position:-12.5em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-gd{background-position:-12.5em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-gl{background-position:-12.5em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-gu{background-position:-12.5em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-ha{background-position:-12.5em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-haw{background-position:0 -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-hi{background-position:-3.125em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-hmn{background-position:-6.25em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-hr{background-position:-9.375em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-ht{background-position:-12.5em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-hu{background-position:0 -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-hy{background-position:-3.125em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-id{background-position:-6.25em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-ig{background-position:-9.375em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-is{background-position:-12.5em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-it{background-position:-15.625em 0;}
.shangzuo-oem-embed .language_modal_a .icon-iw{background-position:-15.625em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-ja{background-position:-15.625em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-jv{background-position:-15.625em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-jw{background-position:-15.625em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-ka{background-position:-15.625em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-kk{background-position:-15.625em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-km{background-position:-15.625em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-kn{background-position:0 -15em;}
.shangzuo-oem-embed .language_modal_a .icon-ko{background-position:-3.125em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-ku{background-position:-6.25em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-ky{background-position:-9.375em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-la{background-position:-12.5em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-lb{background-position:-15.625em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-lo{background-position:0 -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-lt{background-position:-3.125em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-lv{background-position:-6.25em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-mg{background-position:-9.375em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-mi{background-position:-12.5em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-mk{background-position:-15.625em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-ml{background-position:-18.75em 0;}
.shangzuo-oem-embed .language_modal_a .icon-mn{background-position:-18.75em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-mr{background-position:-18.75em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-ms{background-position:-18.75em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-mt{background-position:-18.75em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-my{background-position:-18.75em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-ne{background-position:-18.75em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-nl{background-position:-18.75em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-no{background-position:-18.75em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-ny{background-position:-18.75em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-pa{background-position:0 -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-pl{background-position:-3.125em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-ps{background-position:-6.25em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-pt{background-position:-9.375em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-ro{background-position:-12.5em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-ru{background-position:-15.625em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-sd{background-position:-18.75em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-si{background-position:-21.875em 0;}
.shangzuo-oem-embed .language_modal_a .icon-sk{background-position:-21.875em -1.875em;}
.shangzuo-oem-embed .language_modal_a .icon-sl{background-position:-21.875em -3.75em;}
.shangzuo-oem-embed .language_modal_a .icon-sm{background-position:-21.875em -5.625em;}
.shangzuo-oem-embed .language_modal_a .icon-sn{background-position:-21.875em -7.5em;}
.shangzuo-oem-embed .language_modal_a .icon-so{background-position:-21.875em -9.375em;}
.shangzuo-oem-embed .language_modal_a .icon-sq{background-position:-21.875em -11.25em;}
.shangzuo-oem-embed .language_modal_a .icon-sr{background-position:-21.875em -13.125em;}
.shangzuo-oem-embed .language_modal_a .icon-st{background-position:-21.875em -15em;}
.shangzuo-oem-embed .language_modal_a .icon-su{background-position:-21.875em -16.875em;}
.shangzuo-oem-embed .language_modal_a .icon-sv{background-position:-21.875em -18.75em;}
.shangzuo-oem-embed .language_modal_a .icon-sw{background-position:0 -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-ta{background-position:-3.125em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-te{background-position:-6.25em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-tg{background-position:-9.375em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-th{background-position:-12.5em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-tl{background-position:-15.625em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-tr{background-position:-18.75em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-uk{background-position:-21.875em -20.625em;}
.shangzuo-oem-embed .language_modal_a .icon-ur{background-position:0 -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-uz{background-position:-3.125em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-vi{background-position:-6.25em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-xh{background-position:-9.375em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-yi{background-position:-12.5em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-yo{background-position:-15.625em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-zh-CN{background-position:-18.75em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-zh-TW{background-position:-21.875em -22.5em;}
.shangzuo-oem-embed .language_modal_a .icon-zu{background-position:-25em 0;}
@media all and (max-width:767px) {
.shangzuo-oem-embed .language_modal_title span{font-size:1.25em;height:4.5em;padding:1em 4em 0 2em;line-height:1.5;}
.shangzuo-oem-embed .language_modal_a{width:25%;}
}
.shangzuo-oem-embed form .btn{cursor:pointer;}
.shangzuo-oem-embed .video.vp-a{display:block;overflow:hidden;position:relative;cursor:pointer;}
.shangzuo-oem-embed .video.vp-a img{transition:all 0.75s;width:100%;}
.shangzuo-oem-embed .video.vp-a:hover img{transform:scale(1.1);}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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%;}
.shangzuo-oem-embed .vp-flex{max-width:800px;width:100%;height:450px;max-height:90%;margin:0 40px;position:relative;background-color:#000;}
.shangzuo-oem-embed .vp-flex iframe, .shangzuo-oem-embed .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;}
.shangzuo-oem-embed .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(assets/oem-embed/static/images/close.png) no-repeat center;background-size:100%;}
.shangzuo-oem-embed .YouTubePopUp-Close:hover{opacity:.5;}
.shangzuo-oem-embed .vp-flex.vp-flex-no-border iframe, .shangzuo-oem-embed .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;}
.shangzuo-oem-embed .vp-flex-no-border.vp-vt-locally, .shangzuo-oem-embed .vp-flex-no-border.vp-vt-vimeo{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.shangzuo-oem-embed .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;}
.shangzuo-oem-embed .video-popup-animation svg{position:relative;z-index:1;width:1.5em;height:1.5em;left:0.125em;}
.shangzuo-oem-embed .video-popup-animation svg path{transition:all 0.35s;}
.shangzuo-oem-embed .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}
}
.shangzuo-oem-embed .video-popup-animation:hover, .shangzuo-oem-embed .video-popup-animation:hover:after{
    background: var(--minor);
}
.shangzuo-oem-embed .video-popup-animation:hover svg path{fill:#fff;}
@media all and (max-width:767px) {
.shangzuo-oem-embed .vp-flex, .shangzuo-oem-embed .Video-PopUp-Content .vp-flex{max-width:480px!important;height:270px!important;}
.shangzuo-oem-embed .video.vp-a:before{background-size:40px;}
}
@media all and (max-width:320px) {
.shangzuo-oem-embed .vp-flex, .shangzuo-oem-embed .Video-PopUp-Content .vp-flex{max-width:240px!important;height:140px!important;}
}
@media all and (min-width:1030px) {
.shangzuo-oem-embed .banner_buttons{top:-500px;}
}
@media all and (max-width:1440px) {
.shangzuo-oem-embed .banner_buttons{top:-250px;}
}
.shangzuo-oem-embed #translate{
    display: none;
}



.shangzuo-oem-embed .header-2025122401{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: #ffffff;
    transition: all 0.5s;
}
.shangzuo-oem-embed .header.is_bg{
    top: -3em;
}
.shangzuo-oem-embed .header.is_bg  .head_con .head_logo{
    height: 3.1875rem;
}
.shangzuo-oem-embed .header.is_bg .head_con .head_logo img{
    height: 3.1875rem;
    padding: 0 0 .8rem 0;
}
.shangzuo-oem-embed .header.is_bg  .head_con .navbar .megamenu>a{
    padding:1.5em  0.25em 1.5em;
}
.shangzuo-oem-embed .header-h{
    width: 100%;
    height: 7.5em;
}
.shangzuo-oem-embed .PageBanner{
    position: relative;
}
.shangzuo-oem-embed .BannerImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shangzuo-oem-embed section.PageBanner .txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.shangzuo-oem-embed .BannerTitle{
    color: #fff;
    font-size: 3.25em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .0625em;
}
.shangzuo-oem-embed .AboutFiedle{
    padding: 8.125em 0 5.625em ;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}
.shangzuo-oem-embed .AboutFiedleTit h2{
    font-size: 3.25em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .0625em;
}
.shangzuo-oem-embed .AboutFiedleTit p{
    font-size: 1.375em;
    text-align: center;
    margin-bottom: 2em;
}
.shangzuo-oem-embed .AboutFiedleFlex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.shangzuo-oem-embed .AboutFiedleItem{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.shangzuo-oem-embed .AboutFiedleItemImg{
    width: 2em;
    height: 2em;
    overflow: hidden;
}
.shangzuo-oem-embed .AboutFiedleItemImg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.shangzuo-oem-embed .AboutFiedleTitText  .itemNum  span.counter{
    font-size: 2.25em;
    line-height: 1;
    color: var(--minor);
    font-weight: 500;
}
.shangzuo-oem-embed .AboutFiedleTitText  .itemNum   i{
    font-size: 2.25em;
    line-height: 1;
    display: inline-block;
    color: var(--minor);
    font-style: normal;
    font-weight: 500;
}
.shangzuo-oem-embed .AboutFiedleTitText{
    margin-left: 1.25em;
}
.shangzuo-oem-embed .AboutFiedleTitText .itemNum span:last-child{
    font-size: 1.125em;
    font-weight: 600;
    padding-left: .2em;
}
.shangzuo-oem-embed .AboutFiedleTitText .itemNum{
    margin-bottom: 0.625em;
}
.shangzuo-oem-embed .itemText p{
    display: block;
    font-size: 1.125em;
    margin-left: .2em;   
}
.shangzuo-oem-embed .AboutFiedleContentFl{
    width: 47.5em;
    margin-top: 1.5em;
}
.shangzuo-oem-embed .AboutFiedleContentFr{
    width: 46.5625em;
}
.shangzuo-oem-embed .AboutFiedleContentFr .boxImg{
    box-shadow: 5px 10px 21px 10px rgba(5, 17, 17, 0.1);
}
.shangzuo-oem-embed .AboutFiedleContent{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3.75em;
}
.shangzuo-oem-embed .AboutFiedleContentFl h2{
    font-size: 1.5em;
    padding-bottom: 1em;
    
}
.shangzuo-oem-embed .AboutFiedleContentFl 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;
}
.shangzuo-oem-embed section.AboutFactory{
    padding: 8.125em 0 0;
}
/* 容器整体布局 */
.shangzuo-oem-embed .AboutFactoryFlex{
    display: flex;
    gap: 0.625em; /* 10px 间距 */
    height: 40em; 
}

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

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

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

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

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

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

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

/* 文字遮罩样式 */
.shangzuo-oem-embed .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;
}


.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .AboutFactory .tourTxt::after{
    content: "";
    width: 2.75em;
    height: 0.4375em;
    background: var(--minor);
    display: block;
}
.shangzuo-oem-embed .AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt{
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
    padding: 1.875em;
 
}

.shangzuo-oem-embed 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%);
}
.shangzuo-oem-embed section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after{
   display: none;
}
/* 确保第一张大图没有任何特殊强制样式，彻底和小图同步 */
.shangzuo-oem-embed section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt, .shangzuo-oem-embed .AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt{
    justify-content: center ;
    align-items: center ;
    text-align: center;
    background: rgba(0, 0, 0, 0.4) ;
    padding: 2em ;
}
.shangzuo-oem-embed .AboutFactory .tourTxt::after, .shangzuo-oem-embed section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after{
    content: "";
    width: 2.75em;
    height: 0.4375em;
    background: var(--minor);
    display: block !important; /* 强制显示 */
    transition: all 0.6s ease;
    opacity: 1;
}
/* 初始状态的小横条 */
.shangzuo-oem-embed .AboutFactory .tourTxt::after{
    content: "";
    width: 2.75em;
    height: 0.4375em;
    background: var(--minor);
    display: block;
    opacity: 1;
}
/* 统一标题和小横条的初始过渡 */
.shangzuo-oem-embed .AboutFactory .tourTit, .shangzuo-oem-embed .AboutFactory .tourTxt::after{
    transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translate(0, 0); /* 初始无位移 */
}
/* --- 2. 悬停状态（Hover）：漂亮的过渡到右下角 --- */
.shangzuo-oem-embed .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;
}
/* 悬停时小横条的“漂亮”处理：淡淡消失并向下轻移 */
.shangzuo-oem-embed .AboutFactory .tourItem:hover .tourTxt::after{
    opacity: 0;
    transform: translateY(20px);
    margin-top: 0;
    height: 0;
}

/* 补充：背景图的轻微缩放，增加呼吸感 */
.shangzuo-oem-embed .AboutFactory .tourItem .tourImg img{
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.shangzuo-oem-embed .AboutFactory .tourItem:hover .tourImg img{
    transform: scale(1.1);
}
.shangzuo-oem-embed .AboutFactoryView a{
    font-size: 1.25em;
    text-transform: math-auto;
}
.shangzuo-oem-embed .AboutFactoryView{
    display: flex;
    justify-content: center;
    margin-top: 3.75em;
}
.shangzuo-oem-embed section.AboutPartners{
    padding: 8.125em 0 0;
    background: url(assets/oem-embed/static/images/mapbg.png) no-repeat center top;
    background-size: contain;
    text-align: center;
    background-position-y: 5em;
    height: 62.25em;
}
.shangzuo-oem-embed .PartnerMain{
    position: relative;
    width: 100%;
    height: 38em; /* 必须给容器高度，否则绝对定位会塌陷 */
    margin: 0 auto;
    max-width: 85em;
}

.shangzuo-oem-embed .PItem{
    position: absolute;
    width: 14.625em;
    transition: all 0.4s;
    z-index: 1;
    height: 13em;
}
.shangzuo-oem-embed .PItem img{
    width: 100%;
    height: auto;
    display: block;
    /* 图片自带阴影，不需要额外写 drop-shadow */
}

.shangzuo-oem-embed .PItem:hover{
    transform: scale(1.05);
    z-index: 10;
}
.shangzuo-oem-embed .p1{
    top: 8.5em;
    left: 20em;
}
.shangzuo-oem-embed .p2{
    top: 1.5em;
    left: 8em;
}
.shangzuo-oem-embed .p3{
    top: 8.5em;
    left: -4em;
}
.shangzuo-oem-embed .p4{
    top: 1.5em;
    left: 32em;
}
.shangzuo-oem-embed .p5{
    top: 15.5em;
    left: 32em;
}
.shangzuo-oem-embed .p6{
    top: 0.5em;
    left: 46em;
    width: 7.8125em;
    height: 6.9375em;
}
.shangzuo-oem-embed .p7{
    top: 8.5em;
    left: 44em;
}
.shangzuo-oem-embed .p8{
    top: 1.5em;
    left: 56em;
}
.shangzuo-oem-embed .p9{
    top: 8.5em;
    left: 67.5em;
}
.shangzuo-oem-embed .p10{
    top: 22.5em;
    left: 20em;
}
.shangzuo-oem-embed .p11{
    top: 0.5em;
    left: 1em;
    width: 7.75em;
    height: 6.875em;
}
.shangzuo-oem-embed .p12{
    top: 15em;
    left: 15.5em;
    width: 4.5em;
    height: 4em;
}
.shangzuo-oem-embed .p13{
    top: 15em;
    left: 58.5em;
    width: 4.5em;
    height: 4em;
}


.shangzuo-oem-embed section.AboutCertifications{
    padding: 5em 0 3.75em;
    background: url(assets/oem-embed/static/images/acbg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.shangzuo-oem-embed .cert-full-box{
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 3.125em 0 0;
}

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

 /* * Slide 基础样式 
         */
   .shangzuo-oem-embed .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;
        }

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

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

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

        /* --- 1. 基础堆叠位置调整 (两侧) --- */
        
        /* 左侧边缘 (Active) */
.shangzuo-oem-embed .cert-swiper .swiper-slide-active{
    transform: scale(0.85) translateX(-15%) translateY(10%);
    z-index: 1;
}

        /* 左侧内部 (Active + 1) */
.shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide{
    transform: scale(1) translateX(-20%) translateY(5%);
    z-index: 5;
}
        /* 右侧内部 (Active + 4) */
.shangzuo-oem-embed .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) */
.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide{
    transform: scale(1.15) translateX(-12%);
    opacity: 1;
    z-index: 10;
}
.shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{
    transform: scale(1.15) translateX(10%);
    opacity: 1;
    z-index: 10;
}
.shangzuo-oem-embed .cert-prev, .shangzuo-oem-embed .cert-next{
    width: 2.5em;
    height: 2.5em;
    background: rgb(0 0 0 / 30%);
    z-index: 20;
    border-radius: .25em;
}
.shangzuo-oem-embed .cert-prev{
    left: 28em;
}
.shangzuo-oem-embed .cert-next{
    right: 26.5em;
}
.shangzuo-oem-embed .cert-prev:after, .shangzuo-oem-embed .cert-next:after{
    font-size: 1.125em;
    font-weight: bold;
    color: #ffffff;
}
.shangzuo-oem-embed .AboutCertificationsTips{
    text-align: center;
    color: #4b4b4b;
    font-size: 1em;
    margin-top: 1em;
}

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

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

/* 激活状态的圆点样式 */
.shangzuo-oem-embed .cert-dots .swiper-pagination-bullet-active{
    background: #ff6a00; /* OEM 主色统一为站点橙色 #ff6a00 */
    width: 0.8em;
}

.shangzuo-oem-embed section.AboutTrusted{
    padding: 8.125em 0 ;
}
.shangzuo-oem-embed .AboutTrustedFlex{
    margin-top: 2.5em; /* 40px */
}
.shangzuo-oem-embed .AboutTrustedItem{
    width: 49.5%; /* 两列布局，中间留 2% 间距 */
    position: relative;
    overflow: hidden;
}

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

.shangzuo-oem-embed .AboutTrustedBox .img img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
}
.shangzuo-oem-embed .AboutTrustedBottom{
    position: relative;
    margin-top: .9375em;
    padding-bottom: 3.25em;
}


.shangzuo-oem-embed .trust-slide-item{
    overflow: hidden;
}

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

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

/* 导航按钮样式修改 */
.shangzuo-oem-embed .AboutTrustedBottom .swiper-button-prev, .shangzuo-oem-embed .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;
}

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

.shangzuo-oem-embed .AboutTrustedBottom .swiper-button-prev{
    left: -4em;
}
.shangzuo-oem-embed .AboutTrustedBottom .swiper-button-next{ right: -4em; }

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

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

.shangzuo-oem-embed .AboutTrustedBottom .trusted-dots .swiper-pagination-bullet-active{
    background: #ff6a00; 
}

.shangzuo-oem-embed section.OEMODM{
    padding: 8.125em 0 5.625em;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}
.shangzuo-oem-embed .OEMODMImg img{
    box-shadow: 6px 2px 21px 2px rgba(0, 0, 0, 0.2);
}
.shangzuo-oem-embed .OEMODMFlex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3em;
}
.shangzuo-oem-embed .OEMODMFl{
    width: 44.5625em;
}
.shangzuo-oem-embed .OEMODMFr{
    width: 52.5em;
}
.shangzuo-oem-embed .OEMODMFr .AboutFiedleTit h2{
    text-align: left;
}
.shangzuo-oem-embed .OEMODMFr .AboutFiedleTit p{
    text-align: left;
    margin-top: .875em;
    margin-bottom: 0;
}





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


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

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

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

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

/* 右侧加号/减号图标实现 */
.shangzuo-oem-embed .icon-plus{
    width: 1.25em;
    height: 1.25em;
    position: relative;
}
.shangzuo-oem-embed .icon-plus::before, .shangzuo-oem-embed .icon-plus::after{
    content: "";
    position: absolute;
    background: #333;
    transition: all 0.3s;
}
.shangzuo-oem-embed .icon-plus::before{
    width: 100%; height: 2px; top: 50%; margin-top: -1px;
}
.shangzuo-oem-embed .icon-plus::after{
    height: 100%; width: 2px; left: 50%; margin-left: -1px;
}

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

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

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

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

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

.shangzuo-oem-embed .oem-list{
    list-style: none;
}
.shangzuo-oem-embed .oem-list li{
    margin-bottom: 0.5em;
    color: #333;
}
.shangzuo-oem-embed .OEMODMImg img{
    width: 100%;
    height: 56.875em;
    object-fit: cover;
}
.shangzuo-oem-embed section.Options{
    padding: 8.125em 0 0;
}




.shangzuo-oem-embed .options-tabs-box{
    margin: 2em 0 3em;
}
.shangzuo-oem-embed .options-tabs .tab-item{
    font-size: 1.625em;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    font-weight: 500;
}
.shangzuo-oem-embed .options-tabs .tab-item:hover, .shangzuo-oem-embed .options-tabs .tab-item.active{
    color: #ff6a00; 
}

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

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

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

.shangzuo-oem-embed .options-swiper-wrap{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.shangzuo-oem-embed .optionsSwiper{
    width: 100%;
    height: auto;
}

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

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

.shangzuo-oem-embed .opt-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shangzuo-oem-embed .optionsSwiper .swiper-slide-active .opt-txt{
    opacity: 1;
}
.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .opt-txt h3{
    font-size: 2.125em; /* 36px */
    margin-bottom: 0.5em;
    font-weight: bold;
}
.shangzuo-oem-embed .opt-next{
    right: 13em;
}
.shangzuo-oem-embed .opt-prev{
    left: 13em;
}
.shangzuo-oem-embed .opt-txt p{
    font-size: 1.375em; /* 18px */
    opacity: 0.9;
}

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

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

.shangzuo-oem-embed .opt-next:hover, .shangzuo-oem-embed .opt-prev:hover{
    background: #ff6a00;
}

.shangzuo-oem-embed .optionsSwiper .swiper-slide{
    transition: all 0.6s ease;
    position: relative;
    transform: scale(1); 
    opacity: 1;
}
.shangzuo-oem-embed .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）恢复正常 */
.shangzuo-oem-embed .optionsSwiper .swiper-slide-active{
    transform: scale(1);
    opacity: 1;   
}
.shangzuo-oem-embed .optionsSwiper .swiper-slide-active::after{
    opacity: 0;
}
.shangzuo-oem-embed .ProcessItem:hover .ProcessItemImg img{
    opacity: 1;
    transform: scale(1);
}

.shangzuo-oem-embed section.Process{
    padding: 8.125em 0 ;
}
.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .ProcessItemImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.75s;
    transform: scale(1.5);
}
.shangzuo-oem-embed .ProcessItemTxt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
}
.shangzuo-oem-embed .ProcessItem:hover .ProcessItemTxt{
    background: rgba(0, 0, 0, 0.4);
}
.shangzuo-oem-embed .ProcessItemTxt .icon{
    width:2.8125em;
    height:2.8125em;
}
.shangzuo-oem-embed .ProcessItemTxt .icon img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
.shangzuo-oem-embed .ProcessItemTxt h3{
    font-size: 1.5em;
    margin: 0.9375em 0;
}
.shangzuo-oem-embed .ProcessItemTxt p{
    font-size: 1.25em;
}
.shangzuo-oem-embed .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%);
}
.shangzuo-oem-embed .ProcessItem:hover .ProcessItemTxt h3, .shangzuo-oem-embed .ProcessItem:hover .ProcessItemTxt p{
    color: #fff;
}   


.shangzuo-oem-embed section.Contact{
    padding: 8.125em 0 5em;
    background: url(assets/oem-embed/static/images/mapbg.png) no-repeat center top;
    background-size: cover;
}
.shangzuo-oem-embed .ContactFlex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 8.125em;
}
.shangzuo-oem-embed .ContactFr{
    width: 40em;
}
.shangzuo-oem-embed .ContactFl{
    width: 33.75em;
    margin-top: 2.1em;
}
.shangzuo-oem-embed .ContactFrFromItme:nth-last-child(2){
    margin-bottom: 0;
}
.shangzuo-oem-embed .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);
}
.shangzuo-oem-embed .ContactFlList{
    margin-top: 3.4375em;
}
.shangzuo-oem-embed .ContactFlItem{
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.1875em;
}
.shangzuo-oem-embed .ContactFlItem img{
    width: 1.4375em;
    height: auto;
    object-fit: contain;
}
.shangzuo-oem-embed .ContactFlItem a{
    font-size: 1.375em;
    margin-left: 1em;
    line-height: 1.5;
    margin-top: -.2em;
    font-weight: 500;
}
.shangzuo-oem-embed .ContactFlItem a span{
    font-weight: 400;
}
.shangzuo-oem-embed .ContactFlItem a:hover{
    color: var(--minor);
}
.shangzuo-oem-embed .WItemEwm{
    width: 9.375em;
    height: 9.375em;
}
.shangzuo-oem-embed .WItemEwm img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.shangzuo-oem-embed .ContactFlItemEwm{
    display: flex;
    gap: 2.5em;
}
.shangzuo-oem-embed section.ContactMap{
    margin-top: 1.25em;
    padding-bottom: 8.125em;
}
.shangzuo-oem-embed .ContactFrFromTit h2{
    font-size: 1.875em;
}
.shangzuo-oem-embed .ContactFrFromTit p{
    font-size: 1.125em;
    margin-top: 1.175em;
    line-height: 1.7;
}
.shangzuo-oem-embed .ContactFrFrom form{
    margin-top: 2.1875em;
}
.shangzuo-oem-embed .ContactFrFromItme input{
    width: 100%;
}

/* 联系我们表单样式重写 */
.shangzuo-oem-embed .ContactFrFrom{
    padding-top: 2em;
}
.shangzuo-oem-embed .ContactFrFromItme{
    margin-bottom: 2.5em;
    position: relative;
}
/* 输入框和文本域统一基础样式 */
.shangzuo-oem-embed .ContactFrFromItme input[type="text"], .shangzuo-oem-embed .ContactFrFromItme input[type="email"], .shangzuo-oem-embed .ContactFrFromItme input[type="tel"], .shangzuo-oem-embed .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;
}

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

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

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

/* 验证码排列 */
.shangzuo-oem-embed .ContactFrFromCode{
    position: relative;
    display: flex;
    align-items: flex-end;
}
.shangzuo-oem-embed .ContactFrFromCode input{
    flex: 1;
}
.shangzuo-oem-embed .ContactFrFromCode img{
    margin-left: 2em;
    margin-bottom: .9375em;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
.shangzuo-oem-embed .ContactFrFromSubmit{
    display: inline-block;
    font-size: 1.25em;
    background: var(--minor);
    border-radius: 0.25em;
    position: relative;
    overflow: hidden;
}
.shangzuo-oem-embed .ContactFrFromItme .ContactFrFromSubmit input{
    width: auto;
    font-size: 1.25em;
    padding: 0.75em 2em;
    border-width: 0;
    cursor: pointer;
    background: transparent;
    position: relative;
    z-index: 2;
}
.shangzuo-oem-embed .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%);
}
.shangzuo-oem-embed .ContactFrFromItme:hover .ContactFrFromSubmit:before{
    animation: btn-animation .75s;
    z-index: 1;
}
.shangzuo-oem-embed .ContactFrFromItme:hover input{
    color: #ffffff;
}
.shangzuo-oem-embed .ContactFrFromItme:last-child{
    margin-bottom: 0;
}
.shangzuo-oem-embed .ContactMapImg img{
    width: 100%;
     display: block;
}
.shangzuo-oem-embed .ContactMapImg{
     position: relative;
    width: 100%;
    overflow: hidden;
}
.shangzuo-oem-embed .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;
}

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

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

.shangzuo-oem-embed .RawContent{
    margin-top: -8.75em;
    max-width: 100%;
    width: 90%;
    margin: -8.75em auto 0;
    position: relative;
    z-index: 999;
    background: #ffffff;
}
.shangzuo-oem-embed .RawDown{
    padding-top: 5em;
    text-align: center;
}
.shangzuo-oem-embed .RawDown a img{
    display: block;
    margin: 0 auto;
}

.shangzuo-oem-embed .RawDown a{
    display: block;
    margin-bottom: 1.875em;
}
.shangzuo-oem-embed .RawDown p{
    font-size: 1.375em;
    text-align: center;
    margin-bottom: 3em;
    font-weight: 500;
}

.shangzuo-oem-embed .RawContent .AboutFiedleTit h2{
    margin-bottom: .25em;
}
.shangzuo-oem-embed .raw-tab-con-wrap{
    max-width: 79.375em;
    width: 100%;
    margin: 0 auto;
}
.shangzuo-oem-embed .raw-tabs-box{
    margin-top: 3em;
}
.shangzuo-oem-embed .raw-tab-nav{
    margin-bottom: 2.55em;
}
.shangzuo-oem-embed .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 1.09375em;
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
}
.shangzuo-oem-embed .raw-tab-nav li a{
    font-size: 1.375em;
}
.shangzuo-oem-embed .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%);}

.shangzuo-oem-embed .raw-tab-nav li:hover:before{
    animation: btn-animation .75s;
    z-index: 1;
}
.shangzuo-oem-embed .raw-tab-nav li.active{
    background: var(--minor);
    border-color: var(--minor);
}

.shangzuo-oem-embed .raw-tab-item{
    display: none; /* 默认隐藏 */
    animation: fadeIn 0.5s; /* 添加淡入效果 */
}

.shangzuo-oem-embed .raw-tab-item.active{
    display: block;
}
.shangzuo-oem-embed .raw-info-txt{
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 3.125em;
    margin-bottom: 3.125em;
}
.shangzuo-oem-embed .raw-info-txt h3{
    width: 30%;
    font-size: 1.875em;
    color: var(--minor);
}

.shangzuo-oem-embed .raw-info-txt p{
    width: 65%;
    font-size: 1.375em; 
    line-height: 1.6;
}

.shangzuo-oem-embed .raw-imgs .img-box{
    width: 48.5%;
    overflow: hidden;
    box-shadow: 6px 2px 21px 2px rgba(0, 0, 0, 0.2);
}

.shangzuo-oem-embed .raw-imgs .img-box img{
    width: 100%;
    display: block;
    transition: transform 0.5s;
    object-fit: cover;
    height: 26em;
}

.shangzuo-oem-embed .raw-imgs .img-box:hover img{
    transform: scale(1.05);
}

.shangzuo-oem-embed section.Raw{
    padding-bottom: 4.375em;
}

.shangzuo-oem-embed .Manufacturing{
    padding: 5em 0;
    position: relative;
    background: url(assets/oem-embed/static/images/oemodmbg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
    
.shangzuo-oem-embed .ManuList{
    margin-top: 3em;
}

.shangzuo-oem-embed .ManuItem{
    position: relative;
    flex: 0 1 31.5%; /* PC端三列，预留一些间距 */
    margin: 0.8% 0.9%;
    overflow: hidden;
    cursor: pointer;
}

.shangzuo-oem-embed .ManuItem .img-box{
    width: 100%;
    height: 18.75em; /* 300px */
}

.shangzuo-oem-embed .ManuItem .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
}

/* 底部黑色渐变遮罩 */
.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .ManuTxt{
    position: absolute;
    bottom: 1.25em;
    left: 1.25em;
    color: #fff;
    font-size: 1.875em;
    font-weight: 500;
    z-index: 2;
    transition: transform 0.3s;
}

/* Hover 动画效果 */
.shangzuo-oem-embed .ManuItem:hover .img-box img{
    transform: scale(1.1);
}

.shangzuo-oem-embed .ManuItem:hover .ManuTxt{
    transform: translateX(10px);
}

.shangzuo-oem-embed section.System{
    padding: 4.375em 0 0;
}


/* QC System Tabs */
.shangzuo-oem-embed .sys-tabs-box{ margin-top: 2.8125em; }
.shangzuo-oem-embed .sys-tab-nav{
    max-width: 79.375em;
    width: 100%;
    margin: 0 auto 2.5em;
}
.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed section.System .AboutFiedleTit h2{
    margin-bottom: .25em;
}
.shangzuo-oem-embed section.Manufacturing .AboutFiedleTit h2{
    margin-bottom: .25em;
}
.shangzuo-oem-embed .sys-tab-nav li a{
    font-size: 1.375em;
}
.shangzuo-oem-embed .sys-tab-nav li.active{ 
      background: var(--minor);
    border-color: var(--minor);
}


.shangzuo-oem-embed .sys-tab-item{ display: none; }
.shangzuo-oem-embed .sys-tab-item.active{ display: block; }
.shangzuo-oem-embed .sys-info-box{
    border-bottom: 1px solid #b4b4b4;
    max-width: 79.375em;
    width: 100%;
    margin: 0 auto 2.5em;
    padding-bottom: 3em;
}
.shangzuo-oem-embed .sys-tit{
    font-size: 1.875em;
    width: 33%;
    font-weight: bold;
    line-height: 1.2;
    color: var(--minor);
}
.shangzuo-oem-embed .sys-desc{
    width: 65%;
    font-size: 1.375em;
    line-height: 1.6;
}
/* Swiper 样式 */
.shangzuo-oem-embed .sys-swiper-box{ position: relative; width: 100%; overflow: hidden; height: 37.5em; }
.shangzuo-oem-embed .sys-swiper-box .sysSwiper{ width: 100%; height: 100%; }
.shangzuo-oem-embed .sys-swiper-box .swiper-slide{ width: 43.75em; transition: 0.3s; }
.shangzuo-oem-embed .sys-swiper-box .swiper-slide:not(.swiper-slide-active){ transform: scale(0.9); }

.shangzuo-oem-embed .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); }
.shangzuo-oem-embed .sys-swiper-box .img-box img{ width: 100%; height: 100%; object-fit: cover; }
.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .sys-prev{
    left: 27.3em;
}
.shangzuo-oem-embed .sys-next{
    right: 27.3em;
}
.shangzuo-oem-embed .sys-next, .shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .sys-next:after, .shangzuo-oem-embed .sys-prev:after{ font-size: 1.25em !important; color: #fff; }
.shangzuo-oem-embed .sys-next:hover, .shangzuo-oem-embed .sys-prev:hover{ background: #eab42a; }

.shangzuo-oem-embed .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%);
}
.shangzuo-oem-embed .sys-tab-nav li:hover:before{
    animation: btn-animation .75s;
    z-index: 1;
}
.shangzuo-oem-embed .sys-swiper-box  .swiper-slide .img-box:before{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000078;
    z-index: 1000;
    content: "";
}
.shangzuo-oem-embed .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%);
}

.shangzuo-oem-embed .sys-swiper-box .swiper-slide.swiper-slide-active .qc-name{
    opacity: 1;
}


.shangzuo-oem-embed .PackTit .AboutFiedleTit{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.shangzuo-oem-embed .PackTit .AboutFiedleTit h2{
    text-align: left;
}
.shangzuo-oem-embed .PackTit .AboutFiedleTit p{
    text-align: left;
}

.shangzuo-oem-embed .Pack{
    padding: 0 0 6.25em;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}
.shangzuo-oem-embed .PackList{ margin-top: 3.75em; gap: 0.9375em; } 
.shangzuo-oem-embed .PackItem .img-box{ 
    width: 100%; 
    height: 35em; 
    overflow: hidden; 
    border-radius: 2px;
}
.shangzuo-oem-embed .PackItem .img-box img{ 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: transform 0.6s ease;
}
.shangzuo-oem-embed .PackItem:hover img{ transform: scale(1.05); }
.shangzuo-oem-embed section.pos{
    height: 3.75em;
    line-height: 3.75em;
    background: #f4f0ed;
}
.shangzuo-oem-embed .breadcrumb{
    display: flex;
    align-items: center;
    height: 3.75em;
    justify-content: flex-start;
}
.shangzuo-oem-embed .breadcrumb img{
    width: 1.4375em;
    object-fit: contain;
    height: auto;
    margin-right: 0.625em;
}
.shangzuo-oem-embed .breadcrumb a, .shangzuo-oem-embed .breadcrumb span{
    font-size: 1.125em;
    font-weight: 500;
    margin-right: 0.625em;
}

/* 面包屑搜索框样式 */
.shangzuo-oem-embed .breadcrumb-search{
    width: 18.75em; /* 300px */
}

.shangzuo-oem-embed .breadcrumb-search form{
    position: relative;
    border: 1px solid #333;
    border-radius: 2em; /* 圆角矩形 */
    padding: 0 1em;
    height: 2.25em;
    background: transparent;
}

.shangzuo-oem-embed .breadcrumb-search form i.fa-search{
    font-size: 0.9em;
    color: #333;
    margin-right: 0.5em;
}

.shangzuo-oem-embed .breadcrumb-search input{
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.9375em;
    color: #333;
    width: 100%;
    height: 100%;
}

.shangzuo-oem-embed .breadcrumb-search input::placeholder{
    color: #999;
}

.shangzuo-oem-embed .breadcrumb-search button{
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
}

.shangzuo-oem-embed .breadcrumb-search button i{
    font-size: 1em;
    color: #333;
    transition: 0.3s;
}

.shangzuo-oem-embed .breadcrumb-search button:hover i{
    color: var(--minor); /* 悬停颜色 */
}



.shangzuo-oem-embed .CategoryList{
    display: flex;
    justify-content: center;
    height: 10em;
    align-items: center;
    gap: 5.625em;
}
.shangzuo-oem-embed .CategoryList a{
    font-size: 1.625em;
    font-weight: 600;
    color: #737373;
}
.shangzuo-oem-embed .CategoryList span{
    height: 1.625em;
    width: 1px;
    background: #000000;
    display: block;
}
.shangzuo-oem-embed .CategoryList a.active{
    color: var(--theme);
}



.shangzuo-oem-embed .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%;
}
.shangzuo-oem-embed .QAItem:nth-child(2n){
    margin-right: 0;
}
.shangzuo-oem-embed .QAHead{ position: relative; padding-bottom: 1.25em; }
.shangzuo-oem-embed .icoQ, .shangzuo-oem-embed .icoA{
    width: 2em;
    height: 2em;
    border: 1px solid #333;
    border-radius: 50%;
    font-weight: 500;
    flex-shrink: 0;
    margin-right: 1.25em;
}
.shangzuo-oem-embed .QText{
    font-size: 1.125em;
    font-weight: bold;
    color: #333;
    flex: 1;
    padding-right: 1.5em;
    cursor: pointer;
}
.shangzuo-oem-embed .QAItem:hover .QText a{
    color: var(--minor);
}
.shangzuo-oem-embed .plus{
    font-size: 1.25em;
    color: #333;
}

.shangzuo-oem-embed .QABody{ margin-top: 0.5em; }
.shangzuo-oem-embed .icoA{ border-color: #eab42a; color: #eab42a; } /* 主旋律黄色 */

.shangzuo-oem-embed .AText{
    font-size: 1em;
    color: #666;
    line-height: 1.6;
    flex: 1;
}

/* 分页样式 */
.shangzuo-oem-embed .Pagination{ gap: 2em; }
.shangzuo-oem-embed .Pagination a{
    font-size: 2em;
    color: #999;
    text-decoration: none;
    transition: 0.3s;
    position: relative;
}
.shangzuo-oem-embed .Pagination a.num.active{
    color: var(--theme);

}
.shangzuo-oem-embed .Pagination a.num.active::after{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}
.shangzuo-oem-embed .Pagination a:hover{ color: #eab42a; }
.shangzuo-oem-embed section.FAQ{
    padding-bottom: 8.125em;
}
.shangzuo-oem-embed .QAList{
    padding-bottom: 8.125em;
    padding: 0 6.25em 8.125em;
    justify-content: flex-start;
}
.shangzuo-oem-embed .QAItem:nth-child(2){
    margin-right: 0;
}
.shangzuo-oem-embed .StartContent{
    background-color: #efefef;
    background: url(assets/oem-embed/static/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;
}
.shangzuo-oem-embed .StartText.AboutFiedleTit h2{
    text-align: left;
}
.shangzuo-oem-embed .StartText.AboutFiedleTit p{
    text-align: left;
    margin-top: .3em;
}
.shangzuo-oem-embed .StartContent a{
    padding: 0.9375em 1.875em;
}
.shangzuo-oem-embed .StartContent span{
    display: block;
    font-size: 1.25em;
}
.shangzuo-oem-embed section.Start{
    padding-bottom: 8.125em;
}



.shangzuo-oem-embed .NewsList{
    justify-content: flex-start; /* 强制左对齐 */
}
/* News List Styles */
.shangzuo-oem-embed .NewsListSection{ padding: 4em 0 6em; }
.shangzuo-oem-embed .NewsList{ margin-top: 1em; }
.shangzuo-oem-embed .NewsItem{     flex-basis: 31.5%;
    margin-right: 2.75%; /* 设置右间距 */
    margin-bottom: 3.125em; transition: 0.3s; }
.shangzuo-oem-embed .NewsItem:nth-child(3n){
    margin-right: 0;
}
.shangzuo-oem-embed .NewsItem .img-box{
    display: block;
    width: 100%;
    height: 22.5em;
    overflow: hidden;
}
.shangzuo-oem-embed .NewsItem .img-box img{ 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: transform 0.6s ease;
}
.shangzuo-oem-embed .NewsCon{
    margin-top: 2.5em;
    padding: 0 1.875em;
}
.shangzuo-oem-embed .NewsDate{
    color: #666;
    font-size: 1.125em;
    margin-bottom: 1.25em;
    gap: .8em;
}
.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .NewsMore{ 
    display: inline-block; 
    font-size: 1.125em; 
    text-decoration: underline; 
    transition: 0.3s;
}

/* Hover & Active State */
.shangzuo-oem-embed .NewsItem:hover .img-box img{ transform: scale(1.05); }
.shangzuo-oem-embed .NewsItem:hover .NewsTit{ 
    color: #eab42a; 
    /* 使用现代 CSS 属性贴合文字 */
    text-decoration: underline; 
    text-underline-offset: 0.2em; /* 关键：控制下划线到文字底部的距离，实现“贴文字” */
    text-decoration-thickness: 1px; /* 控制线条粗细 */
    text-decoration-color: #eab42a; /* 控制线条颜色 */
}
.shangzuo-oem-embed .NewsItem:hover .NewsMore, .shangzuo-oem-embed .NewsItem.active .NewsMore{ color: #eab42a; }

/* 辅助类：限制两行文字 */
.shangzuo-oem-embed .line-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




/* --- Article Detail Page --- */
.shangzuo-oem-embed .ArticleDetail{
    padding: 5em 0 8.125em;
}

.shangzuo-oem-embed .ArticleMain{
    width: 70.32%;
}

.shangzuo-oem-embed .ArticleTit{
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0.6em;
    text-transform: uppercase;
    color: #333;
}
.shangzuo-oem-embed .ArticleMeta{
    gap: 2.5em;
    margin-bottom: 3.125em;
}
.shangzuo-oem-embed .meta-item{
    gap: 0.5em;
}

.shangzuo-oem-embed .meta-item img{
    width: 0.9375em;
    height: auto;
}
.shangzuo-oem-embed .meta-item span{
    font-size: 0.9375em;
    color: #777777;
    line-height: 1;
}
.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .ArticleContent p{
    margin-bottom: 1.5em;
}

.shangzuo-oem-embed .ArticleNextPrev{
    margin-top: 4.375em;
    padding: 3.125em 0;
    border-top: 1px solid #bfbfbf ; /* 浅灰色实线分割 */
}

.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .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 项目收缩，这才是省略号生效的核心 */
}

/* 修正间距 */
.shangzuo-oem-embed .prev-link .label{ margin: 0 0.5em 0 1em; }
.shangzuo-oem-embed .prev-link .tit{ margin-left: 0; }

.shangzuo-oem-embed .next-link .label{ margin: 0 1em 0 0.5em; }
.shangzuo-oem-embed .next-link .tit{ margin-right: 0; text-align: right; } /* 下一篇文字靠右对齐更美观 */


.shangzuo-oem-embed .ArticleNextPrev i{
    font-size: 1.25em;
    font-weight: bold;
}

/* Hover 效果 */
.shangzuo-oem-embed .ArticleNextPrev a:hover{
    color: var(--minor);
}

.shangzuo-oem-embed .ArticleNextPrev a:hover .tit, .shangzuo-oem-embed .ArticleNextPrev a:hover i{
    color: var(--minor);
}
.shangzuo-oem-embed .ArticleSidebar{
    width: 19.7%;
}
.shangzuo-oem-embed .SidebarTit{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 1.5625em;
    margin-bottom: 1.5625em;
}
.shangzuo-oem-embed .SidebarTit h3{
    font-size: 1.875em;
    font-weight: 600;
}

.shangzuo-oem-embed .sidebar-menu-icon{
    width: 1.5em;       /* 宽度 */
    height: 1.125em;    /* 整体高度，控制三条线的间距 */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 均匀分布三条线 */
    align-items: flex-end; /* 让线条靠右对齐 */
    cursor: pointer;
}

.shangzuo-oem-embed .sidebar-menu-icon span{
    display: block;
    width: 100%;
    height: 2px;        /* 线条粗细 */
    background: #333;   /* 线条颜色 */
    transition: all 0.3s ease;
}

/* 装饰性设计：模仿高级感的汉堡菜单，让线段长度不一 */
.shangzuo-oem-embed .sidebar-menu-icon span:nth-child(2){
    width: 100%; /* 中间线条短一点 */
}

.shangzuo-oem-embed .sidebar-menu-icon span:nth-child(3){
    width: 100%;
}



.shangzuo-oem-embed .SidebarNav{
    list-style: none;
}


.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .SidebarNav li a i{
    font-style: normal;
    color: #ccc;
    font-weight: 300;
    font-size: 1.625em;
}

.shangzuo-oem-embed .SidebarNav li.active a{
    color: #000;
}
.shangzuo-oem-embed .SidebarNav li.active a i{
    color: #000;
}
.shangzuo-oem-embed .SidebarNav li a:hover{
    color: var(--minor);
}


.shangzuo-oem-embed .SidebarNav li a:hover i{
    color: var(--minor);
}





.shangzuo-oem-embed .SidebarNav li a:hover i{
    color: var(--minor);
}

/* Recommend Widget Styles */
.shangzuo-oem-embed .RecommendWidget{
    margin-top: 4.375em;
}
.shangzuo-oem-embed .SidebarTit.recommend{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.shangzuo-oem-embed .sidebar-grid-icon{
    width: 1.25em;
    height:1.25em;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}

.shangzuo-oem-embed .sidebar-grid-icon img{
    width: 100%;
    height: auto;
}

.shangzuo-oem-embed .RecommendList{
    margin-top: 1.5em;
}

.shangzuo-oem-embed .RecommendItem{
    margin-bottom: 1.5em;
}

.shangzuo-oem-embed .RecommendItem .itemImg{
    display: block;
    width: 100%;
    margin-bottom: 1.25em;
    overflow: hidden;
}

.shangzuo-oem-embed .RecommendItem .itemImg img{
    width: 100%;
    display: block;
    transition: 0.5s;
}

.shangzuo-oem-embed .RecommendItem:hover .itemImg img{
    transform: scale(1.05);
}

.shangzuo-oem-embed .RecommendItem .itemMeta{
    font-size: 0.9375em;
    color: #777;
    margin-bottom: 0.8em;
    gap: 0.5em;
}

.shangzuo-oem-embed .RecommendItem .itemMeta i{
    font-size: 1.1em;
}

.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .RecommendItem:hover .itemTit{
 color: var(--minor); /* 截图里标题是黄色的 */
  text-decoration: underline;
}

.shangzuo-oem-embed .RecommendItem .itemMore{
    display: inline-block;
    font-size: 1em;
    text-underline-offset: 0.2em;
    transition: 0.3s;
}

.shangzuo-oem-embed .RecommendItem:hover .itemMore{
     color: var(--minor);
     text-decoration: underline;
}
/* 适配侧边栏文字大小逻辑 */
.shangzuo-oem-embed .ArticleSidebar h3{
    text-transform: uppercase;
}



/* Contact Widget Styles */
.shangzuo-oem-embed .ContactWidget{
    margin-top: 4.375em;
}

.shangzuo-oem-embed .sidebar-contact-icon{
    width: 1.5em;
    height: 1.5em;
}

.shangzuo-oem-embed .sidebar-contact-icon svg{
    width: 100%;
    height: 100%;
}

.shangzuo-oem-embed .SidebarForm{
    margin-top: 1.5em;
}

.shangzuo-oem-embed .SidebarForm .form-group{
    margin-bottom: 0.625em;
}

.shangzuo-oem-embed .SidebarForm input, .shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .SidebarForm input::placeholder, .shangzuo-oem-embed .SidebarForm textarea::placeholder{
    color: #999;
}

.shangzuo-oem-embed .SidebarForm input:focus, .shangzuo-oem-embed .SidebarForm textarea:focus{
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.shangzuo-oem-embed .SidebarForm .captcha-group{
    gap: 0.625em;
}

.shangzuo-oem-embed .SidebarForm .captcha-input{
    flex: 1;
}

.shangzuo-oem-embed .SidebarForm .captcha-img{
    flex: 1;
    height: 3.25em; /* 匹配 input 高度 */
    background: #fff;
}

.shangzuo-oem-embed .SidebarForm .captcha-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.shangzuo-oem-embed .SidebarForm .form-submit{
    margin-top: 1.25em;
    position: relative;
    overflow: hidden;
}
.shangzuo-oem-embed .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%);
}
.shangzuo-oem-embed .SidebarForm .form-submit:hover:before{
    animation: btn-animation .75s;
    z-index: 1;
}

.shangzuo-oem-embed .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;
}


.shangzuo-oem-embed .SidebarForm .privacy-note{
    font-size: 0.9375em;
    color: #666;
    line-height: 1.4;
    text-align: center;
    margin-top: 1.5em;
}

.shangzuo-oem-embed .SidebarForm .privacy-note .red{
    color: #e60012;
    font-weight: bold;
}

/* 装饰性：确保侧边栏所有 Widget 的标题一致 */
.shangzuo-oem-embed .SidebarTit h3{
    font-size: 1.875em;
    color: #333;
    letter-spacing: 0.05em;
}
.shangzuo-oem-embed .FilterHead{
    border-bottom: 1px solid #acacac;
    padding-bottom: 1em;

}



.shangzuo-oem-embed .SideRelated .FilterHead{
    border-bottom: none;
    padding-bottom: 1.5625em;
}
.shangzuo-oem-embed .ProductListSection{
    padding: 5em 0 8.125em;
}
.shangzuo-oem-embed .FilterHead a{
    font-size: 1.375em;
}
.shangzuo-oem-embed .FilterHead span{
    font-size: 1.375em;
}
.shangzuo-oem-embed .FilterHead i{
    font-size: 1.375em;
}
.shangzuo-oem-embed .ProductSidebar{
    width: 20.625%;
}
.shangzuo-oem-embed .FilterSidebar{
    background: #f6f6f6;
    padding: 1.875em 1.25em 2.8125em;
}
.shangzuo-oem-embed .FilterGroup.active{
    border-bottom: 1px solid #acacac;
}

.shangzuo-oem-embed .FilterTit{
    padding: 1.25em 0;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s;
    border-bottom: 1px solid #acacac;
}
.shangzuo-oem-embed .FilterTit span{
font-size: 1.375em;
}


.shangzuo-oem-embed .FilterGroup.active .FilterTit{
    color: var(--minor); /* 激活时标题变金 */
}

.shangzuo-oem-embed .FilterTit i{
    font-size: 1.375em;
    color: #333;
    transition: 0.3s;
}

.shangzuo-oem-embed .FilterGroup.active .FilterTit i{
    color: var(--minor);
}

.shangzuo-oem-embed .FilterNav{
    display: none; 
    padding: 1em 0;
}

.shangzuo-oem-embed .FilterNav li{
    padding: 0.5em 0;
}

.shangzuo-oem-embed .FilterNav li a{
    font-size: 1em; /* 17px左右 */
    color: var(--text);
    transition: 0.3s;
    display: block;
    position: relative;
    padding-left: 1em;
}

/* 箭头符号装饰 */
.shangzuo-oem-embed .FilterNav li a:before{
    content: ">";
    position: absolute;
    left: 0;
    font-size: 0.8em;
    color: #999;
    top: 50%;
    transform: translateY(-50%);
}

.shangzuo-oem-embed .FilterNav li.active a, .shangzuo-oem-embed .FilterNav li:hover a{
    color: var(--minor);
}

.shangzuo-oem-embed .FilterNav li.active a:before{
    color: var(--minor);
}
.shangzuo-oem-embed .ProductMainArea{
    width: 74.5%;
}
.shangzuo-oem-embed .ProductGrid{
    margin-right: -2.3%; /* 抵消最后一栏的 margin */
}
.shangzuo-oem-embed .ProductListItem{
    width: 31%; /* 一排三个 */
    margin-right: 2.3%;
    margin-bottom: 5em;
}
.shangzuo-oem-embed .ProductListItem .itemImg{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    background: #ebebeb; /* 浅灰色图片背景 */
    overflow: hidden;
    margin-bottom: 2.5em;
}
.shangzuo-oem-embed .ProductListItem .itemImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.shangzuo-oem-embed .ProductListItem.Material .itemImg{
    background: #ffffff;
    padding: .25em;
}
.shangzuo-oem-embed .ProductListItem.Material .itemImg img{
   padding: 0;
}

.shangzuo-oem-embed .ProductListItem .itemInfo{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    overflow: hidden; 
    padding: 0 1.25em;
}

.shangzuo-oem-embed .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;   /* 与右侧箭头保持安全距离 */
}

.shangzuo-oem-embed .ProductListItem .fa-angle-right{
    font-size: 1.5em;
    flex-shrink: 0;         /* 核心：防止图标在标题太长时被挤压变形 */
}


.shangzuo-oem-embed .ProductListItem:hover .itemImg img{
    transform: scale(1.08);
}

.shangzuo-oem-embed .ProductListItem .tit.active, .shangzuo-oem-embed .ProductListItem:hover .tit{
    color: var(--minor);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

.shangzuo-oem-embed .ProductListItem:hover i{
    color: var(--minor);
}
.shangzuo-oem-embed .ProductListFlex{
    align-items: flex-start;
}



.shangzuo-oem-embed .ProductGrid2Col{
    margin-right: -5em; /* 抵消掉子元素的右边距 */
}

.shangzuo-oem-embed .ProductGrid2Col .ProductListItem{
    width: calc(50% - 5em);
    margin-right: 5em;
    margin-bottom: 3em;
}

.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .ProductGrid2Col .ProductListItem .itemImg img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片充满容器 */
    transition: 0.5s;
    padding: 0;
}


.shangzuo-oem-embed .SideRelated{
    padding: 1.875em 0.625em 0 1.25em;
    background: #fff;
    border: 1px solid #c9c9c9;
    margin-top: 1.875em;
}
.shangzuo-oem-embed .SideRelatedItem{
    margin-bottom: 1.5625em;
    gap: 0.9375em;
}

.shangzuo-oem-embed .SideRelatedItem .itemImg{
    width: 6.25em;
    height: 6.25em;
    flex-shrink: 0;
    background: #f4f4f4;
    overflow: hidden;
}

.shangzuo-oem-embed .SideRelatedItem .itemImg img{
    width: 100%;
    height: 100%;
object-fit: cover;
    transition: 0.3s;
}

.shangzuo-oem-embed .SideRelatedItem .itemInfo{
    flex: 1;
    min-width: 0;
}

.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .SideRelatedItem .more{
    font-size: 0.875em;
    text-underline-offset: 0.3em;
    transition: 0.3s;
}

.shangzuo-oem-embed .SideRelatedItem:hover .tit, .shangzuo-oem-embed .SideRelatedItem:hover .more{
    color: var(--theme);
}

.shangzuo-oem-embed .SideRelatedItem:hover .itemImg img{
    transform: scale(1.05);
}
.shangzuo-oem-embed .SideRelatedItem:hover .tit{

    text-decoration: underline; /* 触发标题下划线 */
    text-underline-offset: 0.2em;
}

.shangzuo-oem-embed .SideRelatedItem:hover .more{

    text-decoration: underline; /* 触发 More 下划线 */
}



.shangzuo-oem-embed .ProductDetailView{
    align-items: flex-start;
    gap: 3.75em;
    position: relative;
}

.shangzuo-oem-embed .ProductVisuals{
    flex: 1;
    min-width: 0;
    display: flex; 
    flex-direction: row; 
    gap: 0.625em; /* 15px */
}

/* 大图占据主要宽度 */
.shangzuo-oem-embed .ProductBigImages{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25em; /* 20px */
}

/* 缩略图固定在右侧 */
.shangzuo-oem-embed .ProductThumbs{
    width: 4em; /* 70px */
    position: sticky;
    top: 4em; /* 120px (通常建议根据头部实际高度调整) */
    height: fit-content; 
    display: flex;
    flex-direction: column;
    gap: 0.5em; /* 8px */
}

.shangzuo-oem-embed .BigImgItem{
    width: 100%;
    background: #eaeaea;
}

.shangzuo-oem-embed .BigImgItem img{
    width: 100%;
    display: block;
}

/* 右侧信息固定 */
.shangzuo-oem-embed .ProductInfoSticky{
    width: 30em;
    position: sticky;
    top: 4em;
    padding-bottom: 3.125em; /* 50px */
}


.shangzuo-oem-embed .ThumbItem{
    width: 100%;
    aspect-ratio: 1;
    border: 1px solid #eee;
    cursor: pointer;
    background: #eaeaea;
    transition: 0.3s;
    height: 4em;
        opacity: .7;
}
.shangzuo-oem-embed .ThumbItem img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shangzuo-oem-embed .ThumbItem.active{
    border-color: var(--minor);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
        opacity: 1;
}

/* 大图列表 */

.shangzuo-oem-embed .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;
}
.shangzuo-oem-embed .ProductSummary{


    margin-bottom: 2.1875em;
    border-bottom: 1px solid #ff6a00;
    padding-bottom: 2.1875em;
}
.shangzuo-oem-embed .ProductSummary .SubTit{
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.shangzuo-oem-embed .ProductSummary .SubTit{
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: .7em;
}
.shangzuo-oem-embed .ProductSpecs{
    margin-bottom: 2.5em;
    color:#4b4b4b;
}

.shangzuo-oem-embed .SpecItem{
    padding: 0.3em 0;
    font-size: 1em;
    /*
    color: #a7a7a7;
    */
}

.shangzuo-oem-embed .SpecItem span{
    display: inline-block;
    color: var(--theme);
}


.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .SpecItem strong{
    color: var(--text);
}

.shangzuo-oem-embed aside.InfoDetail{
    position: sticky;
    top: 4em;
}
.shangzuo-oem-embed .BigImgItem a{
    display: block;
    width: 100%;
    cursor: zoom-in; /* 提示用户可以放大查看 */
}

.shangzuo-oem-embed .BigImgItem img{
    width: 100%;
    display: block;
    transition: 0.3s;
    object-fit: contain;
}

.shangzuo-oem-embed .bannerQualityswiperBtn{
    background: var(--text);
    color: #ffffff;
}
.shangzuo-oem-embed .bannerQualityswiperBtn:hover{
    background: var(--minor);
    color: #ffffff;
}
.shangzuo-oem-embed .bannerInnovatingswiperBtn{
    background: #ffffff;
    color: var(--text);
}
.shangzuo-oem-embed .bannerInnovatingswiperBtn:hover{
    color: #ffffff;
    background: var(--text);
}
.shangzuo-oem-embed .section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit span{
    width: auto;
}
.shangzuo-oem-embed .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)
       ============================================================ */
    .shangzuo-oem-embed .megamenu3{ position: relative; }

    /* --- Base Styles --- */
    .shangzuo-oem-embed .megamenu3 .sub-menu{
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item{
        position: relative;
    }

    .shangzuo-oem-embed .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) {
        .shangzuo-oem-embed .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; 
        }

        .shangzuo-oem-embed .megamenu3:hover > .sub-menu{
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* Level 2 Flyout (The Grid) */
        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item:hover > .sub-menu{
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }

        /* Level 2 Grid Items */
        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > .sub-menu > li{
            width: 48%; /* 2 columns with gap */
            margin-right: 2%;
            margin-bottom: 20px;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > .sub-menu > li a:hover{
            color: #000;
        }
        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > .sub-menu > li a:hover::after{
            width: 100%;
        }

        /* Level 1 Navigation Items */
        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > a{
            padding: 12px 25px;
            font-size: 14px;
            letter-spacing: 0.02em;
            position: relative;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > a::after{
            content: "";
            font-family: "FontAwesome";
            font-size: 12px;
            color: #bbb;
            transition: transform 0.3s;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item:hover > a{
            background: #fcfcfc;
            color: #000;
        }
        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item:hover > a::before{
            opacity: 1;
        }
        .shangzuo-oem-embed .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) {
        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu{
            background: #fff !important;
            border-top: 1px solid #eee !important;
        }

        /* Level 1 (Designs, Material...) */
        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item{
            border-bottom: 1px solid #f8f8f8;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > a{
            padding: 1.2em 1.5em !important;
            font-size: 1.05em;
            background: #fff;
            color: #333;
        }

        /* Level 2 (Indented List) */
        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > .sub-menu{
            background: #f9f9f9 !important;
            padding: 10px 0 20px 0 !important;
            flex-direction: column !important;
        }

        .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > .sub-menu > li{
            width: 100% !important;
            margin: 0;
        }

        .shangzuo-oem-embed .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;
        }

        /* Mobile Icons (+/-) */
        .shangzuo-oem-embed .megamenu3 > a::after, .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > a::after{
            content: ""; /* font-awesome plus */
            font-family: "FontAwesome";
            position: absolute;
            right: 1.5em;
            font-size: 0.75em;
            color: #bbb;
            transition: all 0.3s;
        }

        .shangzuo-oem-embed .megamenu3.open > a::after, .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item.open > a::after{
            content: ""; /* font-awesome minus */
            color: #000;
        }

        .shangzuo-oem-embed .megamenu3.open > a, .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item.open > a{
            color: #000;
            font-weight: 600;
        }
  
    }
    
    
     /* ============================================================ 
       MEGA MENU 3 - PRODUCTS (Premium Visual Refine)
       ============================================================ */
    .shangzuo-oem-embed .megamenu4{ position: relative; }

    /* --- Base Styles --- */
    .shangzuo-oem-embed .megamenu4 .sub-menu{
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item{
        position: relative;
    }

    .shangzuo-oem-embed .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) {
        .shangzuo-oem-embed .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; 
        }

        .shangzuo-oem-embed .megamenu4:hover > .sub-menu{
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* Level 2 Flyout (The Grid) */
        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item:hover > .sub-menu{
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }

        /* Level 2 Grid Items */
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > .sub-menu > li{
            width: 48%; /* 2 columns with gap */
            margin-right: 2%;
            margin-bottom: 20px;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > .sub-menu > li a:hover{
            color: #000;
        }
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > .sub-menu > li a:hover::after{
            width: 100%;
        }

        /* Level 1 Navigation Items */
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > a{
            padding: 12px 25px;
            font-size: 14px;
            letter-spacing: 0.02em;
            position: relative;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > a::after{
            content: "";
            font-family: "FontAwesome";
            font-size: 12px;
            color: #bbb;
            transition: transform 0.3s;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item:hover > a{
            background: #fcfcfc;
            color: #000;
        }
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item:hover > a::before{
            opacity: 1;
        }
        .shangzuo-oem-embed .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) {
        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu{
            background: #fff !important;
            border-top: 1px solid #eee !important;
        }

        /* Level 1 (Designs, Material...) */
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item{
            border-bottom: 1px solid #f8f8f8;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > a{
            padding: 1.2em 1.5em !important;
            font-size: 1.05em;
            background: #fff;
            color: #333;
        }

        /* Level 2 (Indented List) */
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > .sub-menu{
            background: #f9f9f9 !important;
            padding: 10px 0 20px 0 !important;
            flex-direction: column !important;
        }

        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > .sub-menu > li{
            width: 100% !important;
            margin: 0;
        }

        .shangzuo-oem-embed .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 (+/-) */
        .shangzuo-oem-embed .megamenu4 > a::after, .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > a::after{
            content: ""; /* font-awesome plus */
            font-family: "FontAwesome";
            position: absolute;
            right: 1.5em;
            font-size: 0.75em;
            color: #bbb;
            transition: all 0.3s;
        }

        .shangzuo-oem-embed .megamenu4.open > a::after, .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item.open > a::after{
            content: ""; /* font-awesome minus */
            color: #000;
        }

        .shangzuo-oem-embed .megamenu4.open > a, .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item.open > a{
            color: #000;
            font-weight: 600;
        }
        
        /* Smooth left border for active section */
        .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item.open{
            border-left: 4px solid #000;
        }
    }
    
    .shangzuo-oem-embed .TongYongGrid .itemImg img{
    object-fit: cover;
}
.shangzuo-oem-embed .ThumbItem.MaterialThumbItem img{
    object-fit: cover;
}


   .shangzuo-oem-embed .megamenu7{ position: relative; }

    /* --- Base Styles --- */
    .shangzuo-oem-embed .megamenu7 .sub-menu{
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item{
        position: relative;
    }

    .shangzuo-oem-embed .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) {
        .shangzuo-oem-embed .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; 
        }

        .shangzuo-oem-embed .megamenu7:hover > .sub-menu{
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* Level 2 Flyout (The Grid) */
        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item:hover > .sub-menu{
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }

        /* Level 2 Grid Items */
        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item > .sub-menu > li{
            width: 48%; /* 2 columns with gap */
            margin-right: 2%;
            margin-bottom: 20px;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item > .sub-menu > li a:hover{
            color: #000;
        }
        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item > .sub-menu > li a:hover::after{
            width: 100%;
        }

        /* Level 1 Navigation Items */
        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item > a{
            padding: 12px 25px;
            font-size: 14px;
            letter-spacing: 0.02em;
            position: relative;
        }

        .shangzuo-oem-embed .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;
        }

        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item > a::after{
            content: "";
            font-family: "FontAwesome";
            font-size: 12px;
            color: #bbb;
            transition: transform 0.3s;
        }

        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item:hover > a{
            background: #fcfcfc;
            color: #000;
        }
        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item:hover > a::before{
            opacity: 1;
        }
        .shangzuo-oem-embed .megamenu7 > .sub-menu > .menu-item:hover > a::after{
            transform: translateX(3px);
            color: #000;
        }
    }
    
    
     .shangzuo-oem-embed .full-image-scroll-modal{ width: 100%; max-width: 100% !important; height: 100vh; background: #fff; padding: 0 !important; margin: 0 !important; overflow-y: auto !important; }
    .shangzuo-oem-embed .fancybox-content .fancybox-close-small{ display: none !important; }
    .shangzuo-oem-embed .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;
}
    .shangzuo-oem-embed .modal-close-btn:hover{ background: #000; }
    .shangzuo-oem-embed .modal-close-btn svg{ width: 22px; fill: #fff; }
   .shangzuo-oem-embed .modal-image-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background: #fff;
}
.shangzuo-oem-embed .m-img-item:last-child{
    margin-bottom: 0;
}
.shangzuo-oem-embed .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);
}
    .shangzuo-oem-embed .m-img-item img{ width: 100%; height: auto; display: block; }
    .shangzuo-oem-embed .full-screen-modal-wrap .fancybox__slide{
    padding: 0 !important; /* 去掉 Fancybox 默认的四周间距 */
}

.shangzuo-oem-embed .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;
}

.shangzuo-oem-embed .full-image-scroll-modal{
    width: 100%;
    height: 100%; /* 撑满内容区 */
    background: #fff;
    overflow-y: auto !important;
    position: relative;
}
.shangzuo-oem-embed .modal-close-btn svg{
    width: 20px;
    fill: #fff;
    /* 增加旋转过渡动画 */
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.shangzuo-oem-embed .modal-close-btn:hover{
    background: #000;
    opacity: 1;
}

/* 鼠标悬停时，内部 SVG 旋转 180 度 */
.shangzuo-oem-embed .modal-close-btn:hover svg{
    transform: rotate(180deg);
}
.shangzuo-oem-embed .full-image-scroll-modal{
    position: relative !important; /* 必须！ */
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
}
.shangzuo-oem-embed .section-2025122408 .sectionItem .itemImg2 img{
    height: 15.5em;
}
.shangzuo-oem-embed .cert-prev:hover, .shangzuo-oem-embed .cert-next:hover{
    background: var(--minor);
}
.shangzuo-oem-embed .breadcrumb a:hover, .shangzuo-oem-embed .breadcrumb span:hover{
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
    cursor: pointer;
}
.shangzuo-oem-embed .header-2025122401 .head_top .head_tel span:hover{
    color: var(--minor);
}
.shangzuo-oem-embed .header-2025122401 .head_top .head_email span:hover{
    color: var(--minor);
}
.shangzuo-oem-embed .banner-2025122402 .swiperImg img.Mobbanner{
    display: none;
}
.shangzuo-oem-embed .MOBStartContent{
    display: none;
}
.shangzuo-oem-embed .ArticleContent img{
    display: block;
    margin: 0 auto;
    width: 70%;
    object-fit: contain;
    height: auto;
}\n@media screen and (max-width:1668px) {
.shangzuo-oem-embed .AboutTrustedBottom .swiper-button-next{
    right: 0;
}
.shangzuo-oem-embed .AboutTrustedBottom .swiper-button-prev{
    left: 0;
}
.shangzuo-oem-embed .cert-prev{
    left: 24em;
}
.shangzuo-oem-embed .cert-next{
    right: 24em;
}
.shangzuo-oem-embed .opt-prev{
    left: 10em;
}
.shangzuo-oem-embed .opt-next{
    right: 10em;
}
.shangzuo-oem-embed .sys-swiper-box .img-box{
    height: 23.25em;
}
.shangzuo-oem-embed .sys-swiper-box{
    height: 25.5em;
}

}
@media screen and (max-width:1335px) {
.shangzuo-oem-embed section.AboutFiedle{
    padding: 5em 0;
}
.shangzuo-oem-embed section.AboutFactory{
    padding: 5em 0 0;
}
.shangzuo-oem-embed .sys-prev{
    left: 21.8em;
}
.shangzuo-oem-embed .sys-next{
    right: 21.8em;
}
.shangzuo-oem-embed section.AboutPartners{
    padding: 5em 0 0;
    height: 60em;
    background-size: cover;
}
.shangzuo-oem-embed section.AboutTrusted{
    padding: 5em 0;
}
.shangzuo-oem-embed section.OEMODM{
    padding: 5em 0;
}
.shangzuo-oem-embed .OEMODMFr .AboutFiedleTit p br{
    display: none;
}

.shangzuo-oem-embed .OEMODMFl{
    width: 42.5625em;
}
.shangzuo-oem-embed .OEMODMFr{
    width: 45.5em;
}
.shangzuo-oem-embed .oem-accordion{
    margin-top: 3em;
}
.shangzuo-oem-embed .opt-next{
    right: 9em;
}
.shangzuo-oem-embed .opt-prev{
    left: 9em;
}
.shangzuo-oem-embed .ContactFlex{
    padding: 0 5em;
}

.shangzuo-oem-embed .ContactMapText{
    left: 42%;
    top: 24%;
}
.shangzuo-oem-embed .StartContent{
        height: auto;
        padding: 11.2em 8.125em 11.2em 0;
}
.shangzuo-oem-embed .ProductGrid2Col .ProductListItem{
    width: calc(50% - 2.3%);
    margin-right: 2.3%;
}
.shangzuo-oem-embed .ProductGrid2Col{
    margin-right: -2.3%;
}

}
@media screen and (max-width:1100px) {
.shangzuo-oem-embed .AboutFiedleTitText .itemNum span:last-child{
    display: block;
}
.shangzuo-oem-embed .AboutFiedleContentFr .video.vp-a img{
    height: 35.52em;
    object-fit: cover;
}
.shangzuo-oem-embed .AboutFiedleContentFl{
    width: 48%;
}
.shangzuo-oem-embed .AboutFiedleContentFr{
    width: 48%;
}
.shangzuo-oem-embed section.AboutPartners{
        background-size: contain;
        height: 48em;
}
.shangzuo-oem-embed .PItem{
    width: 10.625em;
    height: 9em;
}
    .shangzuo-oem-embed .p11{
        width: 5.75em;
        height: 4.875em;
        top: 3em;
        left: 10em;
    }
.shangzuo-oem-embed .p12{
        width: 2.5em;
        height: 2em;
        top: 14em;
        left: 21.5em;
 }
.shangzuo-oem-embed .p13{
        width: 2.5em;
        height: 2em;
        top: 14em;
        left: 52.5em;
    }
.shangzuo-oem-embed .p9{
    left: 60.5em;
}
.shangzuo-oem-embed .p10{
    top: 18.5em;
    left: 24em;
}
.shangzuo-oem-embed .p6{
        width: 5.8125em;
        height: 4.9375em;
        top: 2.5em;
        left: 43em;
}
.shangzuo-oem-embed .p8{
    left: 51em;
    top: 4.5em;
}
.shangzuo-oem-embed .p7{
    left: 42em;
}
.shangzuo-oem-embed section.AboutPartners{
    background-size: contain;
}
.shangzuo-oem-embed .p4{
    left: 33em;
    top: 4em;
}
.shangzuo-oem-embed .p5{
    top: 14em;
    left: 33em;
}
.shangzuo-oem-embed .p1{
    left: 24em;
}
.shangzuo-oem-embed .p2{
    left: 15em;
    top: 4em;
}
.shangzuo-oem-embed .p3{
    left: 6em;
}
.shangzuo-oem-embed section.AboutCertifications .AboutFiedleTit p br{
    display: none;
}
    .shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{
        transform: scale(1) translateX(20%) translateY(5%);
        z-index: 7;
    }
.shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide{
    transform: scale(1.2) translateX(0%);
    opacity: 1;
    z-index: 10;
}
 .shangzuo-oem-embed .cert-next{
        right: 22.7em;
}
.shangzuo-oem-embed .OEMODMFl{
        width: 28.5625em;
    }

.shangzuo-oem-embed .OEMODMImg img{
    width: 28.5625em;
    height: 52em;
}
    .shangzuo-oem-embed .opt-prev{
        left: 7em;
    }
        .shangzuo-oem-embed .opt-next{
        right: 7em;
    }
.shangzuo-oem-embed .options-tabs .tab-item{
    font-size: 1.225em;
}

.shangzuo-oem-embed .ContactFlex{
    padding: 0;
}
.shangzuo-oem-embed .ContactMapText{
    left: 42%;
    top: 20%;
}

.shangzuo-oem-embed .RawDown p br{
    display: none;
}
.shangzuo-oem-embed .sys-tab-nav li{
    height: auto;
    padding: 1.5625em;
}
.shangzuo-oem-embed .sys-tab-nav{
    padding: 0 5%;
}
.shangzuo-oem-embed .sys-info-box{
    padding: 0 5% 3em;
}
.shangzuo-oem-embed .sys-info-box{
    padding: 0 5% 3em;
    border-bottom: none;
    position: relative;
}
.shangzuo-oem-embed .sys-info-box:before{
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    background: #b4b4b4;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.shangzuo-oem-embed .sys-prev{
        left: 17.5em;
    }
.shangzuo-oem-embed .sys-next{
        right: 17.5em;
    }
.shangzuo-oem-embed .PackTit .AboutFiedleTit p br{
    display: none;
}
.shangzuo-oem-embed .PackTit .AboutFiedleTit h2 br{
    display: none;
}
.shangzuo-oem-embed .ManuTxt{
    font-size: 1.25em;
}
    .shangzuo-oem-embed .StartContent{
        padding: 11.2em 2.125em 11.2em 0;
        background-position-x: -15em;
    }
    .shangzuo-oem-embed .NewsItem .img-box{
    height: 17.5em;
}

.shangzuo-oem-embed .ArticleSidebar{
    width: 26.7%;
}.shangzuo-oem-embed .ArticleNextPrev{
    flex-wrap: wrap;
}

.shangzuo-oem-embed .ArticleNextPrev a{
flex-shrink: unset;
        width: 100%;
        max-width: 100%;
    }
.shangzuo-oem-embed .ArticleNextPrev .tit{
    max-width: 85%;
}
.shangzuo-oem-embed .ArticleNextPrev a:first-child{
    margin-bottom: 2.125em;
}
.shangzuo-oem-embed .ProductMainArea{
    width: 77.5%;
}
.shangzuo-oem-embed .ProductInfoSticky{
    width: 24em;
}
.shangzuo-oem-embed .QAList{
    padding: 0 0 8.125em;
}

  .shangzuo-oem-embed .ArticleContent{
      
        line-height: 1.7; /* 略减小行高 */
        text-align: left; /* 左对齐而非两端对齐 */
        text-justify: auto; /* 移除强制两端对齐 */
        text-align-last: left; /* 最后一行左对齐 */
        word-break: break-word; /* 更好的单词断字 */
        hyphens: manual; /* 移动端自动断字可能不理想 */
        -webkit-hyphens: manual;
        -moz-hyphens: manual;
        -ms-hyphens: manual;
     
        overflow-wrap: break-word;
        -webkit-font-smoothing: antialiased; /* 字体平滑 */
        letter-spacing: 0.01em; /* 轻微字间距 */
    }



}

@media screen and (max-width:1024px) {
.shangzuo-oem-embed .header-h{
    height: 4.5em;
}
    .shangzuo-oem-embed .head_top{
    display: none;
    }
.shangzuo-oem-embed .header-2025122401 .head_con .head_logo{
    z-index: 1030;
    height: 2.5em;
    object-fit: contain;
}
.shangzuo-oem-embed .header-2025122401 .head_con .head_logo img{
    height: 2.5em;
}
.shangzuo-oem-embed .header-2025122401{
    box-shadow: 0.05em 0.05em 1em 0.25em rgb(0 0 0 / 25%);
}
.shangzuo-oem-embed .header-2025122401 .head_con{
        height: 4.5em;
        line-height: 4.5em;
        display: flex;
        align-items: center;
    }
.shangzuo-oem-embed .header-2025122401 .head_con .navbar{
    display: block;
    position: fixed;
    left: 0;
    top: 4.5em;
    width: 100vw;
    height: 100vh;
    background: #fff !important;
    transform: translateX(-100%);
    transition: all 0.3s ease 0s;
    z-index: 1020;
    padding: 3em 1.5em 0;
    box-shadow: 0.05em 0.05em 0em 0.05em rgb(0 0 0 / 25%);
    overflow-x: auto;
}
.shangzuo-oem-embed .header.is_bg .head_con .head_logo img{
    padding: 0;
    height: 2.5em;
}
.shangzuo-oem-embed .header.is_bg .head_con .head_logo{
     height: 2.5em;
}
.shangzuo-oem-embed .header.is_bg{
    top: 0;
}
.shangzuo-oem-embed .header-2025122401 .head_con .head_right{
    width: auto;
}
.shangzuo-oem-embed .m_language{
        display: block;
        margin-right: 1em;
        width: 2em;
        height: 2em;
    }
.shangzuo-oem-embed .header-2025122401 .head_con .head_navbtn{
    display: block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    line-height: 2.16;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}



.shangzuo-oem-embed .header-2025122401 .head_con .head_navbtn span{
    display: block;
        background: #342a27; /* 修改颜色为主题金 */
    width: 1.8em;
    height: 0.12em;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0.35em; /* 左右居中修正：(2.5-1.8)/2 = 0.35 */
}

/* 初始位置：三根线中心点分别处于 0.65、1.25(中)、1.85 */
.shangzuo-oem-embed .header-2025122401 .head_con .head_navbtn span:nth-child(1){
    top: 0.59em; 
}
.shangzuo-oem-embed .header-2025122401 .head_con .head_navbtn span:nth-child(2){
    top: 1.19em; 
}
.shangzuo-oem-embed .header-2025122401 .head_con .head_navbtn span:nth-child(3){
    top: auto; 
    bottom: 0.59em;
}

/* 激活状态精确位移：(1.19 - 0.59) = 0.6em */
.shangzuo-oem-embed .header-2025122401 .navbtn.active span:nth-child(1){
    transform: translateY(0.6em) rotate(45deg);
}

.shangzuo-oem-embed .header-2025122401 .navbtn.active span:nth-child(2){
    opacity: 0;
    transform: translateX(-1em);
}

.shangzuo-oem-embed .header-2025122401 .navbtn.active span:nth-child(3){
    transform: translateY(-0.6em) rotate(-45deg);
}
.shangzuo-oem-embed .header-2025122401 .head_con .head_nav.active .navbar{
    transform: translateX(0);
}
.shangzuo-oem-embed .header-2025122401 .head_con .navbar .megamenu>a{
    font-size: 1.25em;
}
.shangzuo-oem-embed .header.is_bg .head_con .navbar .megamenu>a{
    padding: 0 0.25em 1.5em;
}
.shangzuo-oem-embed .header-2025122401 .head_nav .navbar .megamenu>a:before{
    height: 2px;
}

.shangzuo-oem-embed .BannerImg img{
    height: 38em;
}
.shangzuo-oem-embed .BannerTitle{
        font-size: 3.5em;
}
.shangzuo-oem-embed .OEMODMFl{
    width: 35.5625em;
}

.shangzuo-oem-embed .OEMODMImg img{
    width: 35.5625em;
}
.shangzuo-oem-embed .sys-prev{
        left: 9.3em;
    }
.shangzuo-oem-embed .sys-next{
        right: 9.3em;
    }
.shangzuo-oem-embed .SideRelatedItem{
    flex-wrap: wrap;
}
.shangzuo-oem-embed .SideRelated{
    padding: 1.875em 1.25em 0;
}
.shangzuo-oem-embed .SideRelatedItem .itemImg{
    width: 100%;
    height: auto;
}
.shangzuo-oem-embed .SideRelatedItem .tit{
    font-size: 1em;
}
.shangzuo-oem-embed .SideRelatedItem .more{
    font-size: 1em;
}



















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

.shangzuo-oem-embed .AboutFiedleItem{
    width: 46%;
}
.shangzuo-oem-embed .AboutFiedleFlex{
    gap: 2.5em;
}
.shangzuo-oem-embed .AboutFiedleTitText .itemNum span:last-child{
    display: inline-block;
}
.shangzuo-oem-embed .AboutFiedleContentFl{
    width: 100%;
}
.shangzuo-oem-embed .AboutFiedleContentFr{
    width: 100%;
}
.shangzuo-oem-embed .AboutFiedleContent{
    flex-wrap: wrap;
    flex-flow: column-reverse;
}
.shangzuo-oem-embed .AboutFiedleContentFr .video.vp-a img{
    height: 60vw;
}
.shangzuo-oem-embed .AboutFactoryFlex{
        height: auto;
        flex-wrap: wrap;
}
.shangzuo-oem-embed .AboutFactoryFlex .AboutFactoryItem:nth-child(1){
    width: 100%;
    flex: unset;
}
.shangzuo-oem-embed .p9{
        left: 24em;
        top: -1.5em;
}
.shangzuo-oem-embed .p8{
        left: 15em;
        top: 14em;
}
.shangzuo-oem-embed .p12{
        top: 1em;
        left: 21em;
}
.shangzuo-oem-embed .cert-swiper .swiper-slide-active{
        transform: scale(1) translateX(-100%) translateY(5%);
        z-index: 1;
 }
.shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide{
        transform: scale(1) translateX(-100%) translateY(5%);
        z-index: 5;
    }
.shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{
        transform: scale(1) translateX(-100%) translateY(5%);
        z-index: 7;
    }
    .shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide{
        transform: scale(1.2) translateX(-84%);
        opacity: 1;
        z-index: 10;
    }
    .shangzuo-oem-embed .cert-prev{
        left: 15em;
    }
        .shangzuo-oem-embed .cert-next{
        right: 13em;
    }
.shangzuo-oem-embed .OEMODMFlex{
    flex-wrap: wrap;
}

.shangzuo-oem-embed .OEMODMFl{
    display: none;
}
.shangzuo-oem-embed .OEMODMFr{
    width: 100%;
}
.shangzuo-oem-embed .opt-next{
        right: 5em;
}
.shangzuo-oem-embed .opt-prev{
        left: 5em;
}
.shangzuo-oem-embed .options-tabs .tab-line{
    margin: 0 1em;
}

.shangzuo-oem-embed .sys-next{
        right: 6.6em;
    }
.shangzuo-oem-embed .sys-prev{
        left: 6.6em;
    }


    .shangzuo-oem-embed .options-tabs-box{
        margin: 1.5em 0 2em;
    }
    .shangzuo-oem-embed .options-tabs{
        justify-content: center;
    }
    .shangzuo-oem-embed .options-tabs .tab-item{
        font-size: 1.15em; /* 15px */
        width: auto;
        padding: 0.4em 0.8em;
        margin: 0.2em; /* 增加点击区域 */
    }
    .shangzuo-oem-embed .options-tabs .tab-line{
        display: none; /* 隐藏竖线，移动端用间距区分 */
    }

    /* 2. Swiper 容器重置：取消 PC 端的计算宽度 */
    .shangzuo-oem-embed .optionsSwiper{
        width: 100% !important;
        margin-left: 0 !important;
        transform: none !important;
        overflow: visible !important; /* 保持可见以显示左右两边的 Slide 边缘 */
    }
.shangzuo-oem-embed .ProcessItem{
    width: 48.5%;
    height: auto;
}

.shangzuo-oem-embed section.Process{
    padding: 5em 0;
}

.shangzuo-oem-embed section.Options{
    padding: 5em 0;
}

.shangzuo-oem-embed section.Contact{
    padding: 5em 0;
}
 .shangzuo-oem-embed .ContactFlex{
        flex-wrap: wrap;
        flex-direction: column-reverse;
}
.shangzuo-oem-embed .ContactFl{
    width: 100%;
}
.shangzuo-oem-embed .ContactFl h2 br{
    display: none;
}
.shangzuo-oem-embed .ContactFr{
    width: 100%;
}
.shangzuo-oem-embed .ContactMapText{
    top: 15%;
}
.shangzuo-oem-embed section.ContactMap{
    margin-top: 0;
    padding-bottom: 5em;
}
.shangzuo-oem-embed .PackItem .img-box{
    height: 33vw;
}
.shangzuo-oem-embed section.Pack{
    padding-bottom: 4em;
}
.shangzuo-oem-embed .StartContent{
    background-position-x: -20em;
}
.shangzuo-oem-embed .QAList{
    padding-bottom: 5em;
}
.shangzuo-oem-embed section.FAQ{
    padding-bottom: 5em;
}
.shangzuo-oem-embed .StartText.AboutFiedleTit{
    width: 50%;
}

.shangzuo-oem-embed .NewsItem .img-box{
    height: 14.5em;
}
.shangzuo-oem-embed .NewsCon{
    margin-top: 1.5em;
    padding: 0 1em;
}

.shangzuo-oem-embed .ArticleSidebar{
    width: 100%;
}
.shangzuo-oem-embed .ArticleMain{
    width: 100%;
}
.shangzuo-oem-embed .ArticleDetailFlex{
    flex-wrap: wrap;
}


    .shangzuo-oem-embed .pos{
        height: auto; /* 取消固定高度 */
    }
    
    .shangzuo-oem-embed .breadcrumb{
        height: 3.5em; /* 降低手机端高度 */
        display: flex;
        align-items: center;
        overflow-x: auto;          /* 核心：横向滚动 */
        white-space: nowrap;      /* 核心：不换行 */
        -webkit-overflow-scrolling: touch; /* iOS 滚动流畅 */
        padding-right: 1.5em;     /* 防止最后一个字贴边 */
    }
    
    .shangzuo-oem-embed .breadcrumb::-webkit-scrollbar{
        display: none; /* 隐藏滚动条，保持画面干净 */
    }
    
    .shangzuo-oem-embed .breadcrumb a, .shangzuo-oem-embed .breadcrumb span{
        font-size: 1em; /* 稍微缩小字号 */
        flex-shrink: 0; /* 核心：防止文字被挤压变形 */
    }

    .shangzuo-oem-embed .breadcrumb .current{
        /* 如果不想滚动，也可以选择对最后一个标题进行截断 */
        max-width: 15em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.shangzuo-oem-embed .ProductListItem{
    margin-bottom: 3.25em;
}

.shangzuo-oem-embed .ProductThumbs{
    top: 4.8em;
}
.shangzuo-oem-embed .ProductThumbs{
    top: 4.8em;
}











}
@media screen and (max-width:680px) {
.shangzuo-oem-embed .header-2025122401 .head_con .head_logo{
    height: 2.14em;
}

.shangzuo-oem-embed .header-2025122401 .head_con .head_logo img{
    height: 2.14em;
}
.shangzuo-oem-embed .header.is_bg .head_con .head_logo img{
    height: 2.14em;
}
.shangzuo-oem-embed .header.is_bg .head_con .head_logo{
    height: 2.14em;
  }
  
 .shangzuo-oem-embed .footer-2025122400 .foot_link .item .tit{
    font-size: 1.25em;
}

.shangzuo-oem-embed .BannerImg img{
    height: 20em;
}
.shangzuo-oem-embed .BannerTitle{
    font-size: 2.25em;
}
    .shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide{
        transform: scale(1) translateX(-110%) translateY(5%);
        z-index: 5;
    }

    .shangzuo-oem-embed .cert-swiper .swiper-slide-active{
        transform: scale(1) translateX(-110%) translateY(5%);
        z-index: 1;
    }
    .shangzuo-oem-embed .cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide{
        transform: scale(1) translateX(-110%) translateY(5%);
    }

.shangzuo-oem-embed .cert-prev{
        left: 1em;
    }
.shangzuo-oem-embed .cert-next{
        right: 1em;
    }
    .shangzuo-oem-embed .AboutCertificationsTips{
    font-size: 1.15em;
}
.shangzuo-oem-embed .cert-swiper{
    padding-bottom: 1em;
}
.shangzuo-oem-embed .cert-full-box{
    padding: 0;
}
.shangzuo-oem-embed .AboutFiedleTit p br{
    display: none;
}
.shangzuo-oem-embed .AboutFiedleTit h2{
    font-size: 2.5em;
}
.shangzuo-oem-embed .AboutFiedleItem{
        width: 100%;
                justify-content: center;
}
.shangzuo-oem-embed .AboutFactoryFlex{
    margin-top: 3em;
}
.shangzuo-oem-embed section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt .tourTit{
    font-size: 1.375em;
}
    .shangzuo-oem-embed .AboutFactory .tourTxt::after{
        height: .25em;
        margin-top: 1em;
    }
    .shangzuo-oem-embed .AboutFactory .tourTxt::after, .shangzuo-oem-embed section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after{
        height: .25em;
        margin-top: 1em;
    }
.shangzuo-oem-embed .AboutFactory .tourTit{
        font-size: 1.375em;
        margin-bottom: 0;
        line-height: 1.2;
 }
.shangzuo-oem-embed section.AboutPartners{
    height: auto;
    background-size: cover;
}
 .shangzuo-oem-embed .PItem{
        width: 6.625em;
        height: auto;
    }
.shangzuo-oem-embed .p11{
        width: 3.75em;
        height: auto;
        top: -2em;
        left: 1em;
    }
    .shangzuo-oem-embed .p3{
        left: 0em;
        top: 2.5em;
    }
.shangzuo-oem-embed .p2{
        left: 5.5em;
        top: -1.5em;
    }
    .shangzuo-oem-embed .p8{
        left: 3em;
        top: 13.5em;
    }
    .shangzuo-oem-embed .p9{
        left: 6em;
        top: 4.5em;
    }
    .shangzuo-oem-embed .p1{
        left: 11.5em;
        top: 1em;
    }

    .shangzuo-oem-embed .p4{
        left: 11.5em;
        top: 7.5em;
    }

.shangzuo-oem-embed .p12{
        width: 3.5em;
        height: 2em;
        top: 11em;
        left: 8em;
    }
    .shangzuo-oem-embed .p10{
        top: 4.5em;
        left: 17em;
    }
    .shangzuo-oem-embed .p5{
        top: 1em;
        left: 22.5em;
    }
    .shangzuo-oem-embed .p6{
        width: 3.8125em;
        height: 4.9375em;
        top: 0.5em;
        left: 18em;
    }
    .shangzuo-oem-embed .p7{
        left: 22.5em;
        top: 7.5em;
    }

    .shangzuo-oem-embed .p13{
        width: 4.5em;
        height: 2em;
        top: 11.5em;
        left: 18.5em;
    }


.shangzuo-oem-embed .AboutFiedleContentFl p{
    line-height: 2;
}
.shangzuo-oem-embed .PartnerMain{
    height: 25em;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.shangzuo-oem-embed .AboutTrustedBottom{
    margin-top: .416em;
}
.shangzuo-oem-embed .OEMODMFr .AboutFiedleTit h2{
    line-height: 1.2;
}
.shangzuo-oem-embed .opt-txt{
        padding: 1em;
        bottom: 0;
    }
.shangzuo-oem-embed .opt-next{
        right: 0em;
    }
.shangzuo-oem-embed .opt-prev{
        left: 0;
}

.shangzuo-oem-embed section.Options{
    padding: 5em 0 0;
}
.shangzuo-oem-embed .ProcessFlex{
    gap: 2em;
    padding: 3em 0;
}
.shangzuo-oem-embed .ProcessItem{
    width: 100%;
}
.shangzuo-oem-embed .ProcessItemTxt{
    padding:  2em;
}
.shangzuo-oem-embed .ProcessItemTxt h3{
        font-size: 1.67em;
        margin: .5em 0;
}
.shangzuo-oem-embed .ProcessItemTxt p{
    font-size: 1.35em;
}
.shangzuo-oem-embed .ContactFlex{
    flex-direction: column;
}
.shangzuo-oem-embed .ContactFl{
    margin-top: 0;
}
.shangzuo-oem-embed .ContactFr{
    margin: 1.5625em auto 0;
}
.shangzuo-oem-embed .ContactFrFrom{
        box-shadow: unset;
        padding: 2em;
        background: linear-gradient(to top, #ffffff 50%, #f4f0ed 100%);
    }
.shangzuo-oem-embed .ContactMapImg img{
    height: 90vw;
    object-fit: cover;
}
.shangzuo-oem-embed .ContactMapText{
    left: 30%;
}
.shangzuo-oem-embed .RawContent{
    margin-top: -2.75em;
}
.shangzuo-oem-embed .RawDown{
    padding-top: 3em;
}
.shangzuo-oem-embed .raw-imgs .img-box{
    width: 100%;
}
.shangzuo-oem-embed .raw-imgs{
    flex-wrap: wrap;
}
.shangzuo-oem-embed .raw-imgs .img-box:first-child{
    margin-bottom: 3em;
}
.shangzuo-oem-embed .raw-info-txt{
    flex-wrap: wrap;
}
.shangzuo-oem-embed .raw-info-txt h3{
    width: 100%;
}
.shangzuo-oem-embed .raw-info-txt p{
    width: 100%;
    margin-top: 1em;
}
.shangzuo-oem-embed .ManuItem{
    flex: unset;
    margin-bottom: 2em;
}
.shangzuo-oem-embed .ManuTxt{
        font-size: 1.875em;
    }
.shangzuo-oem-embed .ManuItem:last-child{
    margin-bottom: 0;
}
.shangzuo-oem-embed .sys-tab-nav li{
    padding: 1em;
    margin-right: 0;
}
.shangzuo-oem-embed .sys-tab-nav li:first-child{
    margin-left: 0;
}
.shangzuo-oem-embed .sys-info-box{
    flex-wrap: wrap;
}
.shangzuo-oem-embed .sys-tit{
    width: 100%;
}
.shangzuo-oem-embed .sys-desc{
    width: 100%;
    margin-top: 1em;
}
.shangzuo-oem-embed .sys-swiper-box{
    height: auto;
}
.shangzuo-oem-embed section.System{
    padding: 4.375em 0;
}
.shangzuo-oem-embed .sys-next{
        right: 0;
    }
.shangzuo-oem-embed .sys-prev{
        left: 0;
    }
.shangzuo-oem-embed .PackTit .AboutFiedleTit h2{
    width: 100%;
    text-align: center;
     margin-bottom: .3em;
}
.shangzuo-oem-embed .PackTit .AboutFiedleTit p{
    width: 100%;
     text-align: center;
      margin-bottom: 0;
}
.shangzuo-oem-embed .PackTit .AboutFiedleTit{
    flex-wrap: wrap;
}
.shangzuo-oem-embed .PackList{
    flex-wrap: wrap;
}
.shangzuo-oem-embed .PackItem{
    width: 100%;
}
.shangzuo-oem-embed .PackItem .img-box{
    height: auto;
}


.shangzuo-oem-embed .QAItem{
    width: 100%;
    margin-right: 0;
}
.shangzuo-oem-embed .QAItem:last-child{
    margin-bottom: 0;
}
.shangzuo-oem-embed .CategoryList{
    height: 5em;
    gap: 3em;
}
.shangzuo-oem-embed .CategoryList a{
    font-size: 1.25em;
}
.shangzuo-oem-embed .CategoryList span{
    height: 1.25em;
}
.shangzuo-oem-embed .StartContent{
        background: #efefef;
        padding: 3em;
    }
.shangzuo-oem-embed .StartText.AboutFiedleTit{
    width: 100%;
}
.shangzuo-oem-embed section.Start{
    padding-bottom: 5em;
}
.shangzuo-oem-embed .NewsItem{
    flex-basis: 100%;
    margin-right: 0;
}
.shangzuo-oem-embed .NewsItem .img-box{
    height: 22.5em;
}

.shangzuo-oem-embed .ArticleNextPrev{
    margin-top: 2.125em;
    padding: 1.125em 0;
}
.shangzuo-oem-embed .ArticleNextPrev a:first-child{
     margin-bottom: 1.125em;
}

.shangzuo-oem-embed aside.ArticleSidebar{
    margin-top: 3em;
}
.shangzuo-oem-embed .SidebarNav li a{
    padding: 1em 0;
}
.shangzuo-oem-embed .ArticleDetail{
    padding-bottom: 5em;
}


.shangzuo-oem-embed .breadcrumb-search{
        display: none; /* 移动端如果空间不够可以隐藏，或者调整为 100% 宽度换行 */
}


 /* 侧边分类容器 */
    .shangzuo-oem-embed .ProductSidebar{
        width: 100%; /* 移动端让头部撑满 */
    }

    /* 移动端的分类头部作为一个触发条 */
    .shangzuo-oem-embed .FilterHead{
        background: #f8f8f8;
        padding: 0.8em 1.25em;
        margin-bottom: 2em;
        cursor: pointer;
    }

    /* 侧边滑出的真正内容 */
    .shangzuo-oem-embed .FilterContent{
        position: fixed;
        top: 0;
        left: -100%; /* 默认在屏幕左侧隐藏 */
        width: 18em; /* 抽屉宽度 */
        height: 100%;
        background: #fff;
        z-index: 1100; /* 高于 header 或其他内容 */
        padding: 0 1.5em 1.5em;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
        transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* 平滑过渡 */
        overflow-y: auto; /* 内容多了可以滚动 */
    }

    /* 展现状态 */
    .shangzuo-oem-embed .ProductSidebar.show .FilterContent{
        left: 0;
    }

    /* 遮罩层样式 */
    .shangzuo-oem-embed .FilterMask{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1090;
        display: none; /* 默认隐藏 */
        opacity: 0;
        transition: 0.3s;
    }

    .shangzuo-oem-embed .ProductSidebar.show .FilterMask{
        display: block;
        opacity: 1;
    }
.shangzuo-oem-embed aside.InfoDetail{
    position: unset;
}


.shangzuo-oem-embed .ProductListSection{
        padding: 0em 0 5em;
    }
.shangzuo-oem-embed .ProductListFlex{
    width: 100%;
    flex-wrap: wrap;
}
.shangzuo-oem-embed .ProductMainArea{
    width: 100%;
}
    .shangzuo-oem-embed .ProductSidebar{
        width: 100%;
        background: #ffffff;
        padding: 0;
    }

    .shangzuo-oem-embed .FilterTit span{
        font-size: 1.5em;
    }
    .shangzuo-oem-embed .FilterHead{
    border-bottom: none;
     margin-bottom: 1em;
}


.shangzuo-oem-embed .ProductMainArea{
        width: 96%;
        margin: 0 auto;
    }

    .shangzuo-oem-embed .ProductGrid{
        margin-right: 0; /* 清除 PC 端的负边距 */
    }

    .shangzuo-oem-embed .ProductListItem{
        width: 100%;      /* 核心：设为 100% 实现一行一个 */
        margin-right: 0;  /* 清除间距 */
        margin-bottom: 3.5em;
    }

    .shangzuo-oem-embed .ProductListItem .itemImg{
        margin-bottom: 1.25em;
    }

    .shangzuo-oem-embed .ProductListItem .tit{
        font-size: 1.375em; /* 手机端稍微缩小字体避免过长截断 */
    }

.shangzuo-oem-embed .ProductGrid2Col .ProductListItem{
    width: 100%;
    margin-right: 0;
}
.shangzuo-oem-embed .ProductDetailView{
    flex-wrap: wrap;
}

.shangzuo-oem-embed .ProductVisuals{
    width: 100%;
    flex: unset;
}
.shangzuo-oem-embed .ProductInfoSticky{
    width: 100%;
}
.shangzuo-oem-embed .FilterSidebar{
    padding: 0;
}
.shangzuo-oem-embed .SideRelated{
    display: none;
}

 .shangzuo-oem-embed .ProductBigImages{
        flex-direction: row !important; /* 强制横向排列 */
        overflow-x: auto;            /* 开启横向滚动 */
        scroll-snap-type: x mandatory; /* 核心：开启滑动吸附感 */
        -webkit-overflow-scrolling: touch;
        gap: 0;                      /* 手机端大图通常紧贴 */
    }

    .shangzuo-oem-embed .ProductBigImages::-webkit-scrollbar{
        display: none;               /* 隐藏滚动条 */
    }

    .shangzuo-oem-embed .BigImgItem{
        width: 100%;                 /* 每一张图占满屏幕宽度 */
        flex-shrink: 0;              /* 防止被挤压 */
        scroll-snap-align: start;    /* 滚动停止时对齐起始位置 */
        background: #fdfdfd;
    }

    /* 隐藏缩略图（如果只需要左右滚动大图）*/
    .shangzuo-oem-embed .ProductThumbs{
        display: none !important; 
    }

    /* 调整下方文案的间距 */
    .shangzuo-oem-embed .ProductInfoSticky{
        padding: 1.5em;
        margin-top: 2em;
    }

    .shangzuo-oem-embed .ProductTit{
        font-size: 1.75em; /* 缩小标题以适应小屏 */
    }
.shangzuo-oem-embed .ProductDetailView{
    gap: 0em;
}
.shangzuo-oem-embed .ProductInfoSticky{
    padding: 0;
}
.shangzuo-oem-embed .InquiryBtn{
    height: 3em;
}

.shangzuo-oem-embed .AboutTrustedBox .img img{
    height: 12.5em;
    object-fit: cover;
}
.shangzuo-oem-embed .trust-slide-item img{
    height: 12.5em;
}


.shangzuo-oem-embed .megamenu3 > a::after, .shangzuo-oem-embed .megamenu3 > .sub-menu > .menu-item > a::after{
    display: none;
}
.shangzuo-oem-embed .megamenu4 > a::after, .shangzuo-oem-embed .megamenu4 > .sub-menu > .menu-item > a::after{
    display: none;
}

.shangzuo-oem-embed .megamenu7 .sub-menu{
    display: none;
}

  .shangzuo-oem-embed .modal-close-btn{ right: 15px; top: 15px; width: 38px; height: 38px; }
        .shangzuo-oem-embed .m-img-item{ width: 100%; margin-bottom: 10px; }

.shangzuo-oem-embed .fixed-contact-wrap{
    width: 4em;
    margin-top: -8em;
}
.shangzuo-oem-embed .fixed-contact-wrap li{
    height: 4em;
    padding: 1em;
}
.shangzuo-oem-embed .fixed-contact-wrap li a i{
    width: 2.2em;
    height: 2.2em;
}
.shangzuo-oem-embed .fixed-contact-wrap li a .itemCon{
    font-size: 1.5em;
}
.shangzuo-oem-embed .fixed-contact-wrap .whatsapp a .itemCon .itemImg{
    width: 4em;
    height: 4em;
}
.shangzuo-oem-embed .fixed-contact-wrap li a .itemCon{
    font-size: 1.5em;
    width: 9.5em;
}
.shangzuo-oem-embed .opt-txt h3{
    font-size: 1.5em;
    margin-bottom: 0;
    font-weight: bold;
}
.shangzuo-oem-embed .opt-txt p{
    font-size: 1em;
    opacity: 0.9;
}
.shangzuo-oem-embed .opt-img{
    height: 20em;
}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit{font-size:1.5em;}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button{
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%; /* 垂直居中于图片区域，避开底部文字 */
    transform: translateY(-50%);
    width: 100%;
    background: transparent; /* 移除合并背景色 */
    padding: 0 0.5em;
    justify-content: space-between;
    pointer-events: none; /* 防止遮挡滑动 */
    z-index: 10;
}
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-prev svg.icon, .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-next svg.icon{
        width: 1.2rem;
        height: 1.2rem;
        fill: #ffffff;
    }
 .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-prev, .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-next{
        pointer-events: auto;
        background: #00000073;
        width: 3.5em;
        height: 3.5em;
        border-radius: .25rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button span{
    display: none; /* 隐藏中间的分割线 */
}
/* 点击触发：背景变白 */
.shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-prev:hover, .shangzuo-oem-embed .section-2025122404 .tour-swiper .swiper-button .button-next:hover{
    background: var(--minor);
}
.shangzuo-oem-embed .options-tabs-box{
    display: none;
}

.shangzuo-oem-embed .banner-2025122402 .swiperImg img.Pcbanner{
    display: none;
}
.shangzuo-oem-embed .banner-2025122402 .swiperImg img.Mobbanner{
    display: block;
}
.shangzuo-oem-embed .banner-2025122402 .swiperImg{
    height: 100%;
}
.shangzuo-oem-embed .banner-2025122402 .swiperTxt{
        position: absolute;
        top: -6em;
        left: 0em;
        width: 100%;
        height: 100%;
        text-align: left;
        padding-left: 2em;
    }
    .shangzuo-oem-embed .banner-2025122402 .swiperTxt .swiperTit{
        font-size: 2.75em;
        margin-bottom: 1.55em;
    }
    
    .shangzuo-oem-embed .StartContent{
    display: none;
}
    .shangzuo-oem-embed .MOBStartContent{
    display: block;
}

}

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

  .shangzuo-oem-embed .PartnerMain{
    height: 25em;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

}
/* Shangzuo OEM integration overrides */
.shangzuo-oem-page .shangzuo-oem-embed { background: var(--cream,#f8f0e7); color: var(--ink,#1f201f); font-family: RobotoLocal,Arial,sans-serif; overflow: hidden; }
.shangzuo-oem-page .shangzuo-oem-embed .container { width: min(1600px, calc(100% - 120px)); max-width: none; margin-left: auto; margin-right: auto; }
.shangzuo-oem-page .shangzuo-oem-embed img { max-width: 100%; height: auto; }
.shangzuo-oem-page .shangzuo-oem-embed .PageBanner { margin-top: 0; }
.shangzuo-oem-page .shangzuo-oem-embed .section-touch { background: var(--paper,#fbf6f0); }
.shangzuo-oem-page .shangzuo-oem-embed input,
.shangzuo-oem-page .shangzuo-oem-embed textarea { font-family: GoogleSansFlex,RobotoLocal,Arial,sans-serif; }
@media (max-width: 900px) {
  .shangzuo-oem-page .shangzuo-oem-embed .container { width: calc(100% - 36px); }
}


/* OEM options navigation: use local chevrons when the bundled Swiper icon font is unavailable. */
.shangzuo-oem-page .optionsSwiper .opt-prev,
.shangzuo-oem-page .optionsSwiper .opt-next{
    top:50%;
    margin-top:0;
    transform:translateY(-50%);
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:center;
    width:3.125em;
    height:3.125em;
    color:#fff !important;
    background:rgba(255,255,255,.55);
    border:0;
    border-radius:.25em;
}
.shangzuo-oem-page .optionsSwiper .opt-prev::after,
.shangzuo-oem-page .optionsSwiper .opt-next::after{
    font-family:Arial,"Helvetica Neue",sans-serif !important;
    font-size:2em !important;
    font-weight:300;
    line-height:1;
    color:#fff;
}
.shangzuo-oem-page .optionsSwiper .opt-prev::after{content:"‹" !important;}
.shangzuo-oem-page .optionsSwiper .opt-next::after{content:"›" !important;}
.shangzuo-oem-page .optionsSwiper .opt-prev:hover,
.shangzuo-oem-page .optionsSwiper .opt-next:hover{background:#ff6a00;}
@media (max-width:680px){
    .shangzuo-oem-page .optionsSwiper .opt-prev,
    .shangzuo-oem-page .optionsSwiper .opt-next{
        width:2.75em;
        height:2.75em;
    }
    .shangzuo-oem-page .optionsSwiper .opt-prev::after,
    .shangzuo-oem-page .optionsSwiper .opt-next::after{font-size:1.75em !important;}
}