html {margin-top:0 !important;font-size:16px;}
body {font-size:16px; transition: all 0.5s;}
.header-2025122401 {}
.header-2025122401 .head_top {position:relative;height:3em;}
.header-2025122401 .head_top:before {content:" ";position:absolute;top:0;right:0;width:70%;height:100%;background:#362c34;border-bottom-left-radius:3em;}
.header-2025122401 .head_top .container {position:relative;height:100%;}
.header-2025122401 .head_top .right {width:68%;max-width:62.5em;height:100%;}
.header-2025122401 .head_top .right .line {width:1px;height:1.125em;background:#fff;}
.header-2025122401 .head_top .head_tel {}
.header-2025122401 .head_top .head_tel svg.icon {width:1.125em;height:1.125em;fill:#fff;margin-right:0.75em;}
.header-2025122401 .head_top .head_tel span {font-size:1em;color:#fff;}
.header-2025122401 .head_top .head_email {}
.header-2025122401 .head_top .head_email svg.icon {width:1em;fill:#fff;margin-right:0.875em;}
.header-2025122401 .head_top .head_email span {font-size:1em;color:#fff;}
.header-2025122401 .head_top .head_share {}
.header-2025122401 .head_top .head_share .icon_boxs {gap:1em;}
.header-2025122401 .head_top .head_share .icon_boxs li {}
.header-2025122401 .head_top .head_share .icon_boxs a {display:block;padding:0.125em;line-height:1;transition:all 0.5s;border-radius:0.25em;background:rgb(255 255 255 / 35%);}
.header-2025122401 .head_top .head_share .icon_boxs a:hover {background:var(--minor);}
.header-2025122401 .head_top .head_share .icon_boxs svg.icon {display:block;fill:#fff;width:1em;height:1em;}
.header-2025122401 .head_top .head_language {}
.header-2025122401 .head_top .head_language .current {gap:0.75em;cursor:pointer;}
.header-2025122401 .head_top .head_language .ico {}
.header-2025122401 .head_top .head_language .ico svg.icon {display:block;width:1.25em;fill:#fff;}
.header-2025122401 .head_top .head_language span {color:#fff;text-transform:uppercase;}
.header-2025122401 .head_top .head_language .current:hover .ico svg.icon {fill:var(--minor);}
.header-2025122401 .head_top .head_language .current:hover span {color:var(--minor);}
.header-2025122401 .head_con {}
.header-2025122401 .head_con .head_logo {height:4.5em;transition: all 0.5s;}
.header-2025122401 .head_con .head_logo img {height:3.1875em;transition: all 0.5s;}
.header-2025122401 .head_con .head_right {}
.header-2025122401 .head_con .head_navbtn {display:none;}
.header-2025122401 .head_con .head_nav {}
.header-2025122401 .head_con .navbar {gap:3em;}
.header-2025122401 .head_con .navbar .megamenu {}
.header-2025122401 .head_con .navbar .megamenu>a {display:block;font-size:1em;font-weight:400;line-height:1em;padding:0 0.25em 1.5em;position:relative;}
.header-2025122401 .head_nav .navbar .megamenu>a:before {content:" ";position:absolute;left:0;bottom:0.75em;width:0;height:3px;background:var(--minor);transition:all 0.5s;}
.header-2025122401 .head_nav .navbar .megamenu.active>a:before,.header-2025122401 .head_nav .navbar .megamenu:hover>a:before {width:100%;}
.banner-2025122402 {}
.banner-2025122402 .swiperImg {width:100%;height:51.25em;}
.banner-2025122402 .swiperImg img {width:100%;height:100%;object-fit:cover;}
.banner-2025122402 .swiperTxt {position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;}
.banner-2025122402 .swiperTxt .swiperTit {font-size:4.25em;font-weight:600;line-height:1.05;max-width:10.5em;width:100%;color:#fff;margin-bottom:1.5em;}
.banner-2025122402 .swiperTxt .swiperBtn {font-size:1.25em;}
.banner-2025122402 .swiper-pagination {}
.banner-2025122402 .swiper-pagination span {opacity:0.5;border-radius:0;height:0.2em;background:#fff;transition:all 0.5s;}
.banner-2025122402 .swiper-pagination span.swiper-pagination-bullet-active {width:2.75em;opacity:1;}
.section-2025122403 {padding:15em 0 11.875em;position:relative;background:url(../images/aboutBg.jpg) no-repeat center;background-size:cover;}
.section-2025122403:before {content:" ";position:absolute;left:0;bottom:8.125em;top:9em;background:#f4f0ed;width:63.85%;box-shadow:0 0 1.75em rgb(0 0 0 / 15%);}
.section-2025122403 .container {position:relative;}
.section-2025122403 .box {}
.section-2025122403 .boxRight {width:45.125%;}
.section-2025122403 .boxImg {width:100%;box-shadow:0 0 1.75em rgb(0 0 0 / 10%);}
.section-2025122403 .boxImg .video {}
.section-2025122403 .boxImg .video img {width:100%;height:34.5em;object-fit:cover;}
.section-2025122403 .boxLeft {width:51.625%;}
.section-2025122403 .boxTxt {padding-left:6.5%;}
.section-2025122403 .boxTxt .sectionHead {margin-bottom:1.5em;}
.section-2025122403 .boxTxt .sectionTit {font-size:3.875em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.section-2025122403 .boxTxt .sectionBtn {font-size:1.25em;}
.section-2025122403 .boxTxt .sectionCon {font-size:1.375em;line-height:1.5;margin-bottom:2.5em;}
.section-2025122403 .sectionList {gap:3em 0;}
.section-2025122403 .sectionList .item {max-width:22em;width:48%;text-align:center;}
.section-2025122403 .sectionList .item .itemNum {font-size:3em;font-weight:600;color:var(--minor);}
.section-2025122403 .sectionList .itemTit {font-size:1.125em;font-weight:600;}
.section-2025122403 .sectionList .itemCon {font-size:1.125em;}
.section-2025122403 .sectionList .line {width:2px;height:7em;background:#9e9c9a;}
.section-2025122404 {padding:5em 0;position:relative;background:url(../images/tourBg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.section-2025122404 .sectionHead {margin-bottom:1.25em;}
.section-2025122404 .sectionTit {font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);margin-right:1.25em;}
.section-2025122404 .sectionBtn {font-size:1.25em;}
.section-2025122404 .sectionCon {font-size:1.375em;margin-bottom:2.5em;}
.section-2025122404 .tour-swiper {position:relative;width:calc( 100% + 50vw - 49em );height:33.5em;left:-1em;padding:0.5em;overflow:hidden;}
.section-2025122404 .tour-swiper .swiper {overflow:unset;width:28.25em;height:23.75em;margin:0 auto 0 0;}
.section-2025122404 .tour-swiper .swiper-slide {width:28.25em;height:23.75em;padding:0.5em;}
.section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {width:53.75em !important;height:32.5em;padding:0.5em;}
.section-2025122404 .tour-swiper .tourItem {width:100%;height:100%;position:relative;box-shadow:0.5px 0.5px 1em rgb(0 0 0 / 20%);}
.section-2025122404 .tour-swiper .swiper-slide-prev .tourItem {box-shadow:none;}
.section-2025122404 .tour-swiper .tourItem .tourImg {width:100%;height:100%;}
.section-2025122404 .tour-swiper .tourItem .tourImg img {width:100%;height:100%; object-fit: cover;}
.section-2025122404 .tour-swiper .tourItem .tourTxt {position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,rgb(0 0 0 / 50%) 0%,rgb(0 0 0 / 50%) 100%);}
.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit {width:100%;font-size:1.875em;text-align:center;padding:0 1em;color:#fff;position:relative;}
.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:before {content:"";position:absolute;left:50%;bottom:-1em;margin-left:-1em;width:2em;height:0.15em;background:#fff;}
.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:hover {color:var(--minor);}
.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit:hover:before {background:var(--minor);}
.section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt {height:auto;padding:1em 0;background-image:linear-gradient(0deg,rgb(0 0 0 / 60%) 0%,rgb(0 0 0 / 35%) 30%,rgb(0 0 0 / 0%) 100%);}
.section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt .tourTit {text-align:left;}
.section-2025122404 .tour-swiper .swiper-slide-active .tourItem .tourTxt .tourTit:before {width:0;margin-left:0;}
.section-2025122404 .tour-swiper .swiper-button {position:absolute;left:54.75em;bottom:1em;z-index:1;cursor:pointer;border-radius:0.5em;background:var(--minor);padding:0.5em 1.25em;}
.section-2025122404 .tour-swiper .swiper-button .button-prev,.section-2025122404 .tour-swiper .swiper-button .button-next {width:2.5em;height:1.5em;}
.section-2025122404 .tour-swiper .swiper-button .button-prev svg.icon,.section-2025122404 .tour-swiper .swiper-button .button-next svg.icon {width:100%;height:100%;fill:var(--theme);}
.section-2025122404 .tour-swiper .swiper-button .button-prev:hover svg.icon,.section-2025122404 .tour-swiper .swiper-button .button-next:hover svg.icon {fill:#fff;}
.section-2025122404 .tour-swiper .swiper-button span {margin:0 1em;width:0.125em;height:1.25em;background:var(--theme);}
.section-2025122405 {padding:7.5em 0;}
.section-2025122405 .sectionTit {font-size:3.25em;font-weight:600;text-align:center;text-transform:uppercase;color:var(--theme);margin-bottom:0.25em;}
.section-2025122405 .sectionCon {text-align:center;font-size:1.375em;margin-bottom:2.5em;}
.section-2025122405 .product-swiper {overflow:hidden;position: relative;}
.section-2025122405 .product-swiper .swiper {width:58.75em;overflow:unset;}
.section-2025122405 .product-swiper .swiper-slide {padding:0.875em;}
.section-2025122405 .product-swiper .productItem {position:relative;padding:3.75em 0 0;transition:all 0.5s;}
.section-2025122405 .product-swiper .productItem .productImg {background:#ebebeb;width:100%;height:34.5em;box-shadow:0.5px 0.5px 1em rgb(0 0 0 / 20%); overflow: hidden;}
.section-2025122405 .product-swiper .productItem .productImg img {
width: 100%;
height: 34.5em;
}
.section-2025122405 .product-swiper .productTxt {position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;transition:all 0.5s;}
.section-2025122405 .product-swiper .swiper-slide-active .productItem {padding:0 0 3.75em;}
.section-2025122405 .product-swiper .productTxt .productBox {width:100%;}
.section-2025122405 .product-swiper .productTxt .productTit {display:block;text-align:center;font-size:1.875em;margin-bottom:0.5em;color:var(--text);}
.section-2025122405 .product-swiper .productTxt .productMore {font-size:1.25em;}
.section-2025122405 .product-swiper .productTxt .productMore span {margin-right:0.25em;color:var(--text);}
.section-2025122405 .product-swiper .productTxt .productMore svg.icon {width:1.125em;height:1.125em;fill:var(--text);}
.section-2025122405 .product-swiper .productItem:hover .productTxt {
opacity: 1;
}
.section-2025122405 .product-swiper .productItem .view {position:absolute;left:0;bottom:0;height:0;width:100%;overflow:hidden;transition:all 0.5s;text-align:center;}
.section-2025122405 .product-swiper .productItem .view a {display:inline-block;font-size:1.375em;color:var(--text);border-bottom:0.125em solid;transition:all 0.5s;}
.section-2025122405 .product-swiper .swiper-slide-active .productItem .view {height:2.25em;}
.section-2025122405 .product-swiper .productItem .view a:hover {color:var(--minor);}
.section-2025122405 .product-swiper .button-prev,.section-2025122405 .product-swiper .button-next {position:absolute;top:50%;margin-top:-1.875em;z-index:1;width:3.75em;height:3.75em;cursor:pointer;}
.section-2025122405 .product-swiper .button-prev {left:-3em;}
.section-2025122405 .product-swiper .button-next {right:-3em;}
.section-2025122405 .product-swiper .button-prev svg.icon,.section-2025122405 .product-swiper .button-next svg.icon {width:100%;fill:var(--text);}
.section-2025122405 .product-swiper .button-prev:hover svg.icon,.section-2025122405 .product-swiper .button-next:hover svg.icon {fill:var(--minor);}
.section-2025122406 {padding-bottom:8.5em;}
.section-2025122406 .sectionTit {font-size:3.25em;font-weight:600;text-align:center;text-transform:uppercase;color:var(--theme);margin-bottom:1.25em;}
.section-2025122406 .sectionList {gap:10em;}
.section-2025122406 .sectionList i {}
.section-2025122406 .sectionList .sectionItem {width:25em;height:25em;overflow:hidden;border-radius:50%;position:relative;padding-top:5.5em;box-shadow:1px 1px 1em rgb(0 0 0 / 20%);}
.section-2025122406 .sectionList .sectionItem:nth-last-child(1),.section-2025122406 .sectionList .sectionItem:nth-last-child(2),.section-2025122406 .sectionList .sectionItem:nth-last-child(3) {margin-top:-12em;}
.section-2025122406 .sectionList .sectionItem:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/chooseItemBg.jpg) no-repeat;background-size:cover;transition:all 0.5s;opacity:1;}
.section-2025122406 .sectionList .sectionItem .itemBg {background:#000;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all 0.75s;transform:scale(1.5);}
.section-2025122406 .sectionList .sectionItem .itemBg img {opacity:0.5;width:100%;height:100%;object-fit:cover;}
.section-2025122406 .sectionList .sectionItem .itemImg {position:relative;padding-bottom:1em;}
.section-2025122406 .sectionList .sectionItem .itemImg img {width:5em;height:5em;object-fit:contain;margin:0 auto;transition:all 0.5s;}
.section-2025122406 .sectionList .sectionItem .itemTxt {position:relative;}
.section-2025122406 .sectionList .sectionItem .itemTxt .itemTit {font-size:1.75em;text-align:center;margin-bottom:0.375em;transition:all 0.5s;}
.section-2025122406 .sectionList .sectionItem .itemTxt .itemCon {text-align:center;font-size:1.325em;padding:0 1.25em;transition:all 0.5s;}
.section-2025122406 .sectionList .sectionItem:hover .itemBg {opacity:1;transform:scale(1);}
.section-2025122406 .sectionList .sectionItem:hover .itemImg img {filter:invert(1);}
.section-2025122406 .sectionList .sectionItem:hover .itemTxt .itemTit {color:var(--minor);}
.section-2025122406 .sectionList .sectionItem:hover .itemTxt .itemCon {
color: #ffffff;
}
.section-2025122407 {padding:5em 0;position:relative;background:url(../images/oemodmBg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.section-2025122407 .sectionHead {margin-bottom:3.5em;}
.section-2025122407 .sectionTit {font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.section-2025122407 .sectionTxt {width:60%;max-width:53em;}
.section-2025122407 .sectionTxt .sectionCon {font-size:1.375em;margin-bottom:1em;}
.section-2025122407 .sectionTxt .sectionBtn {font-size:1.25em;}
.section-2025122407 .sectionList {gap:0.75%;}
.section-2025122407 .sectionList .sectionItem {position:relative;width:20%;height:38.5em;box-shadow:1px 1px 1em rgb(0 0 0 / 20%);transition:all 0.5s;}
.section-2025122407 .sectionList .sectionItem.active {width:37.75%;}
.section-2025122407 .sectionList .sectionItem .itemImg {width:100%;height:100%;}
.section-2025122407 .sectionList .sectionItem .itemImg img {width:100%;height:100%;object-fit:cover;}
.section-2025122407 .sectionList .sectionItem .itemTxt {position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;}
.section-2025122407 .sectionList .sectionItem .itemTxt:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;display:block;transition:all .6s;background-image:linear-gradient(0deg,rgb(0 0 0 / 80%) 0%,rgb(0 0 0 / 25%) 25%,rgb(0 0 0 / 0%) 100%);opacity:1;}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemTit {position:absolute;left:0;bottom:2em;width:100%;text-align:center;padding:0 1.25em;font-size:1.875em;color:#fff;z-index:1;transition:all 0.5s;}
.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit {text-align:left;padding:0 5.5em 0 1.25em;}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn {color:#fff;border-color:#fff;opacity:0;position:absolute;bottom:4.5em;right:2em;font-size:0.875em;z-index:1;}
.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn {opacity:1;}
.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn:hover {border-color:var(--minor);}
.section-2025122408 {padding:7.5em 0;}
.section-2025122408 .sectionHead {margin-bottom:3.5em;}
.section-2025122408 .sectionTit {font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.section-2025122408 .sectionCon {width:60%;max-width:39em;font-size:1.375em;}
.section-2025122408 .sectionItem {}
.section-2025122408 .sectionItem .itemLeft {width:calc( 58.25% - 0.375em );}
.section-2025122408 .sectionItem .itemRight {width:calc( 41.75% - 0.375em );}
.section-2025122408 .sectionItem .itemImg {overflow:hidden;}
.section-2025122408 .sectionItem .itemImg img {width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.section-2025122408 .sectionItem .itemImg:hover img {transform:scale(1.1);}
.section-2025122408 .sectionItem .itemImg1 {width:100%; height: 45.75em;}
.section-2025122408 .sectionItem .itemImg2 {width:calc( 50% - 0.375em );height:13.5em;margin-bottom:0.75em;}
.section-2025122408 .sectionItem .itemImg3 {width:calc( 50% - 0.375em );height:13.5em;margin-bottom:0.75em;}
.section-2025122408 .sectionItem .itemImg4 {width:100%;height:31.5em;}
.section-2025122409 {overflow:hidden;position:relative;background:url(../images/fiedleBg.jpg) no-repeat;background-size:120em;background-position:center bottom;padding-bottom:7.25em;}
.section-2025122409 .sectionHead {margin-bottom:2.75em;}
.section-2025122409 .sectionTit {font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.section-2025122409 .sectionBtn {display:inline-block;font-size:1.375em;color:var(--text);border-bottom:0.125em solid;transition:all 0.5s;text-transform:uppercase;margin-bottom:0.75em;}
.section-2025122409 .sectionBtn:hover {color:var(--minor);}
.section-2025122409 .sectionCon {width:41%;font-size:1.375em;margin-bottom:1.5em;}
.section-2025122409 .swiper-button {cursor:pointer;border-radius:0.5em;background:var(--minor);padding:0.5em 1.25em;width:8em;}
.section-2025122409 .swiper-button .button-prev,.section-2025122409 .swiper-button .button-next {width:2.5em;height:1.5em;}
.section-2025122409 .swiper-button .button-prev svg.icon,.section-2025122409 .swiper-button .button-next svg.icon {width:100%;height:100%;fill:var(--theme);}
.section-2025122409 .swiper-button .button-prev:hover svg.icon,.section-2025122409 .swiper-button .button-next:hover svg.icon {fill:#fff;}
.section-2025122409 .swiper-button span {margin:0 1em;width:0.125em;height:1.25em;background:var(--theme);}
.section-2025122409 .fiedle-swiper {padding-top:3.125em;}
.section-2025122409 .fiedle-swiper .swiper {overflow:unset;width:40.875em;height:27.625em;margin:0;}
.section-2025122409 .fiedle-swiper .swiper-slide {width:40.875em;height:27.625em;margin-right:3.125em;}
.section-2025122409 .fiedle-swiper .fiedleItem {width:100%;height:100%;overflow:hidden;}
.section-2025122409 .fiedle-swiper .fiedleItem .fiedleImg {width:100%;height:100%;}
.section-2025122409 .fiedle-swiper .fiedleItem .fiedleImg img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(2px);
transition: all 0.5s;
}
.section-2025122409 .fiedle-swiper .swiper-slide-next {width:55.875em !important;height:39em;top:-14.75em;}
.section-2025122409 .fiedle-swiper .swiper-slide-next .fiedleItem {box-shadow:0.25em 0.25em 1em rgb(0 0 0 / 20%);}
.section-2025122409 .fiedle-swiper .swiper-slide-next .fiedleItem .fiedleImg img {filter:none;opacity:1;}
.section-2025122409 .fiedle-swiper .swiper-slide-active .fiedleItem .fiedleImg img {filter:none;opacity:1;}
.section-2025122410 {padding:7.25em 0;}
.section-2025122410 .sectionHead {margin-bottom:0.5em;}
.section-2025122410 .sectionTit {font-size:3.25em;font-weight:600;text-transform:uppercase;color:var(--theme);}
.section-2025122410 .sectionBtn {font-size:1.25em;}
.section-2025122410 .sectionCon {font-size:1.375em;margin-bottom:1.5em;}
.section-2025122410 .sectionList {}
.section-2025122410 .listLeft {max-width:45.75em;width:48.5%;}
.section-2025122410 .listLeft .listItem {position:relative;width:100%;}
.section-2025122410 .listLeft .itemImg {display:block;width:100%;height:25em;background:#000;overflow:hidden;}
.section-2025122410 .listLeft .itemImg img {width:100%;height:100%;object-fit:cover;opacity:0.8;transition:all 0.5s;}
.section-2025122410 .listLeft .listItem:hover .itemImg img {transform:scale(1.1);}
.section-2025122410 .listLeft .itemTxt {position:absolute;left:0;bottom:0;padding:2em;width:100%;}
.section-2025122410 .listLeft .itemTxt .itemDate {font-size:1em;color:#fff;margin-bottom:1.125em;}
.section-2025122410 .listLeft .itemTxt .itemTit {font-size:1.3125em;color:#fff;}
.section-2025122410 .listLeft .itemTxt .itemTit:hover {color:var(--minor);}
.section-2025122410 .line {width:1px;background:#999999;}
.section-2025122410 .listRight {max-width:45.75em;width:48.5%;}
.section-2025122410 .listRight .listItem {width:100%;color:#666;background:#fafafa;margin-bottom:1.875em;padding:0.75em 1.75em;transition:all 0.5s;}
.footer-2025122400 .foot_con a:hover {
color: var(--minor);
}
.section-2025122410 .listRight .listItem:nth-last-child(1) {margin-bottom:0;}
.section-2025122410 .listRight .itemDate {width:5.75em;}
.section-2025122410 .listRight .itemDate b {display:block;font-size:3em;text-align:center;}
.section-2025122410 .listRight .itemDate span {display:block;text-align:center;font-size:1.125em;}
.section-2025122410 .listRight .itemLine {width:1px;background:#999999;}
.section-2025122410 .listRight .itemTxt {width:78.5%;max-width:calc( 100% - 7em );}
.section-2025122410 .listRight .itemTxt .itemTit {font-size:1.375em;margin-bottom:0.35em;color:var(--text);transition:all 0.5s;}
.section-2025122410 .listRight .itemTxt .itemCon {font-size:1.125em;}
.section-2025122410 .listRight .listItem:hover {color:var(--minor);box-shadow:0.375em 0.375em 1em rgb(0 0 0 / 20%);}
.section-2025122410 .listRight .listItem:hover .itemTxt .itemTit {color:var(--minor);}
.section-2025122411 {padding:7.5em 0;background:url(../images/touchBg.jpg) no-repeat;background-position:top center;background-size:120em auto;}
.section-2025122411 .formName {font-size:3.25em;font-weight:600;text-align:center;margin-bottom:0.125em;color: var(--theme);}
.section-2025122411 .formP {font-size:1.375em;text-align:center;margin-bottom:2em;}
.touch-form {background:#fff;padding:3.5em 4.5em;box-shadow:0.5em 0.5em 1em rgb(0 0 0 / 20%);}
.touch-form .wpcf7-response-output {color:red;}
.touch-form .form-input {width:31.5%;margin-bottom:2em;}
.touch-form .form-control {width:100%;padding:0 1.5em;line-height:2.75;font-size:1.25em;color:var(--text);border:none;background:#f4f4f4;}
.touch-form .form-control2 {width:60%;padding:0 1.7em;margin-right:1.5em;line-height:2.75;font-size:1.25em;color:var(--text);border:none;border-radius:1.375em;}
.touch-form .form-input img {flex:1;}
.touch-form .form-content {width:100%;margin-bottom:2em;}
.touch-form .form-textarea {display:block;width:100%;padding:0.75em 1.5em;line-height:1.25;font-size:1.25em;color:var(--text);border:none;background:#f4f4f4;}
.touch-form .p {width:100%;color:#999999;margin-top:1.25em;}
.touch-form .p p {text-align:center;color:var(--p-color);font-size:1.125em;}
.touch-form .form-input2>p {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.touch-form .form-input2>p .wpcf7-form-control-wrap {width:60%;margin-right:1.5em;}
.touch-form .form-input2>p .wpcf7-form-control-wrap input {width:100%;line-height:2.75;font-size:1.25em;color:var(--text);border:none;padding:0 1.7em;background:#f4f4f4;}
.touch-form .form-input2>p img {height:2.75em;font-size:1em;}
.touch-form .submit {width:100%;text-align:center;}
.touch-form .submit p {display:inline-block;font-size:1.25em;background:var(--minor);border-radius:0.25em;position:relative;overflow:hidden;}
.touch-form .submit p:before {content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%);}
.touch-form .submit p:hover:before {animation:btn-animation .75s;z-index:1;}
.touch-form .submit input {font-size:1em;padding:0.75em 2em;border-width:0;cursor:pointer;background:transparent;position:relative;z-index:2;}
.touch-form .submit input:hover {color:#fff;}
.fixed-contact-wrap {z-index:999;position:fixed;right:0;top:70%;width:60px;margin-top:-90px;overflow:hidden;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);border-radius:0.5em;overflow:hidden;}
.fixed-contact-wrap.show {transform:none;opacity:1;}
.fixed-contact-wrap.active {width:280px;}
.fixed-contact-wrap li {position:relative;height:60px;background:rgb(54 44 52 / 75%);overflow:hidden;padding:15px;}
.fixed-contact-wrap.active li {overflow:inherit;}
.fixed-contact-wrap li a {position:relative;z-index:1000;display:block;}
.fixed-contact-wrap li a i {display:block;width:30px;height:30px;margin:0 0 0 auto;}
.fixed-contact-wrap li a i svg.icon {display:block;fill:#fff;width:100%;height:100%;}
.fixed-contact-wrap li a .itemCon {position:absolute;top:0;right:-135px;width:205px;padding-right:10px;color:#fff;white-space:nowrap;transition:all .4s;text-align:right;font-size:20px;line-height:30px;opacity:0;}
.fixed-contact-wrap li a .itemCon:hover {color:var(--minor);}
.fixed-contact-wrap.active li a .itemCon {right:44px;opacity:1;}
.fixed-contact-wrap.active li:after {z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:88%;height:1px;margin-left:-44%;background:rgba(255,255,255,.1);}
.fixed-contact-wrap.active li:nth-last-child(1):after,.fixed-contact-wrap.active li:nth-last-child(2):after {opacity:0;}
.fixed-contact-wrap .whatsapp a .itemCon .itemImg {width:90px;height:90px;background:#fff;border-radius:5px;overflow:hidden;}
.fixed-contact-wrap .whatsapp a .itemCon .itemImg img {width:100%;height:100%;object-fit:contain;}
.footer-2025122400 {padding:7.5em 0 0;background:url(../images/footBg.jpg) no-repeat;background-position:top center;background-size:120em auto;}
.footer-2025122400 .footBox {}
.footer-2025122400 .footBox .container {max-width:92.5em;}
.footer-2025122400 .footLogo {margin-bottom:5em;}
.footer-2025122400 .footLogo img {width:14.875em;margin:0 auto;}
.footer-2025122400 .footer_con {}
.footer-2025122400 .foot_con {width:24em;}
.footer-2025122400 .foot_con .info {font-size:1.25em;padding:0 0 1.25em 2em;line-height:1.25;background-repeat:no-repeat;background-position:top left;background-size:1.2em;}
.footer-2025122400 .foot_con .info1 {background-image:url(../images/foot-ico01.png);}
.footer-2025122400 .foot_con .info2 {background-image:url(../images/foot-ico02.png);}
.footer-2025122400 .foot_con .info3 {background-image:url(../images/foot-ico03.png);}
.footer-2025122400 .foot_con .info4 {background-image:url(../images/foot-ico04.png);}
.footer-2025122400 .foot_con .info span {font-weight:600;}
.footer-2025122400 .foot_share {padding-left:2.5em;}
.footer-2025122400 .foot_share .icon_boxs {}
.footer-2025122400 .foot_share .icon_boxs li {background:var(--minor);padding:0.5em 0;}
.footer-2025122400 .foot_share .icon_boxs li:nth-child(1) {border-radius:0.25em 0 0 0.25em;}
.footer-2025122400 .foot_share .icon_boxs li:nth-last-child(1) {border-radius:0 0.25em 0.25em 0;}
.footer-2025122400 .foot_share .icon_boxs a {display:block;line-height:1;transition:all 0.5s;padding:0 1em;}
.footer-2025122400 .foot_share .icon_boxs li:nth-child( n+2 ) a {border-left:2px solid #554633;}
.footer-2025122400 .foot_share .icon_boxs a:hover {background:var(--minor);}
.footer-2025122400 .foot_share .icon_boxs svg.icon {display:block;fill:var(--theme);width:1.25em;height:1.25em;transition:all 0.5s;}
.footer-2025122400 .foot_share .icon_boxs li:hover svg.icon {fill:#fff;}
.footer-2025122400 .foot_link {width:auto;max-width:24%;}
.footer-2025122400 .foot_link .item {}
.footer-2025122400 .foot_link .item .tit {display:block;font-size:1.75em;font-weight:600;margin-bottom:0.75em;}
.footer-2025122400 .foot_link .item .a {display:block;font-size:1em;margin-bottom:1.45em;padding-right:1.75em;padding-left:0;transition:all 0.5s;line-height:1.25;position:relative;}
.footer-2025122400 .foot_link .item .a:before {content:"";position:absolute;top:0.625em;left:0;width:0;height:1px;transition:all .6s;background:#000;}
.footer-2025122400 .foot_link .item .a:hover {color:#000;padding-right:0;padding-left:1.75em;}
.footer-2025122400 .foot_link .item .a:hover:before {width:1.35em;}
.footer-2025122400 .foot_link .m_name {display:none;}
.footer-2025122400 .foot_form {width:21em;}
.footer-2025122400 .foot_form .formTit {font-size:1.25em;margin-bottom:0.75em;}
.footer-2025122400 .foot_form .form-input {margin-bottom:0.875em;width:100%;}
.footer-2025122400 .foot_form .form-input .form-control {width:100%;padding:0 1em;line-height:2.75;font-size:1em;color:var(--text);border:none;background:#ffffff;}
.footer-2025122400 .foot_form .form-input2>p {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.footer-2025122400 .foot_form .form-input2>p .wpcf7-form-control-wrap {width:60%;}
.footer-2025122400 .foot_form .form-input2>p .wpcf7-form-control-wrap input {width:100%;line-height:2.75;font-size:1em;color:var(--text);border:none;padding:0 1em;background:#ffffff;}
.footer-2025122400 .foot_form .form-input2>p img {width:38%;height:2.75em;font-size:1em;}
.footer-2025122400 .foot_form .submit {width:100%;text-align:center;}
.footer-2025122400 .foot_form .submit p {display:block;font-size:1.25em;background:var(--minor);border-radius:0.25em;position:relative;overflow:hidden;}
.footer-2025122400 .foot_form .submit p:before {content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%);}
.footer-2025122400 .foot_form .submit p:hover:before {animation:btn-animation .75s;z-index:1;}
.footer-2025122400 .foot_form .submit input {font-size:1em;border-width:0;cursor:pointer;background:transparent;position:relative;z-index:2;padding:0.5em 0;width:100%;}
.footer-2025122400 .foot_form .submit input:hover {color:#fff;}
.footer-2025122400 .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) {
body {font-size:0.833vw;}
}
@media screen and (max-width:1668px) {
.header-2025122401 .head_con .navbar {gap:2em;}
.section-2025122403 .boxTxt {padding-left:0;}
.section-2025122403 .sectionList {gap:2em 0;}
.section-2025122404 .tour-swiper {width:calc( 100% + 3vw );height:32vw;padding:0.5vw;left:-1vw;}
.section-2025122404 .tour-swiper .swiper {height:19vw;width:25vw;}
.section-2025122404 .tour-swiper .swiper-slide {height:19vw;width:25vw;padding:0.5vw;}
.section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {width:48vw !important;height:31vw;}
.section-2025122404 .tour-swiper .swiper-button {left:49vw;}
.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit {font-size:1.75em;}
.section-2025122406 .sectionList {gap:10vw;}
.section-2025122406 .sectionList .sectionItem {width:25vw;height:25vw;padding-top:5.5vw;}
.section-2025122406 .sectionList .sectionItem:nth-last-child(1),.section-2025122406 .sectionList .sectionItem:nth-last-child(2),.section-2025122406 .sectionList .sectionItem:nth-last-child(3) {margin-top:-12vw;}
.section-2025122406 .sectionList .sectionItem .itemImg {padding-bottom:1vw;}
.section-2025122406 .sectionList .sectionItem .itemImg img {width:5vw;height:5vw;}
.section-2025122406 .sectionList .sectionItem .itemTxt .itemTit {font-size:1.5em;}
.section-2025122406 .sectionList .sectionItem .itemTxt .itemCon {font-size:1.25em;}
.section-2025122407 .sectionList .sectionItem {height:38.5vw;}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemTit {font-size:1.75em;}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn {bottom:4em;}
.section-2025122408 .sectionItem .itemImg1 {height:41.75vw;}
.section-2025122408 .sectionItem .itemImg2 {width:calc( 50% - 0.375vw );height:13.5vw;margin-bottom:0.75vw;}
.section-2025122408 .sectionItem .itemImg3 {width:calc( 50% - 0.375vw );height:13.5vw;margin-bottom:0.75vw;}
.section-2025122408 .sectionItem .itemImg4 {width:100%;height:27.5vw;}
.section-2025122409 .fiedle-swiper .swiper {width:40vw;height:27vw;}
.section-2025122409 .fiedle-swiper .swiper-slide {width:40vw;height:27vw;}
.section-2025122409 .fiedle-swiper .swiper-slide-next {width:calc( 56vw - 3.125em ) !important;height:39vw;top:-14.75vw;}
}
@media screen and (max-width:1335px) {
body {font-size:14px;}
.section-2025122403 .boxTxt .sectionTit {font-size:3.25em;}
.section-2025122403 .sectionList .item .itemNum {font-size:2.5em;}
}
@media screen and (max-width:1100px) {
.header-2025122401 .head_con .navbar {gap:1em;}
.banner-2025122402 .swiperImg {height:38em;}
.banner-2025122402 .swiperTxt .swiperTit {font-size:3.5em;}
}
@media screen and (max-width:1024px) {
body {font-size:12px;}
.section-2025122403 {padding:8em 0 6em;}
.section-2025122403:before {display:none;}
.section-2025122403 .boxRight {width:100%;margin-bottom:2em;}
.section-2025122403 .boxImg .video img {height:60vw;}
.section-2025122403 .boxLeft {width:100%;}
.section-2025122403 .sectionList .item {max-width:unset;}
.section-2025122404 .tour-swiper {height:39.75vw;}
.section-2025122404 .tour-swiper .swiper {width:38vw;height:28.88vw;}
.section-2025122404 .tour-swiper .swiper-slide {width:38vw;height:28.88vw;}
.section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {width:60vw !important;height:38.75vw;}
.section-2025122404 .tour-swiper .swiper-button {left:61vw;}
}
@media screen and (max-width: 920px) {
.section-2025122405 {padding:5em 0;}
.section-2025122405 .product-swiper .swiper {width:100%;}
.section-2025122406 .sectionList {gap:3vw;}
.section-2025122406 .sectionList i {display:none;}
.section-2025122406 .sectionList .sectionItem {width:30vw;height:30vw;}
.section-2025122406 .sectionList .sectionItem:nth-last-child(1),.section-2025122406 .sectionList .sectionItem:nth-last-child(2),.section-2025122406 .sectionList .sectionItem:nth-last-child(3) {margin-top:0;}
.section-2025122407 .sectionTit {width:100%;margin-bottom:0.25em;}
.section-2025122407 .sectionTxt {width:100%;max-width:100%;}
.section-2025122407 .sectionList {gap:2vw 2%;}
.section-2025122407 .sectionList .sectionItem,.section-2025122407 .sectionList .sectionItem.active {width:49%;}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemTit,.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit {padding:0 1em;bottom:2.5em;text-align:left;}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemBtn,.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemBtn {opacity:1;left:1.75em;bottom:2em;right:auto;}
.section-2025122407 .sectionList .sectionItem .itemTxt:before {height:100%;}
.section-2025122408 {padding:5em 0;}
.section-2025122408 .sectionTit {width:100%;margin-bottom:0.25em;}
.section-2025122408 .sectionCon {width:100%;max-width:100%;}
.section-2025122409 {padding-bottom:5em;}
.section-2025122409 .fiedle-swiper .swiper {width:100%;height:auto;}
.section-2025122409 .fiedle-swiper .swiper-slide,.section-2025122409 .fiedle-swiper .swiper-slide-next {width:100% !important;height:auto;top:0;}
.section-2025122410 {padding:5em 0;}
.section-2025122410 .listLeft {max-width:100%;width:100%;margin-bottom:2em;}
.section-2025122410 .listLeft .itemImg {height:45vw;}
.section-2025122410 .line {display:none;}
.section-2025122410 .listRight {max-width:100%;width:100%;}
.section-2025122410 .listRight .listItem {padding:1.25em 1.75em;}
.section-2025122411 {padding:5em 0;}
.touch-form .form-input {width:100%;}
.footer-2025122400 {padding:5em 0 0;background-size:auto 100%;}
.footer-2025122400 .footLogo {margin-bottom:3.5em;}
.footer-2025122400 .foot_con {width:100%;margin-bottom:3em;}
.footer-2025122400 .foot_con .info {font-size:1.375em;}
.footer-2025122400 .foot_share {font-size:1.25em;}
.footer-2025122400 .foot_link {max-width:unset;width:100%;font-size:1.125em;}
.footer-2025122400 .foot_link .m_name {display:block;line-height:1;color:#000;position:relative;margin-bottom:0;font-size:1.25em;background:none;padding:1.25em 0;border-bottom:1px solid var(--text);border-radius:0;}
.footer-2025122400 .foot_link .m_name span {position:absolute;top:0;right:0;line-height:3.5em;text-align:center;width:3.5em;height:3.5em;transition:all 0.5s;}
.footer-2025122400 .foot_link.m_toggle.active .m_name span {transform:rotate(45deg);}
.footer-2025122400 .foot_link .toggle_con {display:none;padding:2em 0 0;}
.footer-2025122400 .foot_link .toggle_con .item {padding-bottom:0;border-bottom-width:0;}
.footer-2025122400 .foot_link .toggle_con .item .tit {display:none;}
.footer-2025122400 .foot_link .toggle_con .item .a {font-size:1.25em;}
.footer-2025122400 .foot_link .item {width:100%;border-right-width:0;border-bottom:1px solid #dddddd;}
.footer-2025122400 .foot_form {width:100%;margin-top:2em;font-size:1.125em;}
.footer-2025122400 .footer_copyright {font-size:1.25em;}
}
@media screen and (max-width: 680px) {
.banner-2025122402 .swiperImg {height:20em;}
.banner-2025122402 .swiperTxt .swiperTit {font-size:2.25em;margin-bottom:0.75em;}
.banner-2025122402 .swiperTxt .swiperBtn {font-size:1.125em;}
.section-2025122403 {padding:2.5em 0 5em;}
.section-2025122403 .boxTxt .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.section-2025122403 .sectionList .item {width:100%;font-size:1.25em;}
.section-2025122403 .sectionList .line {display:none;}
.section-2025122404 {padding:3.5em 0;}
.section-2025122404 .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.section-2025122404 .tour-swiper {width:100%;height:auto;padding:0;left:0;}
.section-2025122404 .tour-swiper .swiper {width:100%;height:auto;}
.section-2025122404 .tour-swiper .swiper-slide {padding:1em;width:100%;height:auto;}
.section-2025122404 .tour-swiper .swiper-slide.swiper-slide-active {width:100% !important;height:auto;}
.section-2025122404 .tour-swiper .tourItem .tourTxt .tourTit {font-size:1.5em;}
.section-2025122405 {padding:3.5em 0;}
.section-2025122405 .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.section-2025122405 .sectionCon {margin-bottom:1em;}
.section-2025122405 .product-swiper .swiper-slide {padding:1.25em;}
.section-2025122405 .product-swiper .productItem .productImg {width:100%;height:72vw;}
.section-2025122406 .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.75em;}
.section-2025122406 .sectionList {gap:3em;}
.section-2025122406 .sectionList .sectionItem {width:25em;height:25em;padding-top:5em;}
.section-2025122406 .sectionList .sectionItem .itemImg {padding-bottom:1em;}
.section-2025122406 .sectionList .sectionItem .itemImg img {width:4em;height:4em;}
.section-2025122406 .sectionList .sectionItem .itemTxt .itemTit {font-size:1.75em;}
.section-2025122406 .sectionList .sectionItem .itemTxt .itemCon {font-size:1.375em;}
.section-2025122406 {padding-bottom:5em;}
.section-2025122407 {padding:3.5em 0;}
.section-2025122407 .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.section-2025122407 .sectionHead {margin-bottom:2em;}
.section-2025122407 .sectionList .sectionItem,.section-2025122407 .sectionList .sectionItem.active {width:100%;height:64vw;}
.section-2025122408 {padding:3.5em 0;}
.section-2025122408 .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.section-2025122408 .sectionHead {margin-bottom:2em;}
.section-2025122408 .sectionItem .itemLeft {width:100%;}
.section-2025122408 .sectionItem .itemRight {width:100%;}
.section-2025122408 .sectionItem .itemImg {width:100% !important;height:auto;margin-bottom:1em;}
.section-2025122409 {padding-bottom:3.5em;}
.section-2025122409 .sectionHead {margin-bottom:1em;}
.section-2025122409 .sectionTit {font-size:2.5em;display:block;width:100%;margin-bottom:0.75em;}
.section-2025122409 .sectionCon {width:100%;margin-bottom:0;}
.section-2025122409 .swiper-button {display:none;}
.section-2025122410 {padding:3.5em 0;}
.section-2025122410 .sectionHead {margin-bottom:1em;}
.section-2025122410 .sectionTit {width:100%;font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.section-2025122411 .formName {font-size:2.5em;display:block;width:100%;margin-bottom:0.25em;}
.touch-form {padding:2.25em 2em;}
}
.nav_modal {display:none;font-size:1em;position:fixed;z-index: 1004;}
.language_modal {position:fixed;top: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;}
.language_modal_title {position:relative;}
.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;}
.language_modal_title .language_close {display:block;width:3.125em;height:3.125em;line-height:3.125em;text-align:center;cursor:pointer;position:absolute;top:1em;right:1.5em;padding:0.5em;}
.language_con {padding:1.875em;position:absolute;top:5.625em;left:0;right:0;bottom:2.5em;overflow:hidden;overflow-y:auto;}
.language_modal_title .language_close svg {fill:var(--text);transition:all 0.4s;}
.language_modal_title .language_close:hover svg {fill:var(--theme);}
.active_locale_v {position:absolute;left:0;bottom:0;width:100%;height:2.5em;line-height:2.5em;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.language_modal_a {display:block;float:left;width:16.6666%;padding:1em 0.625em;transition:all 0.4s;}
.language_modal_a span {display:block;overflow:hidden;text-overflow:ellipsis;line-height:2em;font-size:0.9375em;text-align:center;white-space:nowrap;}
.language_modal_a.font-color span,.language_modal_a:hover span {color:var(--theme);}
.language_modal_a div {background-image:url(../images/languages_icon.png);background-size:28.125em auto;width:3.125em;height:1.875em;margin:0 auto;}
.language_modal_a .icon-af {background-position:0 0;}
.language_modal_a .icon-am {background-position:-3.125em 0;}
.language_modal_a .icon-ar {background-position:0 -1.875em;}
.language_modal_a .icon-az {background-position:-3.125em -1.875em;}
.language_modal_a .icon-be {background-position:0 -3.75em;}
.language_modal_a .icon-bg {background-position:-3.125em -3.75em;}
.language_modal_a .icon-bn {background-position:-7.5em 0;}
.language_modal_a .icon-bs {background-position:-6.25em -1.875em;}
.language_modal_a .icon-ca {background-position:-6.25em -3.75em;}
.language_modal_a .icon-ceb {background-position:0 -5.625em;}
.language_modal_a .icon-co {background-position:-3.125em -5.625em;}
.language_modal_a .icon-cs {background-position:-6.25em -5.625em;}
.language_modal_a .icon-cy {background-position:0 -7.5em;}
.language_modal_a .icon-da {background-position:-3.125em -7.5em;}
.language_modal_a .icon-de {background-position:-6.25em -7.5em;}
.language_modal_a .icon-el {background-position:-9.375em 0;}
.language_modal_a .icon-en {background-position:-9.375em -1.875em;}
.language_modal_a .icon-eo {background-position:-9.375em -3.75em;}
.language_modal_a .icon-es {background-position:-9.375em -5.625em;}
.language_modal_a .icon-et {background-position:-9.375em -7.5em;}
.language_modal_a .icon-eu {background-position:0 -9.375em;}
.language_modal_a .icon-fa {background-position:-3.125em -9.375em;}
.language_modal_a .icon-fi {background-position:-6.25em -9.375em;}
.language_modal_a .icon-fr {background-position:-9.375em -9.375em;}
.language_modal_a .icon-fy {background-position:-12.5em 0;}
.language_modal_a .icon-ga {background-position:-12.5em -1.875em;}
.language_modal_a .icon-gd {background-position:-12.5em -3.75em;}
.language_modal_a .icon-gl {background-position:-12.5em -5.625em;}
.language_modal_a .icon-gu {background-position:-12.5em -7.5em;}
.language_modal_a .icon-ha {background-position:-12.5em -9.375em;}
.language_modal_a .icon-haw {background-position:0 -11.25em;}
.language_modal_a .icon-hi {background-position:-3.125em -11.25em;}
.language_modal_a .icon-hmn {background-position:-6.25em -11.25em;}
.language_modal_a .icon-hr {background-position:-9.375em -11.25em;}
.language_modal_a .icon-ht {background-position:-12.5em -11.25em;}
.language_modal_a .icon-hu {background-position:0 -13.125em;}
.language_modal_a .icon-hy {background-position:-3.125em -13.125em;}
.language_modal_a .icon-id {background-position:-6.25em -13.125em;}
.language_modal_a .icon-ig {background-position:-9.375em -13.125em;}
.language_modal_a .icon-is {background-position:-12.5em -13.125em;}
.language_modal_a .icon-it {background-position:-15.625em 0;}
.language_modal_a .icon-iw {background-position:-15.625em -1.875em;}
.language_modal_a .icon-ja {background-position:-15.625em -3.75em;}
.language_modal_a .icon-jv {background-position:-15.625em -5.625em;}
.language_modal_a .icon-jw {background-position:-15.625em -7.5em;}
.language_modal_a .icon-ka {background-position:-15.625em -9.375em;}
.language_modal_a .icon-kk {background-position:-15.625em -11.25em;}
.language_modal_a .icon-km {background-position:-15.625em -13.125em;}
.language_modal_a .icon-kn {background-position:0 -15em;}
.language_modal_a .icon-ko {background-position:-3.125em -15em;}
.language_modal_a .icon-ku {background-position:-6.25em -15em;}
.language_modal_a .icon-ky {background-position:-9.375em -15em;}
.language_modal_a .icon-la {background-position:-12.5em -15em;}
.language_modal_a .icon-lb {background-position:-15.625em -15em;}
.language_modal_a .icon-lo {background-position:0 -16.875em;}
.language_modal_a .icon-lt {background-position:-3.125em -16.875em;}
.language_modal_a .icon-lv {background-position:-6.25em -16.875em;}
.language_modal_a .icon-mg {background-position:-9.375em -16.875em;}
.language_modal_a .icon-mi {background-position:-12.5em -16.875em;}
.language_modal_a .icon-mk {background-position:-15.625em -16.875em;}
.language_modal_a .icon-ml {background-position:-18.75em 0;}
.language_modal_a .icon-mn {background-position:-18.75em -1.875em;}
.language_modal_a .icon-mr {background-position:-18.75em -3.75em;}
.language_modal_a .icon-ms {background-position:-18.75em -5.625em;}
.language_modal_a .icon-mt {background-position:-18.75em -7.5em;}
.language_modal_a .icon-my {background-position:-18.75em -9.375em;}
.language_modal_a .icon-ne {background-position:-18.75em -11.25em;}
.language_modal_a .icon-nl {background-position:-18.75em -13.125em;}
.language_modal_a .icon-no {background-position:-18.75em -15em;}
.language_modal_a .icon-ny {background-position:-18.75em -16.875em;}
.language_modal_a .icon-pa {background-position:0 -18.75em;}
.language_modal_a .icon-pl {background-position:-3.125em -18.75em;}
.language_modal_a .icon-ps {background-position:-6.25em -18.75em;}
.language_modal_a .icon-pt {background-position:-9.375em -18.75em;}
.language_modal_a .icon-ro {background-position:-12.5em -18.75em;}
.language_modal_a .icon-ru {background-position:-15.625em -18.75em;}
.language_modal_a .icon-sd {background-position:-18.75em -18.75em;}
.language_modal_a .icon-si {background-position:-21.875em 0;}
.language_modal_a .icon-sk {background-position:-21.875em -1.875em;}
.language_modal_a .icon-sl {background-position:-21.875em -3.75em;}
.language_modal_a .icon-sm {background-position:-21.875em -5.625em;}
.language_modal_a .icon-sn {background-position:-21.875em -7.5em;}
.language_modal_a .icon-so {background-position:-21.875em -9.375em;}
.language_modal_a .icon-sq {background-position:-21.875em -11.25em;}
.language_modal_a .icon-sr {background-position:-21.875em -13.125em;}
.language_modal_a .icon-st {background-position:-21.875em -15em;}
.language_modal_a .icon-su {background-position:-21.875em -16.875em;}
.language_modal_a .icon-sv {background-position:-21.875em -18.75em;}
.language_modal_a .icon-sw {background-position:0 -20.625em;}
.language_modal_a .icon-ta {background-position:-3.125em -20.625em;}
.language_modal_a .icon-te {background-position:-6.25em -20.625em;}
.language_modal_a .icon-tg {background-position:-9.375em -20.625em;}
.language_modal_a .icon-th {background-position:-12.5em -20.625em;}
.language_modal_a .icon-tl {background-position:-15.625em -20.625em;}
.language_modal_a .icon-tr {background-position:-18.75em -20.625em;}
.language_modal_a .icon-uk {background-position:-21.875em -20.625em;}
.language_modal_a .icon-ur {background-position:0 -22.5em;}
.language_modal_a .icon-uz {background-position:-3.125em -22.5em;}
.language_modal_a .icon-vi {background-position:-6.25em -22.5em;}
.language_modal_a .icon-xh {background-position:-9.375em -22.5em;}
.language_modal_a .icon-yi {background-position:-12.5em -22.5em;}
.language_modal_a .icon-yo {background-position:-15.625em -22.5em;}
.language_modal_a .icon-zh-CN {background-position:-18.75em -22.5em;}
.language_modal_a .icon-zh-TW {background-position:-21.875em -22.5em;}
.language_modal_a .icon-zu {background-position:-25em 0;}
@media all and (max-width:767px) {
.language_modal_title span {font-size:1.25em;height:4.5em;padding:1em 4em 0 2em;line-height:1.5;}
.language_modal_a {width:25%;}
}
form .btn {cursor:pointer;}
.video.vp-a {display:block;overflow:hidden;position:relative;cursor:pointer;}
.video.vp-a img {transition:all 0.75s;width:100%;}
.video.vp-a:hover img {transform:scale(1.1);}
.YouTubePopUp-Wrap {position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);background-color:rgb(0 0 0 / 80%);top:0;left:0;z-index:10000;}
.Video-PopUp-Content {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:center;-webkit-justify-content:center;width:100%;height:100%;}
.vp-flex {max-width:800px;width:100%;height:450px;max-height:90%;margin:0 40px;position:relative;background-color:#000;}
.vp-flex iframe,.vp-flex video {width:100%;height:100%;max-width:100%!important;max-height:100%;min-width:100%;min-height:100%;margin:0!important;padding:0!important;outline:none!important;display:block;border:5px solid #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);-moz-box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);-webkit-box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);background-color:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.YouTubePopUp-Close {position:absolute;top:0;cursor:pointer;left:-30px;margin:auto 0;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;font-weight:300;width:26px;height:26px;background:url(../images/close.png) no-repeat center;background-size:100%;}
.YouTubePopUp-Close:hover {opacity:.5;}
.vp-flex.vp-flex-no-border iframe,.vp-flex.vp-flex-no-border video {padding:0!important;border:0!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;}
.vp-flex-no-border.vp-vt-locally,.vp-flex-no-border.vp-vt-vimeo {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.video-popup-animation {position:absolute;top:50%;left:50%;width:3.75em;height:3.75em;margin-left:-1.875em;margin-top:-1.875em;border-radius:50%;background:rgb(255 255 255 / 50%);padding:1.125em;transition:all 0.35s;}
.video-popup-animation svg {position:relative;z-index:1;width:1.5em;height:1.5em;left:0.125em;}
.video-popup-animation svg path {transition:all 0.35s;}
.video-popup-animation:after {content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgb(255 255 255 / 50%);animation:video_pulse_animation_outside ease-out 2s infinite;}
@keyframes video_pulse_animation_outside {
0% {transform:scale(1);opacity:1}
to {transform:scale(2);opacity:0}
}
.video-popup-animation:hover, .video-popup-animation:hover:after {
background: var(--minor);
}
.video-popup-animation:hover svg path {fill:#fff;}
@media all and (max-width:767px) {
.vp-flex,.Video-PopUp-Content .vp-flex {max-width:480px!important;height:270px!important;}
.video.vp-a:before {background-size:40px;}
}
@media all and (max-width:320px) {
.vp-flex,.Video-PopUp-Content .vp-flex {max-width:240px!important;height:140px!important;}
}
@media all and (min-width:1030px) {
.banner_buttons {top:-500px;}
}
@media all and (max-width:1440px) {
.banner_buttons {top:-250px;}
}
#translate {
display: none;
}
.header-2025122401 {
position: fixed;
left: 0;
top: 0;
z-index: 1000;
width: 100%;
background: #ffffff;
transition: all 0.5s;
}
.header.is_bg {
top: -3em;
}
.header.is_bg .head_con .head_logo {
height: 3.1875rem;
}
.header.is_bg .head_con .head_logo img {
height: 3.1875rem;
padding: 0 0 .8rem 0;
}
.header.is_bg .head_con .navbar .megamenu>a{
padding:1.5em 0.25em 1.5em;
}
.header-h {
width: 100%;
height: 7.5em;
}
.PageBanner {
position: relative;
}
.BannerImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.PageBanner .txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.BannerTitle {
color: #fff;
font-size: 3.25em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: .0625em;
}
.AboutFiedle {
padding: 8.125em 0 5.625em ;
background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}
.AboutFiedleTit h2 {
font-size: 3.25em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: .0625em;
}
.AboutFiedleTit p {
font-size: 1.375em;
text-align: center;
margin-bottom: 2em;
}
.AboutFiedleFlex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.AboutFiedleItem {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.AboutFiedleItemImg {
width: 2em;
height: 2em;
overflow: hidden;
}
.AboutFiedleItemImg img {
width: 100%;
height: 100%;
object-fit: contain;
}
.AboutFiedleTitText .itemNum span.counter {
font-size: 2.25em;
line-height: 1;
color: var(--minor);
font-weight: 500;
}
.AboutFiedleTitText .itemNum i {
font-size: 2.25em;
line-height: 1;
display: inline-block;
color: var(--minor);
font-style: normal;
font-weight: 500;
}
.AboutFiedleTitText {
margin-left: 1.25em;
}
.AboutFiedleTitText .itemNum span:last-child {
font-size: 1.125em;
font-weight: 600;
padding-left: .2em;
}
.AboutFiedleTitText .itemNum {
margin-bottom: 0.625em;
}
.itemText p {
display: block;
font-size: 1.125em;
margin-left: .2em;
}
.AboutFiedleContentFl {
width: 47.5em;
margin-top: 1.5em;
}
.AboutFiedleContentFr {
width: 46.5625em;
}
.AboutFiedleContentFr .boxImg {
box-shadow: 5px 10px 21px 10px rgba(5, 17, 17, 0.1);
}
.AboutFiedleContent {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 3.75em;
}
.AboutFiedleContentFl h2 {
font-size: 1.5em;
padding-bottom: 1em;
}
.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;
}
section.AboutFactory {
padding: 8.125em 0 0;
}
/* 容器整体布局 */
.AboutFactoryFlex {
display: flex;
gap: 0.625em; /* 10px 间距 */
height: 40em;
}
/* 左侧大图占比布局 */
.AboutFactoryFlex .AboutFactoryItem:nth-child(1) {
flex: 2; /* 占据 2 份宽度 */
}
/* 右侧两个纵向列占比布局 */
.AboutFactoryFlex .AboutFactoryItem:nth-child(n+2) {
flex: 1; /* 各占据 1 份宽度 */
display: flex;
flex-direction: column;
gap: 0.625em;
}
/* 右侧小盒子各占一半高度 */
.AboutFactoryBox {
flex: 1;
}
/* 统一内部 tourItem 样式 */
.AboutFactory .tourItem {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.AboutFactory .tourImg, .AboutFactory .tourImg a, .AboutFactory .tourImg img {
width: 100%;
height: 100%;
display: block;
}
.AboutFactory .tourImg img {
object-fit: cover; /* 保证图片铺满不变形 */
transition: transform 0.5s;
}
.AboutFactory .tourItem:hover .tourImg img {
transform: scale(1.1); /* 悬停缩放效果 */
}
/* 文字遮罩样式 */
.AboutFactory .tourTxt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4); /* 初始统一灰色遮罩 */
color: #fff;
padding: 2em;
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: center; /* 初始居中 */
align-items: center; /* 初始居中 */
text-align: center;
z-index: 10;
/* 核心过渡：使用更高级的贝塞尔曲线，让位移看起来有弹性 */
transition:
background 0.6s ease,
padding 0.7s cubic-bezier(0.22, 1, 0.36, 1),
justify-content 0s,
align-items 0s;
}
.AboutFactory .tourTit {
font-size: 1.875em;
color: #fff;
text-decoration: none;
font-weight: 500;
margin-bottom: 0.5em;
display: block;
position: relative;
z-index: 1012;
}
.AboutFactory .tourTxt::after {
content: "";
width: 2.75em;
height: 0.4375em;
background: var(--minor);
display: block;
}
.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
padding: 1.875em;
}
section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt {
background: linear-gradient(to top, rgb(0 0 0 / 30%) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 50%);
}
section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after {
display: none;
}
/* 确保第一张大图没有任何特殊强制样式，彻底和小图同步 */
section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt,
.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt {
justify-content: center ;
align-items: center ;
text-align: center;
background: rgba(0, 0, 0, 0.4) ;
padding: 2em ;
}
.AboutFactory .tourTxt::after,
section.AboutFactory .AboutFactoryItem:nth-child(1) .tourTxt::after {
content: "";
width: 2.75em;
height: 0.4375em;
background: var(--minor);
display: block !important; /* 强制显示 */
transition: all 0.6s ease;
opacity: 1;
}
/* 初始状态的小横条 */
.AboutFactory .tourTxt::after {
content: "";
width: 2.75em;
height: 0.4375em;
background: var(--minor);
display: block;
opacity: 1;
}
/* 统一标题和小横条的初始过渡 */
.AboutFactory .tourTit,
.AboutFactory .tourTxt::after {
transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
transform: translate(0, 0); /* 初始无位移 */
}
/* --- 2. 悬停状态（Hover）：漂亮的过渡到右下角 --- */
.AboutFactory .tourItem:hover .tourTxt {
background: unset !important;
justify-content: flex-end !important;
align-items: flex-end !important;
text-align: right !important;
padding: 1.5em 1.5em .5em !important;
background-image: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 20%) 30%, rgb(0 0 0 / 0%) 100%) !important;
}
/* 悬停时小横条的“漂亮”处理：淡淡消失并向下轻移 */
.AboutFactory .tourItem:hover .tourTxt::after {
opacity: 0;
transform: translateY(20px);
margin-top: 0;
height: 0;
}
/* 补充：背景图的轻微缩放，增加呼吸感 */
.AboutFactory .tourItem .tourImg img {
transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.AboutFactory .tourItem:hover .tourImg img {
transform: scale(1.1);
}
.AboutFactoryView a {
font-size: 1.25em;
text-transform: math-auto;
}
.AboutFactoryView {
display: flex;
justify-content: center;
margin-top: 3.75em;
}
section.AboutPartners {
padding: 8.125em 0 0;
background: url(../images/mapbg.png) no-repeat center top;
background-size: contain;
text-align: center;
background-position-y: 5em;
height: 62.25em;
}
.PartnerMain {
position: relative;
width: 100%;
height: 38em; /* 必须给容器高度，否则绝对定位会塌陷 */
margin: 0 auto;
max-width: 85em;
}
.PItem {
position: absolute;
width: 14.625em;
transition: all 0.4s;
z-index: 1;
height: 13em;
}
.PItem img {
width: 100%;
height: auto;
display: block;
/* 图片自带阴影，不需要额外写 drop-shadow */
}
.PItem:hover {
transform: scale(1.05);
z-index: 10;
}
.p1 {
top: 8.5em;
left: 20em;
}
.p2 {
top: 1.5em;
left: 8em;
}
.p3 {
top: 8.5em;
left: -4em;
}
.p4 {
top: 1.5em;
left: 32em;
}
.p5 {
top: 15.5em;
left: 32em;
}
.p6 {
top: 0.5em;
left: 46em;
width: 7.8125em;
height: 6.9375em;
}
.p7 {
top: 8.5em;
left: 44em;
}
.p8 {
top: 1.5em;
left: 56em;
}
.p9 {
top: 8.5em;
left: 67.5em;
}
.p10 {
top: 22.5em;
left: 20em;
}
.p11 {
top: 0.5em;
left: 1em;
width: 7.75em;
height: 6.875em;
}
.p12 {
top: 15em;
left: 15.5em;
width: 4.5em;
height: 4em;
}
.p13 {
top: 15em;
left: 58.5em;
width: 4.5em;
height: 4em;
}
section.AboutCertifications {
padding: 5em 0 3.75em;
background: url(../images/acbg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cert-full-box {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 3.125em 0 0;
}
.cert-swiper {
width: 100%;
padding-bottom: 3.125em;
overflow: visible;
}
/* * Slide 基础样式
*/
.cert-swiper .swiper-slide {
/* 默认高度和宽度由 Swiper JS 计算，这里只需处理内部内容 */
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-out; /* 关键：平滑过渡动画 */
/* 默认状态：缩小，透明度降低 */
transform: scale(0.85);
z-index: 1;
}
.cert-swiper .swiper-slide .cert-item {
width: 100%;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
position: relative;
}
/* 模拟图片样式 (如果您的图片无法加载，这会显示色块) */
.cert-swiper .swiper-slide .cert-item img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3/4; /* 强制图片比例，防止高度塌陷 */
object-fit: cover;
}
/* * =================================================================
* 核心逻辑：使用 CSS 选择器实现 "双C位" + "堆叠" + "中间间隔"
* =================================================================
*/
/* --- 1. 基础堆叠位置调整 (两侧) --- */
/* 左侧边缘 (Active) */
.cert-swiper .swiper-slide-active {
transform: scale(0.85) translateX(-15%) translateY(10%);
z-index: 1;
}
/* 左侧内部 (Active + 1) */
.cert-swiper .swiper-slide-active + .swiper-slide {
transform: scale(1) translateX(-20%) translateY(5%);
z-index: 5;
}
/* 右侧内部 (Active + 4) */
.cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
transform: scale(0.95) translateX(15%) translateY(5%);
z-index: 5;
}
/* 右侧边缘 (Active + 5) */
.cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
transform: scale(0.85) translateX(5%) translateY(10%);
z-index: 1;
}
.cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide {
transform: scale(1.15) translateX(-12%);
opacity: 1;
z-index: 10;
}
.cert-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
transform: scale(1.15) translateX(10%);
opacity: 1;
z-index: 10;
}
.cert-prev, .cert-next {
width: 2.5em;
height: 2.5em;
background: rgb(0 0 0 / 30%);
z-index: 20;
border-radius: .25em;
}
.cert-prev {
left: 28em;
}
.cert-next {
right: 26.5em;
}
.cert-prev:after, .cert-next:after {
font-size: 1.125em;
font-weight: bold;
color: #ffffff;
}
.AboutCertificationsTips {
text-align: center;
color: #4b4b4b;
font-size: 1em;
margin-top: 1em;
}
.cert-dots {
bottom: 0 !important;
position: relative;
margin-top: 2em;
}
/* 未激活的圆点样式 */
.cert-dots .swiper-pagination-bullet {
width: 0.8em;
height: 0.8em;
background: #888888; /* 灰色 */
opacity: 1;
margin: 0 0.4em !important;
transition: all 0.3s;
}
/* 激活状态的圆点样式 */
.cert-dots .swiper-pagination-bullet-active {
background: #f1c40f; /* 这里的黄色请根据你设计稿的品牌色微调，参考值：#FFC107 或 #f1c40f */
width: 0.8em;
}
section.AboutTrusted {
padding: 8.125em 0 ;
}
.AboutTrustedFlex {
margin-top: 2.5em; /* 40px */
}
.AboutTrustedItem {
width: 49.5%; /* 两列布局，中间留 2% 间距 */
position: relative;
overflow: hidden;
}
.AboutTrustedBox .img {
display: block;
width: 100%;
position: relative;
overflow: hidden;
background: #eee;
}
.AboutTrustedBox .img img {
width: 100%;
height: auto;
display: block;
transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
}
.AboutTrustedBottom {
position: relative;
margin-top: .9375em;
padding-bottom: 3.25em;
}
.trust-slide-item {
overflow: hidden;
}
.trust-slide-item img {
width: 100%;
display: block;
transition: 0.5s;
height: 15.5em;
object-fit: cover;
}
.trust-slide-item:hover img {
transform: scale(1.05);
}
/* 导航按钮样式修改 */
.AboutTrustedBottom .swiper-button-prev,
.AboutTrustedBottom .swiper-button-next {
width: 2.5em;
height: 2.5em;
background: rgba(0, 0, 0, 0.3);
color: #fff;
margin-top: -3em; /* 向上微调位置 */
border-radius: .25em;
}
.AboutTrustedBottom .swiper-button-prev:after,
.AboutTrustedBottom .swiper-button-next:after {
font-size: 1.2em;
}
.AboutTrustedBottom .swiper-button-prev {
left: -4em;
}
.AboutTrustedBottom .swiper-button-next { right: -4em; }
/* 分页器颜色修改：黄色激活 + 灰色未激活 */
.AboutTrustedBottom .trusted-dots {
bottom: 0 !important;
}
.AboutTrustedBottom .trusted-dots .swiper-pagination-bullet {
background: #888;
opacity: 1;
width: 0.8em;
height: 0.8em;
margin: 0 0.4em !important;
}
.AboutTrustedBottom .trusted-dots .swiper-pagination-bullet-active {
background: #f1c40f;
}
section.OEMODM {
padding: 8.125em 0 5.625em;
background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}
.OEMODMImg img {
box-shadow: 6px 2px 21px 2px rgba(0, 0, 0, 0.2);
}
.OEMODMFlex {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 3em;
}
.OEMODMFl {
width: 44.5625em;
}
.OEMODMFr {
width: 52.5em;
}
.OEMODMFr .AboutFiedleTit h2 {
text-align: left;
}
.OEMODMFr .AboutFiedleTit p {
text-align: left;
margin-top: .875em;
margin-bottom: 0;
}
.oem-accordion {
margin-top: 5em;
}
.oem-acc-item.active {
border-bottom: 1px solid #b4b4b4;
}
.oem-acc-head {
padding: 1.5em 0;
cursor: pointer;
transition: all 0.3s;
border-bottom: 1px solid #b4b4b4;
}
.oem-acc-head h3 {
font-size: 1.5em; /* 24px */
letter-spacing: 0.05em;
}
/* 激活状态或者悬停时标题变黄 */
.oem-acc-item.active .oem-acc-head h3,
.oem-acc-head:hover h3 {
color: #f1c40f; /* 品牌黄 */
}
/* 右侧加号/减号图标实现 */
.icon-plus {
width: 1.25em;
height: 1.25em;
position: relative;
}
.icon-plus::before, .icon-plus::after {
content: '';
position: absolute;
background: #333;
transition: all 0.3s;
}
.icon-plus::before {
width: 100%; height: 2px; top: 50%; margin-top: -1px;
}
.icon-plus::after {
height: 100%; width: 2px; left: 50%; margin-left: -1px;
}
/* 激活时加号变减号（旋转或隐藏 after） */
.oem-acc-item.active .icon-plus::after {
transform: rotate(90deg);
opacity: 0;
}
.oem-acc-item.active .icon-plus::before {
background: #f1c40f;
}
/* 内容区域样式 */
.oem-acc-body {
display: none; /* 默认隐藏 */
padding: 1em 0 2.5em;
}
.oem-acc-con h4 {
font-weight: 500;
font-size: 1.125em; /* 18px */
margin: 1.5em 0 0.8em;
}
/* 截图中的黄色圆点 */
.oem-acc-con h4::before {
content: '';
width: 0.6em;
height: 0.6em;
background: #f1c40f;
border-radius: 50%;
margin-right: 0.8em;
display: inline-block;
}
.oem-acc-con p {
line-height: 1.6;
}
.oem-list {
list-style: none;
}
.oem-list li {
margin-bottom: 0.5em;
color: #333;
}
.OEMODMImg img {
width: 100%;
height: 56.875em;
object-fit: cover;
}
section.Options {
padding: 8.125em 0 0;
}
.options-tabs-box {
margin: 2em 0 3em;
}
.options-tabs .tab-item {
font-size: 1.625em;
cursor: pointer;
transition: all 0.3s;
position: relative;
font-weight: 500;
}
.options-tabs .tab-item:hover,
.options-tabs .tab-item.active {
color: #f7d23e;
}
.options-tabs .tab-item::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: #f7d23e;
transition: width 0.3s;
}
.options-tabs .tab-item.active::after {
width: 100%;
}
.options-tabs .tab-line {
margin: 0 1.5em;
font-size: 1.1em;
}
.options-swiper-wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.optionsSwiper {
width: 100%;
height: auto;
}
.opt-content {
position: relative;
width: 100%;
}
.opt-img {
width: 100%;
overflow: hidden;
}
.opt-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.optionsSwiper .swiper-slide-active .opt-txt {
opacity: 1;
}
.opt-txt {
position: absolute;
bottom: 0;
color: #fff;
z-index: 2;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
width: 100%;
margin: 0 auto;
padding: 0 3.125em;
opacity: 0;
background-image: linear-gradient(0deg, rgb(0 0 0 / 41%) 0%, rgb(0 0 0 / 40%) 25%, rgb(0 0 0 / 0%) 100%);
padding-bottom: 3.125em;
}
.opt-txt h3 {
font-size: 2.125em; /* 36px */
margin-bottom: 0.5em;
font-weight: bold;
}
.opt-next {
right: 13em;
}
.opt-prev {
left: 13em;
}
.opt-txt p {
font-size: 1.375em; /* 18px */
opacity: 0.9;
}
.opt-next, .opt-prev {
width: 3.125em;
height: 3.125em;
background: rgb(255 255 255 / 50%);
color: #fff !important;
border-radius: .25em;
}
.opt-next::after, .opt-prev::after {
font-size: 1.25em;
}
.opt-next:hover, .opt-prev:hover {
background: #f7d23e;
}
.optionsSwiper .swiper-slide {
transition: all 0.6s ease;
position: relative;
transform: scale(1);
opacity: 1;
}
.optionsSwiper .swiper-slide::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); /* 阴影颜色和深度，0.5代表50%黑 */
transition: opacity 0.8s ease; /* 动画时间建议与 Swiper speed 保持一致 */
z-index: 2;
pointer-events: none; /* 保证点击能穿透到下面的图片 */
}
/* 只有中间那个（Active）恢复正常 */
.optionsSwiper .swiper-slide-active {
transform: scale(1);
opacity: 1;
}
.optionsSwiper .swiper-slide-active::after {
opacity: 0;
}
.ProcessItem:hover .ProcessItemImg img {
opacity: 1;
transform: scale(1);
}
section.Process {
padding: 8.125em 0 ;
}
.ProcessFlex {
gap: 3em 3%;
-webkit-box-pack: wrap;
-ms-flex-pack: wrap;
-webkit-justify-content: wrap;
justify-content: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: 5em;
}
.ProcessItem {
position: relative;
width: 31.25%;
height: 16.875em;
overflow: hidden;
border-radius: 1.3125em;
box-shadow: 6px 2px 21px 2px rgba(143, 120, 31, 0.2);
background: #ffffff;
}
.ProcessItemImg img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: all 0.75s;
transform: scale(1.5);
}
.ProcessItemTxt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
}
.ProcessItem:hover .ProcessItemTxt {
background: rgba(0, 0, 0, 0.4);
}
.ProcessItemTxt .icon {
width:2.8125em;
height:2.8125em;
}
.ProcessItemTxt .icon img {
width: 100%;
height: 100%;
display: block;
margin: 0 auto;
object-fit: contain;
}
.ProcessItemTxt h3 {
font-size: 1.5em;
margin: 0.9375em 0;
}
.ProcessItemTxt p {
font-size: 1.25em;
}
.ProcessItem:hover .ProcessItemTxt .icon img {
filter: invert(1);
filter: brightness(1000%) contrast(100%);
filter: brightness(500%) contrast(200%) saturate(0%);
filter: invert(100%) hue-rotate(180deg) saturate(0%) brightness(1000%);
}
.ProcessItem:hover .ProcessItemTxt h3,
.ProcessItem:hover .ProcessItemTxt p {
color: #fff;
}
section.Contact {
padding: 8.125em 0 5em;
background: url(../images/mapbg.png) no-repeat center top;
background-size: cover;
}
.ContactFlex {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 8.125em;
}
.ContactFr {
width: 40em;
}
.ContactFl {
width: 33.75em;
margin-top: 2.1em;
}
.ContactFrFromItme:nth-last-child(2) {
margin-bottom: 0;
}
.ContactFrFrom {
background: #F4F0ED;
border-radius: 0.5625em;
padding: 2.5em 4.0625em 2.5em;
box-shadow: -2px 2px 11px 5px rgba(5, 17, 17, 0.1);
}
.ContactFlList {
margin-top: 3.4375em;
}
.ContactFlItem {
display: flex;
align-items: flex-start;
margin-bottom: 2.1875em;
}
.ContactFlItem img {
width: 1.4375em;
height: auto;
object-fit: contain;
}
.ContactFlItem a {
font-size: 1.375em;
margin-left: 1em;
line-height: 1.5;
margin-top: -.2em;
font-weight: 500;
}
.ContactFlItem a span {
font-weight: 400;
}
.ContactFlItem a:hover {
color: var(--minor);
}
.WItemEwm {
width: 9.375em;
height: 9.375em;
}
.WItemEwm img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ContactFlItemEwm {
display: flex;
gap: 2.5em;
}
section.ContactMap {
margin-top: 1.25em;
padding-bottom: 8.125em;
}
.ContactFrFromTit h2 {
font-size: 1.875em;
}
.ContactFrFromTit p {
font-size: 1.125em;
margin-top: 1.175em;
line-height: 1.7;
}
.ContactFrFrom form {
margin-top: 2.1875em;
}
.ContactFrFromItme input {
width: 100%;
}
/* 联系我们表单样式重写 */
.ContactFrFrom {
padding-top: 2em;
}
.ContactFrFromItme {
margin-bottom: 2.5em;
position: relative;
}
/* 输入框和文本域统一基础样式 */
.ContactFrFromItme input[type="text"],
.ContactFrFromItme input[type="email"],
.ContactFrFromItme input[type="tel"],
.ContactFrFromItme textarea {
width: 100%;
border: none;
border-bottom: 1px solid #e5e5e5; /* 浅灰色下划线 */
padding: 0 0 0.9375em;
font-size: 1.125em;
outline: none;
background: transparent;
transition: all 0.3s;
}
/* 文本域高度 */
.ContactFrFromItme textarea {
height: 8em;
resize: none;
}
/* 焦点状态：下划线变黄 */
.ContactFrFromItme input:focus,
.ContactFrFromItme textarea:focus {
border-bottom-color: #f7d23e;
}
/* Placeholder 颜色修改 */
.ContactFrFromItme input::placeholder,
.ContactFrFromItme textarea::placeholder {
color: #999;
font-size: 1.125em;
}
/* 验证码排列 */
.ContactFrFromCode {
position: relative;
display: flex;
align-items: flex-end;
}
.ContactFrFromCode input {
flex: 1;
}
.ContactFrFromCode img {
margin-left: 2em;
margin-bottom: .9375em;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.ContactFrFromSubmit {
display: inline-block;
font-size: 1.25em;
background: var(--minor);
border-radius: 0.25em;
position: relative;
overflow: hidden;
}
.ContactFrFromItme .ContactFrFromSubmit input {
width: auto;
font-size: 1.25em;
padding: 0.75em 2em;
border-width: 0;
cursor: pointer;
background: transparent;
position: relative;
z-index: 2;
}
.ContactFrFromSubmit:before {
content: "";
position: absolute;
display: block;
transition: all .6s;
width: 100%;
height: 0;
border-radius: 50%;
left: 50%;
top: 50%;
padding-top: 100%;
transform: translateX(-50%) translateY(-50%);
}
.ContactFrFromItme:hover .ContactFrFromSubmit:before {
animation: btn-animation .75s;
z-index: 1;
}
.ContactFrFromItme:hover input {
color: #ffffff;
}
.ContactFrFromItme:last-child {
margin-bottom: 0;
}
.ContactMapImg img {
width: 100%;
display: block;
}
.ContactMapImg {
position: relative;
width: 100%;
overflow: hidden;
}
.ContactMapText {
position: absolute;
left: 43%;
top: 25%;
background: #fff;
padding: 1.5%;
max-width: 28.25em;
border-radius: 0.625em;
z-index: 5;
border: 1px solid #e5e5e5;
}
/* 信息框内的标题 */
.ContactMapText h3 {
font-size: 1.25em; /* 20px */
font-weight: bold;
color: #333;
margin-bottom: 0.6em;
line-height: 1.2;
}
/* 信息框内的地址文字 */
.ContactMapText p {
font-size: 1em; /* 16px */
color: #666;
line-height: 1.6;
}
.RawContent {
margin-top: -8.75em;
max-width: 100%;
width: 90%;
margin: -8.75em auto 0;
position: relative;
z-index: 999;
background: #ffffff;
}
.RawDown {
padding-top: 5em;
text-align: center;
}
.RawDown a img {
display: block;
margin: 0 auto;
}
.RawDown a {
display: block;
margin-bottom: 1.875em;
}
.RawDown p {
font-size: 1.375em;
text-align: center;
margin-bottom: 3em;
font-weight: 500;
}
.RawContent .AboutFiedleTit h2 {
margin-bottom: .25em;
}
.raw-tab-con-wrap {
max-width: 79.375em;
width: 100%;
margin: 0 auto;
}
.raw-tabs-box {
margin-top: 3em;
}
.raw-tab-nav {
margin-bottom: 2.55em;
}
.raw-tab-nav li {
width: 16.25em;
height: 2.8125em;
border: 1px solid #d4d4d4;
border-radius: .5em;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 1.09375em;
transition: all 0.5s;
overflow: hidden;
position: relative;
}
.raw-tab-nav li a {
font-size: 1.375em;
}
.raw-tab-nav li:before {
content: "";
position: absolute;
display: block;
transition: all .6s;
width: 100%;
height: 0;
border-radius: 50%;
left: 50%;
top: 50%;
padding-top: 100%;
transform: translateX(-50%) translateY(-50%);}
.raw-tab-nav li:hover:before {
animation: btn-animation .75s;
z-index: 1;
}
.raw-tab-nav li.active {
background: var(--minor);
border-color: var(--minor);
}
.raw-tab-item {
display: none; /* 默认隐藏 */
animation: fadeIn 0.5s; /* 添加淡入效果 */
}
.raw-tab-item.active {
display: block;
}
.raw-info-txt {
border-bottom: 1px solid #b4b4b4;
padding-bottom: 3.125em;
margin-bottom: 3.125em;
}
.raw-info-txt h3 {
width: 30%;
font-size: 1.875em;
color: var(--minor);
}
.raw-info-txt p {
width: 65%;
font-size: 1.375em;
line-height: 1.6;
}
.raw-imgs .img-box {
width: 48.5%;
overflow: hidden;
box-shadow: 6px 2px 21px 2px rgba(0, 0, 0, 0.2);
}
.raw-imgs .img-box img {
width: 100%;
display: block;
transition: transform 0.5s;
object-fit: cover;
height: 26em;
}
.raw-imgs .img-box:hover img {
transform: scale(1.05);
}
section.Raw {
padding-bottom: 4.375em;
}
.Manufacturing{
padding: 5em 0;
position: relative;
background: url(../images/oemodmBg.jpg) no-repeat center;
background-size: cover;
overflow: hidden;
}
.ManuList {
margin-top: 3em;
}
.ManuItem {
position: relative;
flex: 0 1 31.5%; /* PC端三列，预留一些间距 */
margin: 0.8% 0.9%;
overflow: hidden;
cursor: pointer;
}
.ManuItem .img-box {
width: 100%;
height: 18.75em; /* 300px */
}
.ManuItem .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
}
/* 底部黑色渐变遮罩 */
.ManuItem::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
z-index: 1;
}
.ManuTxt {
position: absolute;
bottom: 1.25em;
left: 1.25em;
color: #fff;
font-size: 1.875em;
font-weight: 500;
z-index: 2;
transition: transform 0.3s;
}
/* Hover 动画效果 */
.ManuItem:hover .img-box img {
transform: scale(1.1);
}
.ManuItem:hover .ManuTxt {
transform: translateX(10px);
}
section.System {
padding: 4.375em 0 0;
}
/* QC System Tabs */
.sys-tabs-box { margin-top: 2.8125em; }
.sys-tab-nav {
max-width: 79.375em;
width: 100%;
margin: 0 auto 2.5em;
}
.sys-tab-nav li {
border-bottom: none;
text-align: center;
height: 2.8125em;
border: 1px solid #d4d4d4;
border-radius: .5em;
cursor: pointer;
margin: 0 1.09375em;
transition: all 0.5s;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0 1.5625em;
}
section.System .AboutFiedleTit h2 {
margin-bottom: .25em;
}
section.Manufacturing .AboutFiedleTit h2 {
margin-bottom: .25em;
}
.sys-tab-nav li a {
font-size: 1.375em;
}
.sys-tab-nav li.active {
background: var(--minor);
border-color: var(--minor);
}
.sys-tab-item { display: none; }
.sys-tab-item.active { display: block; }
.sys-info-box {
border-bottom: 1px solid #b4b4b4;
max-width: 79.375em;
width: 100%;
margin: 0 auto 2.5em;
padding-bottom: 3em;
}
.sys-tit {
font-size: 1.875em;
width: 33%;
font-weight: bold;
line-height: 1.2;
color: var(--minor);
}
.sys-desc {
width: 65%;
font-size: 1.375em;
line-height: 1.6;
}
/* Swiper 样式 */
.sys-swiper-box { position: relative; width: 100%; overflow: hidden; height: 37.5em; }
.sys-swiper-box .sysSwiper { width: 100%; height: 100%; }
.sys-swiper-box .swiper-slide { width: 43.75em; transition: 0.3s; }
.sys-swiper-box .swiper-slide:not(.swiper-slide-active) { transform: scale(0.9); }
.sys-swiper-box .img-box { position: relative; width: 100%; height: 31.25em; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.sys-swiper-box .img-box img { width: 100%; height: 100%; object-fit: cover; }
.qc-name {
position: absolute;
bottom: 1.25em;
left: 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 1.875em;
z-index: 1000;
opacity: 0;
font-weight: 600;
}
.sys-prev {
left: 27.3em;
}
.sys-next {
right: 27.3em;
}
.sys-next, .sys-prev {
margin-top: -3.125em;
transition: 0.3s;
width: 3.125em;
height: 3.125em;
background: rgb(43 43 43 / 35%);
color: #fff !important;
border-radius: .25em;
}
.sys-next:after, .sys-prev:after { font-size: 1.25em !important; color: #fff; }
.sys-next:hover, .sys-prev:hover { background: #eab42a; }
.sys-tab-nav li:before {
content: "";
position: absolute;
display: block;
transition: all .6s;
width: 100%;
height: 0;
border-radius: 50%;
left: 50%;
top: 50%;
padding-top: 100%;
transform: translateX(-50%) translateY(-50%);
}
.sys-tab-nav li:hover:before {
animation: btn-animation .75s;
z-index: 1;
}
.sys-swiper-box .swiper-slide .img-box:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #00000078;
z-index: 1000;
content: "";
}
.sys-swiper-box .swiper-slide.swiper-slide-active .img-box:before {
background: linear-gradient(to top, rgb(0 0 0 / 30%) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 50%);
}
.sys-swiper-box .swiper-slide.swiper-slide-active .qc-name {
opacity: 1;
}
.PackTit .AboutFiedleTit {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.PackTit .AboutFiedleTit h2 {
text-align: left;
}
.PackTit .AboutFiedleTit p {
text-align: left;
}
.Pack {
padding: 0 0 6.25em;
background: linear-gradient(to bottom, #ffffff 50%, #f4f0ed 100%);
}
.PackList { margin-top: 3.75em; gap: 0.9375em; }
.PackItem .img-box {
width: 100%;
height: 35em;
overflow: hidden;
border-radius: 2px;
}
.PackItem .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.PackItem:hover img { transform: scale(1.05); }
section.pos {
height: 3.75em;
line-height: 3.75em;
background: #f4f0ed;
}
.breadcrumb {
display: flex;
align-items: center;
height: 3.75em;
justify-content: flex-start;
}
.breadcrumb img {
width: 1.4375em;
object-fit: contain;
height: auto;
margin-right: 0.625em;
}
.breadcrumb a, .breadcrumb span {
font-size: 1.125em;
font-weight: 500;
margin-right: 0.625em;
}
/* 面包屑搜索框样式 */
.breadcrumb-search {
width: 18.75em; /* 300px */
}
.breadcrumb-search form {
position: relative;
border: 1px solid #333;
border-radius: 2em; /* 圆角矩形 */
padding: 0 1em;
height: 2.25em;
background: transparent;
}
.breadcrumb-search form i.fa-search {
font-size: 0.9em;
color: #333;
margin-right: 0.5em;
}
.breadcrumb-search input {
border: none;
background: transparent;
outline: none;
font-size: 0.9375em;
color: #333;
width: 100%;
height: 100%;
}
.breadcrumb-search input::placeholder {
color: #999;
}
.breadcrumb-search button {
border: none;
background: transparent;
cursor: pointer;
padding: 0;
margin-left: 0.5em;
display: flex;
align-items: center;
}
.breadcrumb-search button i {
font-size: 1em;
color: #333;
transition: 0.3s;
}
.breadcrumb-search button:hover i {
color: var(--minor); /* 悬停颜色 */
}
.CategoryList {
display: flex;
justify-content: center;
height: 10em;
align-items: center;
gap: 5.625em;
}
.CategoryList a {
font-size: 1.625em;
font-weight: 600;
color: #737373;
}
.CategoryList span {
height: 1.625em;
width: 1px;
background: #000000;
display: block;
}
.CategoryList a.active {
color: var(--theme);
}
.QAItem {
width: 47.5%;
background: #f5f5f5;
padding: 2.25em 2.5em;
border-radius: 0 0 4.375em 0;
margin-bottom: 1.875em;
box-sizing: border-box;
margin-right: 5%;
}
.QAItem:nth-child(2n) {
margin-right: 0;
}
.QAHead { position: relative; padding-bottom: 1.25em; }
.icoQ, .icoA {
width: 2em;
height: 2em;
border: 1px solid #333;
border-radius: 50%;
font-weight: 500;
flex-shrink: 0;
margin-right: 1.25em;
}
.QText {
font-size: 1.125em;
font-weight: bold;
color: #333;
flex: 1;
padding-right: 1.5em;
cursor: pointer;
}
.QAItem:hover .QText a {
color: var(--minor);
}
.plus {
font-size: 1.25em;
color: #333;
}
.QABody { margin-top: 0.5em; }
.icoA { border-color: #eab42a; color: #eab42a; } /* 主旋律黄色 */
.AText {
font-size: 1em;
color: #666;
line-height: 1.6;
flex: 1;
}
/* 分页样式 */
.Pagination { gap: 2em; }
.Pagination a {
font-size: 2em;
color: #999;
text-decoration: none;
transition: 0.3s;
position: relative;
}
.Pagination a.num.active {
color: var(--theme);
}
.Pagination a.num.active::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: #333;
}
.Pagination a:hover { color: #eab42a; }
section.FAQ {
padding-bottom: 8.125em;
}
.QAList {
padding-bottom: 8.125em;
padding: 0 6.25em 8.125em;
justify-content: flex-start;
}
.QAItem:nth-child(2) {
margin-right: 0;
}
.StartContent {
background-color: #efefef;
background: url(../images/renbg.png) #efefef no-repeat center;
height: 31.25em;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 8.125em;
}
.StartText.AboutFiedleTit h2 {
text-align: left;
}
.StartText.AboutFiedleTit p {
text-align: left;
margin-top: .3em;
}
.StartContent a {
padding: 0.9375em 1.875em;
}
.StartContent span {
display: block;
font-size: 1.25em;
}
section.Start {
padding-bottom: 8.125em;
}
.NewsList {
justify-content: flex-start; /* 强制左对齐 */
}
/* News List Styles */
.NewsListSection { padding: 4em 0 6em; }
.NewsList { margin-top: 1em; }
.NewsItem { flex-basis: 31.5%;
margin-right: 2.75%; /* 设置右间距 */
margin-bottom: 3.125em; transition: 0.3s; }
.NewsItem:nth-child(3n) {
margin-right: 0;
}
.NewsItem .img-box {
display: block;
width: 100%;
height: 22.5em;
overflow: hidden;
}
.NewsItem .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.NewsCon {
margin-top: 2.5em;
padding: 0 1.875em;
}
.NewsDate {
color: #666;
font-size: 1.125em;
margin-bottom: 1.25em;
gap: .8em;
}
.NewsTit {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 1.375em;
font-weight: 500;
line-height: 1.4;
margin-bottom: 1.5em;
height: 2.8em;
transition: 0.3s;
text-decoration: none;
font-weight: 500;
}
.NewsMore {
display: inline-block;
font-size: 1.125em;
text-decoration: underline;
transition: 0.3s;
}
/* Hover & Active State */
.NewsItem:hover .img-box img { transform: scale(1.05); }
.NewsItem:hover .NewsTit {
color: #eab42a;
/* 使用现代 CSS 属性贴合文字 */
text-decoration: underline;
text-underline-offset: 0.2em; /* 关键：控制下划线到文字底部的距离，实现“贴文字” */
text-decoration-thickness: 1px; /* 控制线条粗细 */
text-decoration-color: #eab42a; /* 控制线条颜色 */
}
.NewsItem:hover .NewsMore,
.NewsItem.active .NewsMore { color: #eab42a; }
/* 辅助类：限制两行文字 */
.line-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* --- Article Detail Page --- */
.ArticleDetail {
padding: 5em 0 8.125em;
}
.ArticleMain {
width: 70.32%;
}
.ArticleTit {
font-size: 1.875em;
font-weight: 600;
text-align: center;
line-height: 1.3;
margin-bottom: 0.6em;
text-transform: uppercase;
color: #333;
}
.ArticleMeta {
gap: 2.5em;
margin-bottom: 3.125em;
}
.meta-item {
gap: 0.5em;
}
.meta-item img {
width: 0.9375em;
height: auto;
}
.meta-item span {
font-size: 0.9375em;
color: #777777;
line-height: 1;
}
.ArticleContent {
font-size: 1.125em;
line-height: 1.8;
text-align: justify;
text-justify: inter-word;
text-align-last: left;
word-break: normal;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
}
.ArticleContent p {
margin-bottom: 1.5em;
}
.ArticleNextPrev {
margin-top: 4.375em;
padding: 3.125em 0;
border-top: 1px solid #bfbfbf ; /* 浅灰色实线分割 */
}
.ArticleNextPrev a {
font-size: 1.125em;
text-decoration: none;
transition: all 0.3s;
max-width: 48%;
flex-shrink: 1;
display: flex;
align-items: center;
overflow: hidden;
font-weight: 600;
}
.ArticleNextPrev .tit {
color: #777;
font-weight: 400;
transition: 0.3s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* 改为 block */
flex: 1; /* 关键：占据剩余所有空间 */
min-width: 0; /* 关键：允许 flex 项目收缩，这才是省略号生效的核心 */
}
/* 修正间距 */
.prev-link .label { margin: 0 0.5em 0 1em; }
.prev-link .tit { margin-left: 0; }
.next-link .label { margin: 0 1em 0 0.5em; }
.next-link .tit { margin-right: 0; text-align: right; } /* 下一篇文字靠右对齐更美观 */
.ArticleNextPrev i {
font-size: 1.25em;
font-weight: bold;
}
/* Hover 效果 */
.ArticleNextPrev a:hover {
color: var(--minor);
}
.ArticleNextPrev a:hover .tit,
.ArticleNextPrev a:hover i {
color: var(--minor);
}
.ArticleSidebar {
width: 19.7%;
}
.SidebarTit {
border-bottom: 1px solid #bfbfbf;
padding-bottom: 1.5625em;
margin-bottom: 1.5625em;
}
.SidebarTit h3 {
font-size: 1.875em;
font-weight: 600;
}
.sidebar-menu-icon {
width: 1.5em; /* 宽度 */
height: 1.125em; /* 整体高度，控制三条线的间距 */
display: flex;
flex-direction: column;
justify-content: space-between; /* 均匀分布三条线 */
align-items: flex-end; /* 让线条靠右对齐 */
cursor: pointer;
}
.sidebar-menu-icon span {
display: block;
width: 100%;
height: 2px; /* 线条粗细 */
background: #333; /* 线条颜色 */
transition: all 0.3s ease;
}
/* 装饰性设计：模仿高级感的汉堡菜单，让线段长度不一 */
.sidebar-menu-icon span:nth-child(2) {
width: 100%; /* 中间线条短一点 */
}
.sidebar-menu-icon span:nth-child(3) {
width: 100%;
}
.SidebarNav {
list-style: none;
}
.SidebarNav li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.25em 0;
font-size: 1.375em;
color: #333;
transition: 0.3s;
text-transform: uppercase;
}
.SidebarNav li a i {
font-style: normal;
color: #ccc;
font-weight: 300;
font-size: 1.625em;
}
.SidebarNav li.active a{
color: #000;
}
.SidebarNav li.active a i{
color: #000;
}
.SidebarNav li a:hover {
color: var(--minor);
}
.SidebarNav li a:hover i {
color: var(--minor);
}
.SidebarNav li a:hover i {
color: var(--minor);
}
/* Recommend Widget Styles */
.RecommendWidget {
margin-top: 4.375em;
}
.SidebarTit.recommend {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.sidebar-grid-icon {
width: 1.25em;
height:1.25em;
display: flex;
flex-wrap: wrap;
align-content: space-between;
justify-content: space-between;
}
.sidebar-grid-icon img {
width: 100%;
height: auto;
}
.RecommendList {
margin-top: 1.5em;
}
.RecommendItem {
margin-bottom: 1.5em;
}
.RecommendItem .itemImg {
display: block;
width: 100%;
margin-bottom: 1.25em;
overflow: hidden;
}
.RecommendItem .itemImg img {
width: 100%;
display: block;
transition: 0.5s;
}
.RecommendItem:hover .itemImg img {
transform: scale(1.05);
}
.RecommendItem .itemMeta {
font-size: 0.9375em;
color: #777;
margin-bottom: 0.8em;
gap: 0.5em;
}
.RecommendItem .itemMeta i {
font-size: 1.1em;
}
.RecommendItem .itemTit {
display: block;
font-size: 1.125em;
font-weight: 500;
line-height: 1.4;
text-underline-offset: 0.2em;
margin-bottom: 1.25em;
transition: 0.3s;
}
.RecommendItem:hover .itemTit {
color: var(--minor); /* 截图里标题是黄色的 */
text-decoration: underline;
}
.RecommendItem .itemMore {
display: inline-block;
font-size: 1em;
text-underline-offset: 0.2em;
transition: 0.3s;
}
.RecommendItem:hover .itemMore {
color: var(--minor);
text-decoration: underline;
}
/* 适配侧边栏文字大小逻辑 */
.ArticleSidebar h3 {
text-transform: uppercase;
}
/* Contact Widget Styles */
.ContactWidget {
margin-top: 4.375em;
}
.sidebar-contact-icon {
width: 1.5em;
height: 1.5em;
}
.sidebar-contact-icon svg {
width: 100%;
height: 100%;
}
.SidebarForm {
margin-top: 1.5em;
}
.SidebarForm .form-group {
margin-bottom: 0.625em;
}
.SidebarForm input,
.SidebarForm textarea {
width: 100%;
padding: 0.45em 1em;
font-size: 1.25em;
background: #f5f5f5; /* 浅灰色背景 */
border: none;
color: #333;
outline: none;
box-sizing: border-box;
transition: all 0.3s;
}
.SidebarForm input::placeholder,
.SidebarForm textarea::placeholder {
color: #999;
}
.SidebarForm input:focus,
.SidebarForm textarea:focus {
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.SidebarForm .captcha-group {
gap: 0.625em;
}
.SidebarForm .captcha-input {
flex: 1;
}
.SidebarForm .captcha-img {
flex: 1;
height: 3.25em; /* 匹配 input 高度 */
background: #fff;
}
.SidebarForm .captcha-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.SidebarForm .form-submit {
margin-top: 1.25em;
position: relative;
overflow: hidden;
}
.SidebarForm .form-submit:before {
content: "";
position: absolute;
display: block;
transition: all .6s;
width: 100%;
height: 0;
border-radius: 50%;
left: 50%;
top: 50%;
padding-top: 100%;
transform: translateX(-50%) translateY(-50%);
}
.SidebarForm .form-submit:hover:before {
animation: btn-animation .75s;
z-index: 1;
}
.SidebarForm .form-submit input {
width: 100%;
padding: 0.45em;
background: var(--minor); /* 使用主题金色 */
color: #fff;
font-size: 1.25em;
font-weight: 600;
border: none;
border-radius: 0.25em;
cursor: pointer;
transition: 0.3s;
}
.SidebarForm .privacy-note {
font-size: 0.9375em;
color: #666;
line-height: 1.4;
text-align: center;
margin-top: 1.5em;
}
.SidebarForm .privacy-note .red {
color: #e60012;
font-weight: bold;
}
/* 装饰性：确保侧边栏所有 Widget 的标题一致 */
.SidebarTit h3 {
font-size: 1.875em;
color: #333;
letter-spacing: 0.05em;
}
.FilterHead {
border-bottom: 1px solid #acacac;
padding-bottom: 1em;
}
.SideRelated .FilterHead {
border-bottom: none;
padding-bottom: 1.5625em;
}
.ProductListSection {
padding: 5em 0 8.125em;
}
.FilterHead a {
font-size: 1.375em;
}
.FilterHead span {
font-size: 1.375em;
}
.FilterHead i {
font-size: 1.375em;
}
.ProductSidebar {
width: 20.625%;
}
.FilterSidebar {
background: #f6f6f6;
padding: 1.875em 1.25em 2.8125em;
}
.FilterGroup.active {
border-bottom: 1px solid #acacac;
}
.FilterTit {
padding: 1.25em 0;
cursor: pointer;
font-weight: 500;
transition: 0.3s;
border-bottom: 1px solid #acacac;
}
.FilterTit span{
font-size: 1.375em;
}
.FilterGroup.active .FilterTit {
color: var(--minor); /* 激活时标题变金 */
}
.FilterTit i {
font-size: 1.375em;
color: #333;
transition: 0.3s;
}
.FilterGroup.active .FilterTit i {
color: var(--minor);
}
.FilterNav {
display: none;
padding: 1em 0;
}
.FilterNav li {
padding: 0.5em 0;
}
.FilterNav li a {
font-size: 1em; /* 17px左右 */
color: var(--text);
transition: 0.3s;
display: block;
position: relative;
padding-left: 1em;
}
/* 箭头符号装饰 */
.FilterNav li a:before {
content: ">";
position: absolute;
left: 0;
font-size: 0.8em;
color: #999;
top: 50%;
transform: translateY(-50%);
}
.FilterNav li.active a,
.FilterNav li:hover a {
color: var(--minor);
}
.FilterNav li.active a:before {
color: var(--minor);
}
.ProductMainArea {
width: 74.5%;
}
.ProductGrid {
margin-right: -2.3%; /* 抵消最后一栏的 margin */
}
.ProductListItem {
width: 31%; /* 一排三个 */
margin-right: 2.3%;
margin-bottom: 5em;
}
.ProductListItem .itemImg {
display: block;
width: 100%;
aspect-ratio: 1/1;
background: #ebebeb; /* 浅灰色图片背景 */
overflow: hidden;
margin-bottom: 2.5em;
}
.ProductListItem .itemImg img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
.ProductListItem.Material .itemImg {
background: #ffffff;
padding: .25em;
}
.ProductListItem.Material .itemImg img {
padding: 0;
}
.ProductListItem .itemInfo {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
overflow: hidden;
padding: 0 1.25em;
}
.ProductListItem .tit {
font-size: 1.5em;
font-weight: 500;
transition: 0.3s;
/* 核心：处理标题显示两行并带省略号 */
flex: 1; /* 占据剩余所有空间 */
min-width: 0; /* 必须设置，允许 flex 项目收缩 */
display: -webkit-box; /* 必须结合以下属性使用 */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 限制显示两行 */
overflow: hidden; /* 隐藏超出部分 */
text-overflow: ellipsis; /* 显示省略号 */
white-space: normal; /* 覆盖之前的单行强制不换行 */
line-height: 1.4; /* 设置合理的行高，确保两行显示美观 */
height: 2.8em; /* (可选) 固定两行高度，纵向对齐更统一：1.4 * 2 = 2.8 */
padding-right: 1.25em; /* 与右侧箭头保持安全距离 */
}
.ProductListItem .fa-angle-right {
font-size: 1.5em;
flex-shrink: 0; /* 核心：防止图标在标题太长时被挤压变形 */
}
.ProductListItem:hover .itemImg img {
transform: scale(1.08);
}
.ProductListItem .tit.active, .ProductListItem:hover .tit {
color: var(--minor);
text-decoration: underline;
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
}
.ProductListItem:hover i{
color: var(--minor);
}
.ProductListFlex {
align-items: flex-start;
}
.ProductGrid2Col {
margin-right: -5em; /* 抵消掉子元素的右边距 */
}
.ProductGrid2Col .ProductListItem {
width: calc(50% - 5em);
margin-right: 5em;
margin-bottom: 3em;
}
.ProductGrid2Col .ProductListItem .itemImg {
aspect-ratio: 1.4 / 1; /* 硬件类产品图片通常较扁，建议用 1.4:1 或 4:3 */
background: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
}
.ProductGrid2Col .ProductListItem .itemImg img {
width: 100%;
height: 100%;
object-fit: cover; /* 确保图片充满容器 */
transition: 0.5s;
padding: 0;
}
.SideRelated {
padding: 1.875em 0.625em 0 1.25em;
background: #fff;
border: 1px solid #c9c9c9;
margin-top: 1.875em;
}
.SideRelatedItem {
margin-bottom: 1.5625em;
gap: 0.9375em;
}
.SideRelatedItem .itemImg {
width: 6.25em;
height: 6.25em;
flex-shrink: 0;
background: #f4f4f4;
overflow: hidden;
}
.SideRelatedItem .itemImg img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.SideRelatedItem .itemInfo {
flex: 1;
min-width: 0;
}
.SideRelatedItem .tit {
font-size: 0.875em;
color: #333;
line-height: 1.4;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 1.5625em;
transition: 0.3s;
}
.SideRelatedItem .more {
font-size: 0.875em;
text-underline-offset: 0.3em;
transition: 0.3s;
}
.SideRelatedItem:hover .tit,
.SideRelatedItem:hover .more {
color: var(--theme);
}
.SideRelatedItem:hover .itemImg img {
transform: scale(1.05);
}
.SideRelatedItem:hover .tit {
text-decoration: underline; /* 触发标题下划线 */
text-underline-offset: 0.2em;
}
.SideRelatedItem:hover .more {
text-decoration: underline; /* 触发 More 下划线 */
}
.ProductDetailView {
align-items: flex-start;
gap: 3.75em;
position: relative;
}
.ProductVisuals {
flex: 1;
min-width: 0;
display: flex;
flex-direction: row;
gap: 0.625em; /* 15px */
}
/* 大图占据主要宽度 */
.ProductBigImages {
flex: 1;
display: flex;
flex-direction: column;
gap: 1.25em; /* 20px */
}
/* 缩略图固定在右侧 */
.ProductThumbs {
width: 4em; /* 70px */
position: sticky;
top: 4em; /* 120px (通常建议根据头部实际高度调整) */
height: fit-content;
display: flex;
flex-direction: column;
gap: 0.5em; /* 8px */
}
.BigImgItem {
width: 100%;
background: #eaeaea;
}
.BigImgItem img {
width: 100%;
display: block;
}
/* 右侧信息固定 */
.ProductInfoSticky {
width: 30em;
position: sticky;
top: 4em;
padding-bottom: 3.125em; /* 50px */
}
.ThumbItem {
width: 100%;
aspect-ratio: 1;
border: 1px solid #eee;
cursor: pointer;
background: #eaeaea;
transition: 0.3s;
height: 4em;
opacity: .7;
}
.ThumbItem img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ThumbItem.active {
border-color: var(--minor);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
opacity: 1;
}
/* 大图列表 */
.ProductTit {
font-size: 1.375em;
line-height: 1.2;
text-transform: uppercase;
border-bottom: 1px solid #d4d4d4;
padding-bottom: 1.1875em;
margin-bottom: 1.1875em;
}
.ProductSummary {
margin-bottom: 2.1875em;
border-bottom: 1px solid #e8c22e;
padding-bottom: 2.1875em;
}
.ProductSummary .SubTit {
font-size: 1.125em;
font-weight: 700;
margin-bottom: 0.5em;
}
.ProductSummary .SubTit {
font-size: 1.125em;
font-weight: 700;
margin-bottom: .7em;
}
.ProductSpecs {
margin-bottom: 2.5em;
}
.SpecItem {
padding: 0.3em 0;
font-size: 1em;
color: #a7a7a7;
}
.SpecItem span {
display: inline-block;
color: var(--theme);
}
.InquiryBtn {
width: 100%;
background: var(--minor);
height: 2.625em;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
border-radius: 4px;
transition: 0.3s;
}
.SpecItem strong {
color: var(--text);
}
aside.InfoDetail {
position: sticky;
top: 4em;
}
.BigImgItem a {
display: block;
width: 100%;
cursor: zoom-in; /* 提示用户可以放大查看 */
}
.BigImgItem img {
width: 100%;
display: block;
transition: 0.3s;
object-fit: contain;
}
.bannerQualityswiperBtn {
background: var(--text);
color: #ffffff;
}
.bannerQualityswiperBtn:hover {
background: var(--minor);
color: #ffffff;
}
.bannerInnovatingswiperBtn {
background: #ffffff;
color: var(--text);
}
.bannerInnovatingswiperBtn:hover{
color: #ffffff;
background: var(--text);
}
.section-2025122407 .sectionList .sectionItem.active .itemTxt .itemTit span {
width: auto;
}
.section-2025122407 .sectionList .sectionItem .itemTxt .itemTit span {
width: 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: .2em;
}
/* ============================================================
MEGA MENU 3 - PRODUCTS (Premium Visual Refine)
============================================================ */
.megamenu3 { position: relative; }
/* --- Base Styles --- */
.megamenu3 .sub-menu {
list-style: none;
margin: 0;
padding: 0;
background: #fff;
}
.megamenu3 > .sub-menu > .menu-item {
position: relative;
}
.megamenu3 > .sub-menu > .menu-item > a {
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
text-transform: capitalize;
text-decoration: none;
font-weight: 500;
}
/* ============================================================
DESKTOP (1025px +) - Premium UI
============================================================ */
@media screen and (min-width: 1025px) {
.megamenu3 > .sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 15em;
background: #fff;
box-shadow: 0 10px 40px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1);
border-radius: 0 0 4px 4px;
border-top: 3px solid #000;
padding: 15px 0 !important;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: block !important;
}
.megamenu3:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Level 2 Flyout (The Grid) */
.megamenu3 > .sub-menu > .menu-item > .sub-menu {
position: absolute;
top: -18px; /* Slightly higher to align with level 1 top */
left: 100%;
width: 32em;
min-height: calc(100% + 30px);
background: #fff;
box-shadow: 15px 10px 40px rgba(0,0,0,0.08), 1px 0 0px rgba(0,0,0,0.05) inset;
border-radius: 0 4px 4px 0;
border: 1px solid #f2f2f2;
border-left: none;
padding: 40px !important;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateX(20px);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex !important;
flex-wrap: wrap;
align-content: flex-start;
}
.megamenu3 > .sub-menu > .menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
/* Level 2 Grid Items */
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li {
width: 48%; /* 2 columns with gap */
margin-right: 2%;
margin-bottom: 20px;
}
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li a {
padding: 0;
color: #666;
font-size: 0.95em;
transition: all 0.3s;
position: relative;
display: inline-block;
}
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #000;
transition: width 0.3s;
}
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li a:hover {
color: #000;
}
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li a:hover::after {
width: 100%;
}
/* Level 1 Navigation Items */
.megamenu3 > .sub-menu > .menu-item > a {
padding: 12px 25px;
font-size: 14px;
letter-spacing: 0.02em;
position: relative;
}
.megamenu3 > .sub-menu > .menu-item > a::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 3px;
background: #000;
opacity: 0;
transition: opacity 0.3s;
}
.megamenu3 > .sub-menu > .menu-item > a::after {
content: "\f105";
font-family: "FontAwesome";
font-size: 12px;
color: #bbb;
transition: transform 0.3s;
}
.megamenu3 > .sub-menu > .menu-item:hover > a {
background: #fcfcfc;
color: #000;
}
.megamenu3 > .sub-menu > .menu-item:hover > a::before {
opacity: 1;
}
.megamenu3 > .sub-menu > .menu-item:hover > a::after {
transform: translateX(3px);
color: #000;
}
}
/* ============================================================
MOBILE (1024px and below) - Clean Accordion
============================================================ */
@media screen and (max-width: 1024px) {
.megamenu3 .sub-menu {
position: static !important;
display: none;
width: 100% !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}
.megamenu3 > .sub-menu {
background: #fff !important;
border-top: 1px solid #eee !important;
}
/* Level 1 (Designs, Material...) */
.megamenu3 > .sub-menu > .menu-item {
border-bottom: 1px solid #f8f8f8;
}
.megamenu3 > .sub-menu > .menu-item > a {
padding: 1.2em 1.5em !important;
font-size: 1.05em;
background: #fff;
color: #333;
}
/* Level 2 (Indented List) */
.megamenu3 > .sub-menu > .menu-item > .sub-menu {
background: #f9f9f9 !important;
padding: 10px 0 20px 0 !important;
flex-direction: column !important;
}
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li {
width: 100% !important;
margin: 0;
}
.megamenu3 > .sub-menu > .menu-item > .sub-menu > li a {
padding: 10px 1.5em 10px 3.2em !important;
font-size: 0.95em;
color: #666;
display: block;
}
/* Mobile Icons (+/-) */
.megamenu3 > a::after,
.megamenu3 > .sub-menu > .menu-item > a::after {
content: "\f067"; /* font-awesome plus */
font-family: "FontAwesome";
position: absolute;
right: 1.5em;
font-size: 0.75em;
color: #bbb;
transition: all 0.3s;
}
.megamenu3.open > a::after,
.megamenu3 > .sub-menu > .menu-item.open > a::after {
content: "\f068"; /* font-awesome minus */
color: #000;
}
.megamenu3.open > a,
.megamenu3 > .sub-menu > .menu-item.open > a {
color: #000;
font-weight: 600;
}
}
/* ============================================================
MEGA MENU 3 - PRODUCTS (Premium Visual Refine)
============================================================ */
.megamenu4 { position: relative; }
/* --- Base Styles --- */
.megamenu4 .sub-menu {
list-style: none;
margin: 0;
padding: 0;
background: #fff;
}
.megamenu4 > .sub-menu > .menu-item {
position: relative;
}
.megamenu4 > .sub-menu > .menu-item > a {
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
text-transform: capitalize;
text-decoration: none;
font-weight: 500;
}
/* ============================================================
DESKTOP (1025px +) - Premium UI
============================================================ */
@media screen and (min-width: 1025px) {
.megamenu4 > .sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 15em;
background: #fff;
box-shadow: 0 10px 40px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1);
border-radius: 0 0 4px 4px;
border-top: 3px solid #000;
padding: 15px 0 !important;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: block !important;
}
.megamenu4:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Level 2 Flyout (The Grid) */
.megamenu4 > .sub-menu > .menu-item > .sub-menu {
position: absolute;
top: -18px; /* Slightly higher to align with level 1 top */
left: 100%;
width: 32em;
min-height: calc(100% + 30px);
background: #fff;
box-shadow: 15px 10px 40px rgba(0,0,0,0.08), 1px 0 0px rgba(0,0,0,0.05) inset;
border-radius: 0 4px 4px 0;
border: 1px solid #f2f2f2;
border-left: none;
padding: 40px !important;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateX(20px);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex !important;
flex-wrap: wrap;
align-content: flex-start;
}
.megamenu4 > .sub-menu > .menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
/* Level 2 Grid Items */
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li {
width: 48%; /* 2 columns with gap */
margin-right: 2%;
margin-bottom: 20px;
}
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li a {
padding: 0;
color: #666;
font-size: 0.95em;
transition: all 0.3s;
position: relative;
display: inline-block;
}
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #000;
transition: width 0.3s;
}
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li a:hover {
color: #000;
}
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li a:hover::after {
width: 100%;
}
/* Level 1 Navigation Items */
.megamenu4 > .sub-menu > .menu-item > a {
padding: 12px 25px;
font-size: 14px;
letter-spacing: 0.02em;
position: relative;
}
.megamenu4 > .sub-menu > .menu-item > a::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 3px;
background: #000;
opacity: 0;
transition: opacity 0.3s;
}
.megamenu4 > .sub-menu > .menu-item > a::after {
content: "\f105";
font-family: "FontAwesome";
font-size: 12px;
color: #bbb;
transition: transform 0.3s;
}
.megamenu4 > .sub-menu > .menu-item:hover > a {
background: #fcfcfc;
color: #000;
}
.megamenu4 > .sub-menu > .menu-item:hover > a::before {
opacity: 1;
}
.megamenu4 > .sub-menu > .menu-item:hover > a::after {
transform: translateX(3px);
color: #000;
}
}
/* ============================================================
MOBILE (1024px and below) - Clean Accordion
============================================================ */
@media screen and (max-width: 1024px) {
.megamenu4 .sub-menu {
position: static !important;
display: none;
width: 100% !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}
.megamenu4 > .sub-menu {
background: #fff !important;
border-top: 1px solid #eee !important;
}
/* Level 1 (Designs, Material...) */
.megamenu4 > .sub-menu > .menu-item {
border-bottom: 1px solid #f8f8f8;
}
.megamenu4 > .sub-menu > .menu-item > a {
padding: 1.2em 1.5em !important;
font-size: 1.05em;
background: #fff;
color: #333;
}
/* Level 2 (Indented List) */
.megamenu4 > .sub-menu > .menu-item > .sub-menu {
background: #f9f9f9 !important;
padding: 10px 0 20px 0 !important;
flex-direction: column !important;
}
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li {
width: 100% !important;
margin: 0;
}
.megamenu4 > .sub-menu > .menu-item > .sub-menu > li a {
padding: 10px 1.5em 10px 3.2em !important;
font-size: 0.95em;
color: #666;
display: block;
}
/* Mobile Icons (+/-) */
.megamenu4 > a::after,
.megamenu4 > .sub-menu > .menu-item > a::after {
content: "\f067"; /* font-awesome plus */
font-family: "FontAwesome";
position: absolute;
right: 1.5em;
font-size: 0.75em;
color: #bbb;
transition: all 0.3s;
}
.megamenu4.open > a::after,
.megamenu4 > .sub-menu > .menu-item.open > a::after {
content: "\f068"; /* font-awesome minus */
color: #000;
}
.megamenu4.open > a,
.megamenu4 > .sub-menu > .menu-item.open > a {
color: #000;
font-weight: 600;
}
/* Smooth left border for active section */
.megamenu4 > .sub-menu > .menu-item.open {
border-left: 4px solid #000;
}
}
.TongYongGrid .itemImg img {
object-fit: cover;
}
.ThumbItem.MaterialThumbItem img {
object-fit: cover;
}
.megamenu7 { position: relative; }
/* --- Base Styles --- */
.megamenu7 .sub-menu {
list-style: none;
margin: 0;
padding: 0;
background: #fff;
}
.megamenu7 > .sub-menu > .menu-item {
position: relative;
}
.megamenu7 > .sub-menu > .menu-item > a {
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
text-transform: capitalize;
text-decoration: none;
font-weight: 500;
}
/* ============================================================
DESKTOP (1025px +) - Premium UI
============================================================ */
@media screen and (min-width: 1025px) {
.megamenu7 > .sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 10em;
background: #fff;
box-shadow: 0 10px 40px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1);
border-radius: 0 0 4px 4px;
border-top: 3px solid #000;
padding: 15px 0 !important;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: block !important;
}
.megamenu7:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Level 2 Flyout (The Grid) */
.megamenu7 > .sub-menu > .menu-item > .sub-menu {
position: absolute;
top: -18px; /* Slightly higher to align with level 1 top */
left: 100%;
width: 32em;
min-height: calc(100% + 30px);
background: #fff;
box-shadow: 15px 10px 40px rgba(0,0,0,0.08), 1px 0 0px rgba(0,0,0,0.05) inset;
border-radius: 0 4px 4px 0;
border: 1px solid #f2f2f2;
border-left: none;
padding: 40px !important;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateX(20px);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex !important;
flex-wrap: wrap;
align-content: flex-start;
}
.megamenu7 > .sub-menu > .menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
/* Level 2 Grid Items */
.megamenu7 > .sub-menu > .menu-item > .sub-menu > li {
width: 48%; /* 2 columns with gap */
margin-right: 2%;
margin-bottom: 20px;
}
.megamenu7 > .sub-menu > .menu-item > .sub-menu > li a {
padding: 0;
color: #666;
font-size: 0.95em;
transition: all 0.3s;
position: relative;
display: inline-block;
}
.megamenu7 > .sub-menu > .menu-item > .sub-menu > li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #000;
transition: width 0.3s;
}
.megamenu7 > .sub-menu > .menu-item > .sub-menu > li a:hover {
color: #000;
}
.megamenu7 > .sub-menu > .menu-item > .sub-menu > li a:hover::after {
width: 100%;
}
/* Level 1 Navigation Items */
.megamenu7 > .sub-menu > .menu-item > a {
padding: 12px 25px;
font-size: 14px;
letter-spacing: 0.02em;
position: relative;
}
.megamenu7 > .sub-menu > .menu-item > a::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 3px;
background: #000;
opacity: 0;
transition: opacity 0.3s;
}
.megamenu7 > .sub-menu > .menu-item > a::after {
content: "\f105";
font-family: "FontAwesome";
font-size: 12px;
color: #bbb;
transition: transform 0.3s;
}
.megamenu7 > .sub-menu > .menu-item:hover > a {
background: #fcfcfc;
color: #000;
}
.megamenu7 > .sub-menu > .menu-item:hover > a::before {
opacity: 1;
}
.megamenu7 > .sub-menu > .menu-item:hover > a::after {
transform: translateX(3px);
color: #000;
}
}
.full-image-scroll-modal { width: 100%; max-width: 100% !important; height: 100vh; background: #fff; padding: 0 !important; margin: 0 !important; overflow-y: auto !important; }
.fancybox-content .fancybox-close-small { display: none !important; }
.modal-close-btn {
position: fixed;
right: 15px;
top: 15px;
width: 44px;
height: 44px;
z-index: 1000;
cursor: pointer;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.modal-close-btn:hover { background: #000; }
.modal-close-btn svg { width: 22px; fill: #fff; }
.modal-image-list {
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
background: #fff;
}
.m-img-item:last-child {
margin-bottom: 0;
}
.m-img-item {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
line-height: 0;
background: #fff;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
.m-img-item img { width: 100%; height: auto; display: block; }
.full-screen-modal-wrap .fancybox__slide {
padding: 0 !important; /* 去掉 Fancybox 默认的四周间距 */
}
.full-screen-modal-wrap .fancybox__content {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important; /* 去掉可能的圆角 */
box-shadow: none !important;
}
.full-image-scroll-modal {
width: 100%;
height: 100%; /* 撑满内容区 */
background: #fff;
overflow-y: auto !important;
position: relative;
}
.modal-close-btn svg {
width: 20px;
fill: #fff;
/* 增加旋转过渡动画 */
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-close-btn:hover {
background: #000;
opacity: 1;
}
/* 鼠标悬停时，内部 SVG 旋转 180 度 */
.modal-close-btn:hover svg {
transform: rotate(180deg);
}
.full-image-scroll-modal {
position: relative !important; /* 必须！ */
width: 100%;
height: 100%;
overflow-y: auto !important;
}
.section-2025122408 .sectionItem .itemImg2 img {
height: 15.5em;
}
.cert-prev:hover, .cert-next:hover {
background: var(--minor);
}
.breadcrumb a:hover, .breadcrumb span:hover {
text-decoration: underline;
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
cursor: pointer;
}
.header-2025122401 .head_top .head_tel span:hover {
color: var(--minor);
}
.header-2025122401 .head_top .head_email span:hover {
color: var(--minor);
}
.banner-2025122402 .swiperImg img.Mobbanner {
display: none;
}
.MOBStartContent {
display: none;
}
.ArticleContent img {
display: block;
margin: 0 auto;
width: 70%;
object-fit: contain;
height: auto;
}