.logo {
    position: relative;
    height: 100%;
}

/* Homepage section rhythm
   Keep each content area visually distinct without hard colour jumps. */
.Homeabout,
.Homeproducts,
.Homefactory,
.Homecert,
.Homenews,
.Homecontact {
    position: relative;
    isolation: isolate;
}

.Homeabout {
    background:#e5e5e5
}

.Homeproducts {
    background: #fff;
}

.Homefactory {
    background:#e5e5e5
}

.Homecert {
    background: #fff;
}

.Homenews {
    background:#e5e5e5
}

/* A soft highlight marks every section change more naturally than a hard line. */
.Homeproducts::before,
.Homefactory::before,
.Homecert::before,
.Homenews::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(31, 52, 45, .13), transparent);
    pointer-events: none;
}

.factory-item,
.cert-item,
.news-item {
    border-radius: 1.2rem;
}

.factory-item {
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 1.2rem 3.5rem rgba(31, 52, 45, .045);
}

.factory-info {
    padding: 3rem 2.5rem;
}

.cert-item {
    box-shadow: 0 1rem 3rem rgba(31, 52, 45, .055);
}

.news-item {
    padding: 1.2rem 1.2rem 2.8rem;
    background: rgba(255, 255, 255, .5);
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.news-item:hover {
    transform: translateY(-.6rem);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 1.5rem 4rem rgba(31, 52, 45, .08);
}

.news-info {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

/* Blend the final light section into the photographic call-to-action. */
.Homecontact {
    border-top: 1.2rem solid #f4f0e9;
}

.contact-bg::after {
    background: linear-gradient(180deg, rgba(12, 26, 24, .28) 0%, rgba(8, 17, 20, .56) 100%);
}

/* Compact pre-footer contact strip */
.Homecontact {
    height: auto;
    min-height: 0;
    overflow: visible;
    border-top: 0;
    padding: 4.5rem 0;
    background: #f4f0e9;
}

.Homecontact .container {
    height: auto;
    max-width: calc(100% - 6rem);
}

.Homecontact .contact-content {
    height: auto;
    min-height: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    grid-gap: 4rem;--tx-row-gap: 4rem;--tx-column-gap: 4rem;gap: 4rem;
    color: #17201d;
}

.Homecontact .contact-copy h2 {
    max-width: none;
    margin: 0 0 .8rem;
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 500;
}

.Homecontact .contact-copy p {
    margin: 0;
    color: #68706c;
    font-size: 1.6rem;
}

.Homecontact .contact-btn {
    flex: 0 0 auto;
    padding: 1.4rem 2.6rem;
    border: 1px solid #17201d;
    color: #17201d;
    background: transparent;
    transition: color .3s ease, background .3s ease;
}

.Homecontact .contact-btn span {
    margin-left: 1rem;
    transition: transform .3s ease;
}

.Homecontact .contact-btn:hover {
    color: #fff;
    background: #17201d;
}

.Homecontact .contact-btn:hover span {
    transform: translateX(.4rem);
}
.home-brand{
    padding: 8rem 0;
}
@media (max-width: 768px) {

    .Homeabout,
    .Homeproducts,
    .Homefactory,
    .Homecert,
    .Homenews {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .factory-info {
        padding: 2.4rem 2rem;
    }

    .news-item {
        padding: .8rem .8rem 2.2rem;
    }
}

.logobox {
    display: flex;
    height: 100%;
    align-items: center;
}

.logo2 {
    opacity: 0;
    position: relative;
    display: none;
    transition: .5s;
}

header.head .logo2 {
    display: flex;
    opacity: 1;
    transition: .5s;
}

.logo1 {
    display: flex;
    opacity: 1;
}

header.head .logo1 {
    display: none;
    opacity: 0;
    transition: .5s;
}

header.head .logoimg img {
    height: 5rem;
}

.topbig {
    width: 160rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

header {
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    height: 15rem;
    transition: .5s;

}

header.head {
    height: 9rem;
    transition: .5s;
    background: white;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.18);
}

.logo1 img {
    height: 5rem;
    object-fit: cover;
}

.menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.menu ul li {
    margin-left: 7rem;
    position: relative;
    height: 100%;
}

.menu ul>li>a:after,
header.head .menu ul>li>a:after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background: #DE5528;
    position: absolute;
    transform: translate(0px, 2rem);
    transition: .5s;
}

.menu ul>li.active>a:after,
header.head .menu ul>li.active>a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #DE5528;
    position: absolute;
    transform: translate(0px, 2rem);
}

.menu ul>li:hover>a:after,
header.head .menu ul>li:hover>a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #DE5528;
    position: absolute;
    transform: translate(0px, 2rem);
    transition: .5s;
}

.menu ul li a {
    font-size: 2rem;
    color: #fff;
    transition: .5s;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.menu ul li a img {
    margin-left: 1rem;
    width: 1rem;
    height: .6rem;
}

header.head .menu ul li>a {
    color: #DE5528;
    transition: .5s;
}

header.head .menu ul li dl li a {
    color: #000 ;
    font-size: 2rem;
}

.tool ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.tool ul li:first-child {
    margin-right: 2.2rem;
}

.tool ul li:nth-child(2) {
    margin-right: 2.2rem;
}

.tool ul li img {
    width: 4.4rem;
    height: 4.4rem;
    transition: .5s;
}
.tool-email i{
    color: #fff;
    border-radius: 100%;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .2);
    border:none;
}
.tool ul li img:last-child {
    display: none;
    opacity: 0;
}

/*header.head .tool ul li img:first-child {*/
/*    display: none;*/
/*    opacity: 0;*/
/*}*/

/*header.head .tool ul li img:last-child {*/
/*    display: block;*/
/*    opacity: 1;*/
/*}*/

.search-alert {
    position: fixed;
    z-index: 1000;
    background-color: #222222;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.search-alert .close {
    display: block;
    width: 3rem;
    height: 3rem;
    background: url(../images/img5-4.png) no-repeat center;
    position: absolute;
    top: 3.8rem;
    right: 2.6%;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}

.search-alert .cent-form {
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 12.4rem;
    margin-top: -6.3rem;
    border-bottom: 1px solid #515151;
}

.search-alert .cent-form .tex {
    border: none;
    font-size: 6.6rem;
    height: 12.4rem;
    line-height: 187.878788%;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: none;
    padding-left: 8.8rem;
    padding-right: 8rem;
    background: url(../images/img5.png) no-repeat 35px 60px;
}

.search-alert .cent-form .sub-butn {
    border: none;
    height: 10rem;
    margin-top: 2.4rem;
    font-size: 2.4rem;
    line-height: 416.666667%;
    color: #555;
    text-align: right;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 10rem;
    text-align: center;
}

.search-alert .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search-alert .cent-form .tex {
    border: none;
    font-size: 2rem;
}

.tool .search {
    cursor: pointer;
}

header.head .tool .search {
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #DE5528;
    color: #fff;
    transition: background-color .3s ease, transform .3s ease;
}

header.head .tool .search img {
    display: none;
}

header.head .tool .search::before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 1.7rem;
}

header.head .tool-email i {
    background: #DE5528;
}

header.head .tool .search:hover,
header.head .tool-email:hover i {
    background: #c9461d;
}

.tool-email {
    display: flex;
    width: 4.4rem;
    height: 4.4rem;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    color: #fff;
    font-size: 1.7rem;
    text-decoration: none;
    transition: color .3s ease, background .3s ease, border-color .3s ease;
}



.search-alert .close {
    padding: 0;
    border: 0;
    color: #fff;
    background: none;
    font-size: 3rem;
    line-height: 1;
}

.search-alert .close::before {
    content: "×";
}

.banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.bannerwen {
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 160rem;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bannermore a {
    display: flex;
    margin-top: 10.6rem;
    width: 18.8rem;
    height: 5.1rem;
    justify-content: center;
    align-items: center;
    color: white;
    border: 1px solid white;
    border-radius: 25px;
    transition: .5s;
    background-color: transparent;
}

.bannermore a:hover {
    background: #DE5528;
    border: 1px solid #DE5528;
    transition: .5s;
    color: white;
}

.banner .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 5%;
}

.banner .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0;
    opacity: 0.6;
    background: white;
    border-radius: 10px;
    margin: 0 0.5rem;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4.8rem;
    height: 1.2rem;
    background: #DE5528;
    opacity: 1;
}

.bannertitle {
    font-size: 6rem;
    line-height: 7rem;
    color: white;
    font-weight: bold;
    position: relative;
}

.bannerwen a {
    font-size: 2rem;
    color: #f5f7f6;
    border: 1px solid #f5f7f6;
    border-radius: 30px;
    opacity: 0;
    transition-delay: .8s;
    position: relative;
    overflow: hidden;
}

.bannerwen .bannertitle {
    opacity: 0;
    transition-delay: .8s;
}

.banner .swiper-slide-active .bannerwen a,
.banner .swiper-slide-active .bannerwen .bannertitle {
    opacity: 1;
}

.banner .swiper-slide-active .bannerwen .bannertitle {
    animation: slideInDown 1s .8s;
    -webkit-animation: slideInDown 1s .8s;
}

.banner .swiper-slide-active .bannerwen a {
    animation: slideInUp 1.2s .8s;
    -webkit-animation: slideInUp 1.2s .8s;
}

.banner .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
    object-fit: cover;
    opacity: 0.8;
}

.banner .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .swiper-slide {
    background: #000;
}

.banner .swiper-slide-active img,
.swiper-slide-duplicate-active img {
    transition: 5s linear;
    transform: scale(1, 1);
}

.container {
    width: 160rem;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 5rem;
    left: 50%;
}

.Homeabout {
    padding: 6rem 0;
}


.Homeabout .container {

    max-width: calc(100% - 6rem);
    margin: 0 auto;
}

.container:before,
.container:after,
.row:before,
.row:after {
    display: none;
}

.Homeabout .row {
    display: flex;
    align-items: center;
    grid-gap: 8rem;--tx-row-gap: 8rem;--tx-column-gap: 8rem;gap: 8rem;
}


/* 视频 */

.about-video {
    width: 55%;
    height: 71.4rem;
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
    display: flex;
    align-items: center;
}


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


.video-mask {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .3rem;
}


/* 文字 */

.about-content {
    flex: 1;
}


.about-label {
    font-size: 1.4rem;
    letter-spacing: .4rem;
    color: #888;
    margin-bottom: 3rem;
}


.about-content h2 {
    font-size: 5.5rem;
    line-height: 1.15;
    font-weight: 500;
    margin-bottom: 4rem;
    color:#000;
}


.about-content section {
    font-size: 1.8rem;
    line-height: 2;
    color: #555;
    margin-bottom: 5rem;
}


/* MORE */

.about-more {
    display: inline-flex;
    align-items: center;
    grid-gap: 2rem;--tx-row-gap: 2rem;--tx-column-gap: 2rem;gap: 2rem;
    font-size: 1.6rem;
    letter-spacing: .3rem;
    color: #111;
    text-decoration: none;
    border-bottom: 1px solid #111;
    padding-bottom: 1rem;
}


.about-more span {
    transition: .3s;
}


.about-more:hover span {
    transform: translateX(.8rem);
}

.Homeproducts {
    padding: 8rem 0;
    background: #f5f5f5;
}

.Homeproducts .container {

    max-width: calc(100% - 6rem);
    margin: 0 auto;
}

/* 标题 */
.products-head {
    text-align: center;
    margin-bottom: 4rem;
}

.products-label {
    font-size: 1.4rem;
    letter-spacing: .4rem;
    color: #888;
    margin-bottom: 3rem;
}

.products-head h2 {

    font-size: 4.8rem;
    line-height: 1.15;
    font-weight: 500;
    margin: 0;

}

/* 产品网格 */
.products-grid {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2.5rem;--tx-row-gap: 2.5rem;--tx-column-gap: 2.5rem;gap: 2.5rem;

}

/* 产品卡片 */

.product-item {

    height: 38rem;
    position: relative;
    overflow: hidden;
    display: block;
    color: #fff;
}


.product-item img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
    border-radius: 1.2rem;
}

.product-item {
    border-radius: 1.2rem;
}


/* 黑色渐变 */

.product-item::after {

    content: "";
    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;

    background: linear-gradient(transparent,
            rgba(0, 0, 0, .65));

}

/* 文字 */

.product-overlay {

    position: absolute;
    left: 3rem;
    bottom: 3rem;
    z-index: 2;

}


.product-overlay h3 {

    font-size: 2.4rem;
    font-weight: 500;
    margin: 0 0 1rem;

}

.product-overlay span {

    font-size: 1.5rem;
    letter-spacing: .2rem;

}


/* hover */

.product-item:hover img {
    transform: scale(1.08);
}

.product-item:hover .product-overlay span {
    letter-spacing: .4rem;
}


.product-more {

    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
}



.more-content {
    text-align: center;
    color: #fff;
}



.more-content h3 {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 2rem;
}



.more-content span {
    font-size: 1.5rem;
    letter-spacing: .3rem;
}

.product-item:hover {
    color: #DE5528;
}

.Homefactory {

    padding: 6rem 0;

}



.Homefactory .container {

    max-width: calc(100% - 6rem);

    margin: auto;

}



.factory-head {

    text-align: center;

    margin-bottom: 7rem;

}



.factory-label {

    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 3rem;

}



.factory-head h2 {

    font-size: 5rem;

    line-height: 1.2;

    font-weight: 500;

    margin-bottom: 2rem;

}



.factory-head p {

    max-width: 65rem;

    margin: auto;

    font-size: 1.7rem;

    line-height: 2;

    color: #666;

}




.factory-box {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}



.factory-item {

    background: #fff;

}



.factory-img {
    border-radius: 1.2rem;
    height: 38rem;

    overflow: hidden;

}



.factory-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;

}



.factory-item:hover img {

    transform: scale(1.08);

}



.factory-info {

    padding: 3rem 0;

}



.factory-info h3 {

    font-size: 2.6rem;

    font-weight: 500;

    margin-bottom: 1.5rem;

}



.factory-info p {

    font-size: 1.5rem;

    color: #666;

    line-height: 1.8;

}




.factory-number {

    margin-top: 6rem;

    padding-top: 5rem;

    border-top: 1px solid #ddd;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    text-align: center;

}



.factory-number strong {

    display: block;

    font-size: 5rem;

    font-weight: 500;

}



.factory-number span {

    font-size: 1.5rem;

    color: #666;

}

.Homecert {

    padding: 8rem 0;

    background: #f7f7f7;

}



.Homecert .container {

    max-width: calc(100% - 6rem);

    margin: auto;

}



.cert-head {

    text-align: center;

    margin-bottom: 5rem;

}



.cert-label {

    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 3rem;

}



.cert-head h2 {

    font-size: 4.5rem;

    font-weight: 500;

}



.cert-list {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}



.cert-item {

    background: #fff;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
    padding: 2rem;
}



.cert-item img {    display: block;    width: 100%;    height: auto !important;    aspect-ratio: 330 / 160;

    max-width: 100%;



    object-fit: contain;

    margin-bottom: 2rem;
    border-radius: 1.2rem;
}



.cert-item span {

    font-size: 1.6rem;

    letter-spacing: .1rem;

}

.Homenews {


    padding: 6rem 0;


}



.Homenews .container {


    max-width: calc(100% - 6rem);

    margin: auto;


}



.news-head {


    text-align: center;

    margin-bottom: 7rem;


}



.news-label {


    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 3rem;


}



.news-head h2 {


    font-size: 5rem;

    font-weight: 500;

}



.news-list {


    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;


}




.news-item {


    color: #111;

    text-decoration: none;

}



.news-img {


    height: 35rem;

    overflow: hidden;

}



.news-img img {


    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;


}

.news-img {
    border-radius: 1.2rem;
}

.news-item:hover img {


    transform: scale(1.08);


}



.news-info {


    padding-top: 2.5rem;


}



.news-info time {


    font-size: 1.4rem;

    color: #888;

    letter-spacing: .2rem;


}



.news-info h3 {


    font-size: 2.4rem;

    line-height: 1.4;

    font-weight: 500;

    margin: 1.5rem 0 2rem;


}



.news-info span {


    font-size: 1.5rem;

    letter-spacing: .2rem;


}



.news-more {


    text-align: center;

    margin-top: 6rem;


}



.news-more a {


    font-size: 1.5rem;

    letter-spacing: .3rem;

    color: #111;

    text-decoration: none;

    border-bottom: 1px solid #111;

    padding-bottom: 1rem;


}

.Homecontact {
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}



.contact-bg {


    position: absolute;

    top: 0;right: 0;bottom: 0;left: 0;inset: 0;


}



.contact-bg img {


    width: 100%;

    height: 100%;

    object-fit: cover;


}



.contact-bg::after {


    content: "";

    position: absolute;

    top: 0;right: 0;bottom: 0;left: 0;inset: 0;

    background: rgba(0, 0, 0, .45);


}




.Homecontact .container {

    height: 100%;

    margin: auto;

    position: relative;

    z-index: 2;


}



.contact-content {


    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: #fff;


}



.contact-label {


    font-size: 1.4rem;

    letter-spacing: .4rem;

    margin-bottom: 2rem;


}



.contact-content h2 {


    font-size: 5rem;

    line-height: 1.2;

    font-weight: 500;

    max-width: 70rem;

    margin-bottom: 2rem;


}



.contact-content p {


    font-size: 1.8rem;

    margin-bottom: 4rem;


}



.contact-btn {


    display: inline-flex;

    width: max-content;

    padding: 1.8rem 4rem;

    border: 1px solid #fff;

    color: #fff;

    text-decoration: none;

    font-size: 1.5rem;

    letter-spacing: .3rem;

    transition: .3s;


}



.contact-btn:hover {


    background: #fff;

    color: #111;


}

.Homefooter {


    /* Softer grey-green keeps the footer grounded without making the page feel bottom-heavy. */
    background: #FF7200;

    color: #fff;

    padding: 8rem 0 3rem;


}



.Homefooter .container {



    max-width: calc(100% - 6rem);

    margin: auto;


}



.footer-main {


    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1fr;

    grid-gap: 5rem;--tx-row-gap: 5rem;--tx-column-gap: 5rem;gap: 5rem;

    padding-bottom: 6rem;


}



.footer-logo img {


    max-width: 18rem;

    margin-bottom: 3rem;


}



.footer-about p {


    font-size: 1.5rem;

    line-height: 2;

    color: #fff;


}

.footer-company-content strong {
    display: block;
}



.footer-column h3 {


    font-size: 1.5rem;

    letter-spacing: .3rem;

    margin-bottom: 3rem;


}



.footer-column ul {


    padding: 0;

    margin: 0;

    list-style: none;


}



.footer-column li {


    font-size: 1.5rem;

    color: #fff;

    margin-bottom: 1.5rem;

    line-height: 1.6;


}

.footer-about .footer-column li:first-child,.footer-about .footer-column li:nth-child(3){
    font-size: 1.8rem;
    font-weight: bold;
}

.footer-column a {


    color: #fff;

    text-decoration: none;

    transition: .3s;


}



.footer-column a:hover {
    opacity: 0.8;

}



.footer-social a {


    display: block;

    margin-bottom: 1.5rem;


}

.footer-social .footer-social-icon {
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid rgba(255, 255, 255, .3);
    display: flex;
    align-items: center;
    justify-content: center;
}




.footer-bottom {


    border-top: 1px solid rgba(255, 255, 255, .2);

    padding-top: 3rem;


    display: flex;

    justify-content: space-between;

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;


    font-size: 1.4rem;

    color: #fff;


}



.footer-policy {


    display: flex;

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;


}



.footer-policy a {


    color: #888;

    text-decoration: none;


}

.footer-social {

    display: flex;

    grid-gap: 2rem;--tx-row-gap: 2rem;--tx-column-gap: 2rem;gap: 2rem;

    margin-top: 3rem;

}



.footer-social a {

    width: 3.5rem;

    height: 3.5rem;

    border: 1px solid rgba(255, 255, 255, .3);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .3s;

}



.footer-social img {

    width: 1.6rem;

    height: 1.6rem;

    filter: brightness(0) invert(1);

}



.footer-social a:hover {

    background: #fff;

}



.footer-social a:hover img {

    filter: invert(1);

}

.footer-support {

    font-size: 1.4rem;

    color: #fff;

}



.footer-support a {

    color: #fff;

    text-decoration: none;

}

.Contactpage {


    padding: 6rem 0;


}



.Contactpage .container {

    margin: auto;


}




.contact-head {


    text-align: center;

    margin-bottom: 8rem;


}



.contact-label {


    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 2rem;


}



.contact-head h1 {


    font-size: 5rem;

    font-weight: 500;

    margin-bottom: 2rem;


}



.contact-head p {


    font-size: 1.7rem;

    color: #666;


}





/* 信息区域 */

.contact-location-tabs {
    display: flex;
    justify-content: center;
    grid-gap: 1rem;--tx-row-gap: 1rem;--tx-column-gap: 1rem;gap: 1rem;
    margin: -3rem 0 4rem;
}

.contact-location-tab {
    min-width: 13rem;
    padding: 1.25rem 2.8rem;
    border: 1px solid #d7d7d7;
    border-radius: 10rem;
    color: #555;
    background: #fff;
    font: inherit;
    font-size: 1.5rem;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.contact-location-tab:hover,
.contact-location-tab:focus-visible {
    border-color: #de5528;
    color: #de5528;
    outline: none;
}

.contact-location-tab.active {
    border-color: #de5528;
    color: #fff;
    background: #de5528;
    box-shadow: 0 1rem 2.5rem rgba(222, 85, 40, .18);
}


.contact-info-box {


    display: grid;

    grid-template-columns: 40% 60%;

    grid-gap: 5rem;--tx-row-gap: 5rem;--tx-column-gap: 5rem;gap: 5rem;


}





.contact-detail h2 {


    font-size: 3rem;

    font-weight: 500;

    margin-bottom: 4rem;


}

.contact-company {
    margin: -1.5rem 0 3.5rem;
    padding-left: 1.8rem;
    border-left: 3px solid #de5528;
}

.contact-company .contact-location-name {
    display: block;
    margin-bottom: .7rem;
    color: #888;
    font-size: 1.3rem;
    letter-spacing: .16rem;
    text-transform: uppercase;
}

.contact-company h3 {
    margin: 0;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 600;
}



.contact-item {


    margin-bottom: 3rem;


}


.contact-item div {
    width: calc(100% - 2.5rem);
}

.contact-item h3 {


    font-size: 1.6rem;

    margin-bottom: 1rem;


}



.contact-item p {


    font-size: 1.6rem;

    color: #666;

    line-height: 1.8;


}

.contact-item p a {
    color: inherit;
    text-decoration: none;
}

.contact-item p a:hover {
    color: #de5528;
}

.contact-item[hidden] {
    display: none;
}

@media (max-width: 768px) {
    .Contactpage {
        padding: 5rem 0;
    }

    .contact-head {
        margin-bottom: 6rem;
    }

    .contact-head h1 {
        font-size: 3.6rem;
    }

    .contact-location-tabs {
        justify-content: flex-start;
        margin-bottom: 3rem;
    }

    .contact-location-tab {
        flex: 1;
        min-width: 0;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .contact-info-box {
        grid-template-columns: 1fr;
        grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;
    }

    .contact-detail h2 {
        font-size: 2.6rem;
        margin-bottom: 3rem;
    }

    .contact-map,
    .contact-map #container {
        height: 38rem !important;
    }
}





/* 地图 */


.contact-map {


    height: 55rem;


}

.contact-map #container {
    height: 100% !important;
}



.contact-map iframe {


    width: 100%;

    height: 100%;

    border: 0;


}






/* 表单 */


.contact-form-box {


    margin-top: 6rem;

    padding-top: 8rem;

    border-top: 1px solid #ddd;


}

.contact-map #container {
    width: 100%;
    height: 60rem;
}

.contact-form-box .form-title {
    margin-bottom: 3.5rem;
}

.contact-form-box .form-title h2 {
    margin: 1.5rem 0 1rem;
    font-size: 3.6rem;
    font-weight: 500;
}

.contact-form-box .form-title p {
    color: #777;
    font-size: 1.5rem;
}



.contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 2.4rem;--tx-row-gap: 2.4rem;--tx-column-gap: 2.4rem;gap: 2.4rem;
}

.contact-message-form label {
    display: block;
}

.contact-message-form label span {
    display: block;
    margin-bottom: .9rem;
    color: #252525;
    font-size: 1.5rem;
    font-weight: 500;
}

.contact-message-form input,
.contact-message-form textarea {
    width: 100%;
    padding: 1.5rem 1.7rem;
    border: 1px solid #d8d8d8;
    border-radius: .3rem;
    background: #fff;
    color: #222;
    font: inherit;
}

.contact-message-form input:focus,
.contact-message-form textarea:focus {
    border-color: #17201d;
    outline: 0;
}

.contact-message-field {
    margin-top: 2.4rem;
}

.contact-message-form button {
    margin-top: 2.5rem;
    padding: 1.5rem 3.2rem;
    border: 1px solid #17201d;
    background: #17201d;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .08em;
    cursor: pointer;
    transition: .3s;
}

.contact-message-form button:hover {
    background: #fff;
    color: #17201d;
}

.contact-form-notice {
    max-width: 100rem;
    margin: 0 0 2.5rem;
    padding: 1.4rem 1.8rem;
    font-size: 1.5rem;
}

.contact-form-notice.success { background: #edf8f0; color: #23713a; }
.contact-form-notice.error { background: #fff0f0; color: #a12828; }

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background-color: #de5528;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}
@media (max-width: 767px) {
    .contact-form-grid { grid-template-columns: 1fr; }
    .contact-map #container { height: 42rem; }
}

.PolicyPage {
    padding: 7rem 0 9rem;
}

.product-search-page {
    padding: 7rem 0 9rem;
}

.product-search-head {
    margin-bottom: 5rem;
    text-align: center;
}

.product-search-head h1 {
    margin: 1.5rem 0 3rem;
    font-size: 4.5rem;
    line-height: 1.25;
    font-weight: 500;
}

.product-search-form {
    display: flex;
    max-width: 70rem;
    margin: 0 auto;
}

.product-search-form input {
    flex: 1;
    min-width: 0;
    padding: 1.5rem 1.8rem;
    border: 1px solid #d7d7d7;
    font-size: 1.6rem;
}

.product-search-form button {
    padding: 1.5rem 2.8rem;
    border: 1px solid #17201d;
    color: #fff;
    background: #17201d;
    font-size: 1.5rem;
    cursor: pointer;
}

.product-search-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4rem 2.5rem;--tx-row-gap: 4rem;--tx-column-gap: 2.5rem;gap: 4rem 2.5rem;
}

.product-search-card a {
    color: #17201d;
    text-decoration: none;
}

.product-search-image {
    height: 45rem;
    overflow: hidden;
    border-radius: 1.2rem;
    background: #f2f1ed;
}

.product-search-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.product-search-card:hover img {
    transform: scale(1.06);
}

.product-search-card h2 {
    margin: 1.8rem 0 .8rem;
    font-size: 2rem;
    line-height: 1.4;
}

.product-search-card span {
    color: #777;
    font-size: 1.4rem;
}

.product-search-pagination {
    margin-top: 6rem;
}

.product-search-pagination .page-numbers {
    display: flex;
    justify-content: center;
    grid-gap: 1rem;--tx-row-gap: 1rem;--tx-column-gap: 1rem;gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-search-pagination a,
.product-search-pagination span {
    display: flex;
    min-width: 4rem;
    height: 4rem;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    color: #17201d;
    text-decoration: none;
}

.product-search-pagination .current,
.product-search-pagination a:hover {
    border-color: #17201d;
    color: #fff;
    background: #17201d;
}

.product-search-empty {
    padding: 7rem 2rem;
    text-align: center;
}

.product-search-empty h2 {
    font-size: 3rem;
}

.product-search-empty p {
    margin: 1.5rem 0 2rem;
    color: #777;
    font-size: 1.6rem;
}

.product-search-empty a {
    color: #de5528;
}

.policy-head {
    margin-bottom: 4rem;
    text-align: center;
}

.policy-head h1 {
    margin: 0;
    font-size: 4.6rem;
    line-height: 1.2;
    font-weight: 500;
}

.policy-content {
    max-width: 100rem;
    margin: 0 auto;
    color: #555;
    font-size: 1.7rem;
    line-height: 1.9;
}

.policy-content h2,
.policy-content h3 {
    margin: 3rem 0 1.5rem;
    color: #17201d;
}

.policy-content a {
    color: #de5528;
}

@media (max-width: 768px) {
    .PolicyPage {
        padding: 5rem 0 7rem;
    }

    .policy-head h1 {
        font-size: 3.4rem;
    }

    .policy-nav .lm-ctbig {
        overflow-x: auto;
    }

    .policy-nav .lm-ct ul {
        min-width: max-content;
    }

    .product-search-head h1 {
        font-size: 3.2rem;
    }

    .product-search-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3rem 1.5rem;--tx-row-gap: 3rem;--tx-column-gap: 1.5rem;gap: 3rem 1.5rem;
    }

    .product-search-image {
        height: 26rem;
    }

    .cert-list,
    .news-list {
        grid-template-columns: 1fr;
    }

    .footer-main {
        grid-template-columns: 1fr;
        grid-gap: 4rem;--tx-row-gap: 4rem;--tx-column-gap: 4rem;gap: 4rem;
    }
}



.form-title {


    text-align: center;

    margin-bottom: 5rem;


}



.form-title h2 {


    font-size: 4rem;

    font-weight: 500;

}

.nybanner img {
    width: 100%;
}

.lanmux {
    height: 7.4rem;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    background: #f5f7f6;
    position: relative;
}

.lm-ct ul {
    display: flex;
    display: -webkit-flex;
}

.lm-ct ul li {
    list-style-type: none;
    margin-right: 5rem;
}

.lm-ct ul li a {
    display: block;
    line-height: 7.4rem;
    font-size: 1.6rem;
    color: #555555;
    cursor: pointer;
}

.lm-ct ul li.hover a,
.lm-ct ul li:hover a {
    color: #DE5528;
}

.lm-ct>span {
    display: block;
    height: 4px;
    background: #DE5528;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    transition: .5s;
}

.bread {
    display: flex;
    line-height: 7.4rem;
    font-size: 1.6rem;
    color: #555;
}

.menu ul li dl {
    position: absolute;
    top: 70%;
    left: 50%;
    background: #f5f7f6;
    display: none;
    transform: translate(-50%, 0%);
    width: max-content;
}

.menu ul li:first-child dl {
    width: 43rem;
}

.menu ul li dl li,
.menu ul li dl dt {
    text-align: center;
    color: #f5f7f6;
    line-height: 2;
    cursor: pointer;
    padding: 0 1rem;
    margin: 0.8rem 0;
    position: relative;
}

.menu ul li dl li a,
.menu ul li dl dt a {
    font-size: 2rem;
    color: #000;
}

.menu ul li dl li a:hover {
    color: #DE5528;
}

.menu ul li>dl>dt.erji>a:after {
    content: '';
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 1px solid #f5f7f6;
    border-right: 1px solid #f5f7f6;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 40%;
    left: auto;
}

.menu ul li>dl>dt.erji:hover>a:after {
    content: '';
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 1px solid #242424;
    border-right: 1px solid #242424;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 35%;
    background: #f5f7f6;
    left: auto;
}

.menu ul li dl dt dl {
    left: 100%;
    top: -0.8rem;
    width: auto;
}

.menu ul li dl dt:hover dl {
    display: block;
    transform: translate(0px, 0px);
}

.menu ul li dl dt:hover,
.menu ul li dl li:hover {
    background: #f5f7f6;
}

.menu ul li dl dt:hover a,
.menu ul li dl li:hover a {
    color: #DE5528;
}

header.head .menu ul li dl dt:hover a,
header.head .menu ul li dl li:hover a {
    color: #DE5528;
}

.menu ul li dl li a,
.menu ul li dl dt a {
    font-size: 1.6rem;
    color: #000;
}

.lm-ctbig {
    display: flex;
    justify-content: space-between;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3>li.mega-menu-item>a.mega-menu-link {
    height: 7.4rem;
    line-height: 7.4rem;
    font-size: 1.6rem;
    color: #555;
}

#mega-menu-wrap-max_mega_menu_1,
#mega-menu-wrap-max_mega_menu_2,
#mega-menu-wrap-max_mega_menu_3 {
    background: transparent;
}

#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
    background-color: transparent;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
    transition: .5s;
}

#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:hover {
    background: #333;
    color: #fff;
    transition: .5s;
}

.FAQpage {

    padding: 6rem 0;

}


.FAQpage .container {
    margin: auto;

}




.faq-head {

    text-align: center;

    margin-bottom: 8rem;

}



.faq-label {

    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 2rem;

}



.faq-head h1 {

    font-size: 5rem;

    font-weight: 500;

    margin-bottom: 2rem;

}



.faq-head p {

    font-size: 1.7rem;

    color: #666;

    line-height: 1.8;

}




.faq-group {

    margin-bottom: 6rem;

}



.faq-group h2 {

    font-size: 3rem;

    font-weight: 500;

    margin-bottom: 3rem;

}





.faq-item {

    border-bottom: 1px solid #ddd;

}



.faq-item button {

    width: 100%;

    border: 0;

    background: none;

    padding: 2.5rem 0;

    text-align: left;

    font-size: 1.8rem;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

}



.faq-item button span {

    font-size: 3rem;

}



.faq-answer {

    display: none;

    padding-bottom: 2.5rem;

}



.faq-answer p {

    font-size: 1.6rem;

    line-height: 2;

    color: #666;

}





.faq-contact {

    margin-top: 10rem;

    padding: 6rem;

    background: #f5f5f5;

    text-align: center;

}



.faq-contact h2 {

    font-size: 3.5rem;

    margin-bottom: 2rem;

}



.faq-contact a {

    display: inline-block;

    margin-top: 3rem;

    padding: 1.5rem 4rem;

    border: 1px solid #111;

    color: #111;

    text-decoration: none;
    transition: .5s;

}

.faq-contact a:hover {
    background: #111;
    transition: .5s;
    color: #fff;
}

.NewsPage {

    padding: 6rem 0;

}



.NewsPage .container {
    margin: auto;
}




.news-page-head {

    text-align: center;

    margin-bottom: 8rem;

}



.news-label {

    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 2rem;

}



.news-page-head h1 {

    font-size: 5rem;

    font-weight: 500;

    margin-bottom: 2rem;

}



.news-page-head p {

    font-size: 1.7rem;

    color: #666;

}





.news-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 5rem 3rem;--tx-row-gap: 5rem;--tx-column-gap: 3rem;gap: 5rem 3rem;

}




.news-item a {

    color: #111;

    text-decoration: none;

}




.news-img {

    height: 35rem;

    overflow: hidden;

    margin-bottom: 3rem;

}



.news-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;

}



.news-item:hover img {

    transform: scale(1.08);

}





.news-info time {

    font-size: 1.4rem;

    color: #999;

}



.news-info h2 {

    font-size: 2.5rem;

    line-height: 1.4;

    font-weight: 500;

    margin: 1.5rem 0;

}



.news-info p {

    font-size: 1.5rem;

    color: #666;

    line-height: 1.8;

}



.news-info span {

    display: block;

    margin-top: 2rem;

    font-size: 1.4rem;

    letter-spacing: .2rem;

}




.news-pagination {

    margin-top: 8rem;

    text-align: center;

}

.xwny {
    padding: 4.8rem 0 2.5rem;
    background: #f0f0f0;
}

.xwddbig {
    display: flex;
    justify-content: space-between;
}

.xwddleft {
    width: 70%;
    background-color: #fff;
    padding: 4rem 4.5rem 6rem;
    border-top: #DE5528 solid 0.6rem;
}

.xwddbt h2 {
    line-height: 125%;
    font-size: 32px;
    color: #333333;
    font-weight: 700;
}

.xwddbt h3 {
    margin-top: 13px;
    font-size: 16px;
    line-height: 137.5%;
    color: #999999;
}

.xwddleft section {
    margin: 25px 0;
    font-size: 18px;
    color: #333;
    line-height: 171.428571%;
}

.fanye {
    font-size: 18px;
}

.xwddright {
    width: 28%;
    background-color: #fff;
    border-top: #DE5528 solid 6px;
    float: right;
}

.xwddrightbt {
    width: 100%;
    height: 34px;
    background: rgba(18, 18, 18, 0.04);
    color: #333333;
    line-height: 34px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 31px;
    margin-bottom: 10px;
}

.xwddright ul li {
    padding: 2rem 1.5rem;
    transition: .5s;
}

.xwddright ul li:hover {
    background: #c2c1c1;
    transition: .5s;
}

.zxxwwen h2 {
    font-size: 1.6rem;
    color: #393b40;
    min-height: 4rem;
    line-height: 150%;
    font-weight: 600;
    text-align: left;
    margin: 1.5rem 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
}

.zxxwsj {
    color: #393b40;
    font-size: 1.4rem;
}

.xwddright ul {
    margin: 0;
    list-style: none;
}

.zxxwtu img {
    width: 100%;
    height: 100%;
}

.banner .swiper {
    height: 100%;
}

.CustomPage {

    padding: 6rem 0;

}


.CustomPage .container {
    margin: auto;
}



.custom-head {

    text-align: center;

    margin-bottom: 10rem;

}



.custom-label {

    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

}



.custom-head h1 {

    font-size: 5rem;

    margin: 2rem 0;

}



.custom-head p {

    font-size: 1.7rem;

    color: #666;

}




.custom-process {

    margin-bottom: 10rem;

}



.custom-process h2,
.moq-section h2,
.custom-case h2 {

    font-size: 3.5rem;

    text-align: center;

    margin-bottom: 5rem;

}



.custom-case {
    margin-top: 10rem;
}

.process-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}

.custom-process-mass .process-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}


.process-item {

    padding: 4rem 3rem;

    border: 1px solid #ddd;

    text-align: center;

}



.process-item span {

    font-size: 3rem;

    color: #999;

}



.process-item h3 {

    font-size: 1.8rem;

    margin-top: 2rem;

}






.moq-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 4rem;--tx-row-gap: 4rem;--tx-column-gap: 4rem;gap: 4rem;

}



.moq-box {

    padding: 5rem;

    background: #f7f7f7;

}



.moq-box h3 {

    font-size: 2.8rem;

}



.moq-box p {

    font-size: 1.6rem;

    line-height: 1.8;

    color: #666;

}





.factory-moq {

    margin-top: 3rem;

}






.case-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}



.case-item {

    text-align: center;

}



.case-img {
    height: 35rem;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}



.case-item h3 {
    font-size: 2rem;
}

.company-profile {

    padding: 6rem 0;

}



.company-profile .container {
    margin: auto;

}



.profile-wrapper {


    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 8rem;--tx-row-gap: 8rem;--tx-column-gap: 8rem;gap: 8rem;

    align-items: center;


}




.section-label {


    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #888;

    margin-bottom: 2rem;


}



.profile-content h2 {


    font-size: 4.2rem;

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 3rem;


}



.profile-content p {


    font-size: 1.7rem;

    line-height: 1.9;

    color: #666;

    margin-bottom: 2rem;


}






.profile-data {


    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;


}




.company-profile .data-item {


    padding: 4rem 3rem;

    background: #f7f7f7;

}



.company-profile .data-item strong {


    display: block;

    font-size: 4.5rem;

    font-weight: 600;

    margin-bottom: 1.5rem;


}



.company-profile .data-item span {


    font-size: 1.5rem;

    color: #666;

    line-height: 1.5;


}

.history-section {

    padding: 8rem 0;

}


.history-title {

    text-align: center;
    margin-bottom: 5rem;

}


.history-title span {

    color: #777;
    font-size: 1.6rem;

}


.history-title h2 {

    font-size: 4rem;
    margin-top: 1rem;

}



.historySwiper {

    width: 90%;
    overflow: hidden;

}



.historySwiper::before {

    content: "";

    position: absolute;

    top: 9rem;

    left: 0;

    width: 100%;

    height: 2px;

    background: #ddd;

}



.history-section .swiper-slide {

    position: relative;

    padding-top: 6rem;

}



.history-year {


    width: 8rem;
    height: 8rem;

    border-radius: 50%;

    background: #111;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 2rem;

    margin: auto;

    position: relative;

    z-index: 2;

}



.history-card {


    margin-top: 3rem;

    background: #fff;

    padding: 3rem;

    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .08);

    min-height: 20rem;

}



.history-card h3 {

    font-size: 2.2rem;

    margin-bottom: 1.5rem;

}



.history-card p {

    font-size: 1.6rem;

    line-height: 1.8;

    color: #666;

}

.global-partners {

    position: relative;
    padding: 10rem 0;
    overflow: hidden;

    background: #071B35;
    color: #fff;

}


.global-bg {

    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;
}



.global-partners .container {

    position: relative;
    margin: auto;

}




.global-header {

    text-align: center;
    margin-bottom: 7rem;

}


.global-header span {

    font-size: 1.4rem;
    letter-spacing: .3rem;
    opacity: .7;

}


.global-header h2 {

    font-size: 4.8rem;
    margin: 2rem 0;

}


.global-header p {

    font-size: 1.8rem;
    opacity: .8;

}




/* 全球市场 */


.market-area {

    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;

}


.market-content {

    width: 55rem;

}


.market-content h3 {

    font-size: 3rem;

}


.market-content p {

    line-height: 1.8;
    font-size: 1.6rem;
    opacity: .85;

}



.markets {

    display: flex;
    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;
    margin-top: 4rem;

}


.markets div {

    border-left: .2rem solid #5cc8ff;
    padding-left: 1.5rem;

}



.markets strong {

    display: block;
    font-size: 1.8rem;

}



.markets span {

    font-size: 1.3rem;
    opacity: .7;

}






/* 品牌 */

.brand-section {

    margin-bottom: 2rem;

}



.brand-section h3 {

    text-align: center;
    font-size: 3rem;
    margin-bottom: 2rem;

}

/* 产品 */

.product-area {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

    margin-bottom: 2rem;

}



.product-card {
    padding: 4rem 2rem 2rem;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    background-size: 123%;
    background-position: -0.5rem -0.5rem;
}



.global-partners .icon {
    font-size: 4rem;
    padding-top: 2rem;
    color: #fff;
    display: inline-block;
    width: max-content;
    position: relative;
}

.global-partners .icon:after {
    width: 95%;
    height: 0.3rem;
    display: block;
    background: #DE5528;
    content: "";
    margin: 1rem 0;
}

.product-card h3 {

    font-size: 2.4rem;
    margin-bottom: 0.5rem;
}



.product-card p {

    font-size: 1.5rem;

    line-height: 1.8;

    opacity: .8;

}






/* 数据 */

.data-area {
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding-top: 2rem;
    justify-content: space-between;
}

.data-area .data-item-big {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 48%;
}

.global-partners .data-item {
    text-align: center;
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.data-area-title {
    width: 100%;
    font-size: 2rem;
    margin-bottom: 2rem;
}



.global-partners .data-item strong {

    display: block;

    font-size: 5rem;

}



.global-partners .data-item span {
    font-size: 1.6rem;
    opacity: .8;
    margin-left: 2rem;
}

.factory-capability {

    padding: 6rem 0;

}



.factory-capability .container {
    margin: auto;

}



.factory-capability .factory-head {

    text-align: center;

    margin-bottom: 10rem;

}



.factory-capability .factory-head h2 {

    font-size: 4.5rem;

    font-weight: 500;

    margin: 2rem 0;

}



.factory-capability .factory-head p {

    font-size: 1.7rem;

    color: #666;

}







.factory-capability .factory-feature {

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    grid-gap: 8rem;--tx-row-gap: 8rem;--tx-column-gap: 8rem;gap: 8rem;

    align-items: center;

    margin-bottom: 6rem;

}



.factory-capability .factory-image {

    height: 40rem;

    background: #eee;

    display: flex;

    align-items: center;

    justify-content: center;

}

.factory-capability .factory-image img,
.factory-capability .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.factory-capability .factory-image.factoryRdSwiper {
    display: block;
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    contain: inline-size;
    overflow: hidden;
}

.factory-capability .factory-feature > * { min-width: 0; }
.factoryRdSwiper > .swiper-wrapper { width: 100%; height: 100%; }
.factoryRdSwiper > .swiper-wrapper > .swiper-slide { min-width: 0; height: 100%; overflow: hidden; }
.factoryRdSwiper .swiper-slide img { display: block; }
.factoryRdSwiper .factory-rd-prev,
.factoryRdSwiper .factory-rd-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 50%;
    background: rgba(0,0,0,.35);
    color: #fff;
    font: 32px/1 Arial, sans-serif;
    cursor: pointer;
}
.factoryRdSwiper .factory-rd-prev { left: 16px; }
.factoryRdSwiper .factory-rd-next { right: 16px; }
.factoryRdSwiper button:hover { background: rgba(0,0,0,.65); }
.factoryRdSwiper button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.factoryRdSwiper .factory-rd-pagination {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    z-index: 2;
    text-align: center;
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: .5;
}


.factory-capability .factory-content h3 {

    font-size: 3.5rem;

    margin-bottom: 3rem;

}



.factory-capability .factory-content p {

    font-size: 1.7rem;

    color: #666;

    line-height: 1.8;

}



.factory-capability .factory-content ul {

    margin-top: 3rem;

    padding-left: 2rem;

}



.factory-capability .factory-content li {

    font-size: 1.6rem;

    line-height: 2;

}







.factory-capability .factory-base {

    margin-bottom: 6rem;

}



.factory-capability .factory-base h3,
.factory-capability .equipment-section h3,
.factory-capability .certification-section h3 {

    text-align: center;

    font-size: 3.5rem;

    margin-bottom: 5rem;

}





.factory-capability .factory-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 4rem;--tx-row-gap: 4rem;--tx-column-gap: 4rem;gap: 4rem;

}



.factory-capability .factory-card {

    border: 1px solid #ddd;

    padding-bottom: 4rem;

}



.factory-capability .card-image {

    height: 35rem;

    background: #eee;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 3rem;

}



.factory-capability .factory-card h4,
.factory-capability .factory-card strong,
.factory-capability .factory-card p {

    margin-left: 4rem;

    margin-right: 4rem;

}



.factory-capability .factory-card h4 {

    font-size: 2.8rem;

}



.factory-capability .factory-card strong {

    display: block;

    font-size: 2rem;

    margin-top: 2rem;

}



.factory-capability .factory-card p {

    font-size: 1.6rem;

    line-height: 1.8;

    color: #666;

}








.factory-capability .equipmentSwiper {
    overflow: hidden;
}
.factory-capability .equipment-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 24px; grid-gap: clamp(12px, 2.5vw, 30px);--tx-row-gap: 24px;--tx-column-gap: 24px;gap: clamp(12px, 2.5vw, 30px);
}
.factory-capability .equipment-item {
    background: #f5f5f5;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}
.factory-capability .equipment-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.factory-capability .equipment-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;--tx-row-gap: 20px;--tx-column-gap: 20px;gap: 20px;
    margin-top: 24px;
}
.factory-capability .equipment-pagination {
    width: auto;
}
.factory-capability .equipment-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}
.factory-capability .equipment-controls button {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: #333;
    font-size: 26px;
    cursor: pointer;
}
.factory-capability .equipment-controls button:focus-visible {
    outline: 2px solid #333;
    outline-offset: 3px;
}

.factory-capability .cert-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));

    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}

.factory-capability .cert-grid div {

    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;

}

.factory-capability .cert-grid img {    display: block;    width: 100%;    height: auto !important;    aspect-ratio: 330 / 160;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 2rem;
    border-radius: 1.2rem;
}


.factory-capability .cert-grid div {


    border: 1px solid #ddd;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 2.5rem;
    flex-direction: column;
}

.certification-section {
    margin-top: 6rem;
}

.why-choose {
    padding: 12rem 0;
    background: #071B35;
}



.why-choose .container {
    margin: auto;

}



.why-title {

    text-align: center;

    margin-bottom: 6rem;

}



.why-title span {

    font-size: 1.4rem;

    letter-spacing: .4rem;

    color: #fff;

}



.why-title h2 {

    font-size: 4.5rem;

    font-weight: 500;

    margin-top: 2rem;
    color: #fff;
}






.why-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 2rem;--tx-row-gap: 2rem;--tx-column-gap: 2rem;gap: 2rem;

}



.why-card {

    height: 45rem;
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
    overflow: hidden;
}



.why-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}





.why-overlay {

    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
    transition: .4s;
}




.why-overlay h3 {
    font-size: 2rem;
    margin: 1.5rem 0;
    text-align: center;
    height: 6.6rem;
}



.why-overlay p {
    font-size: 1.5rem;
    line-height: 1.7;
    transition: .4s;
    text-align: center;
    height: 18rem;
}



.why-icon {
    font-size: 4rem;
    text-align: center;

}






.why-card:hover .why-overlay {
    background: rgba(0, 0, 0, .75);
    justify-content: center;
    text-align: center;
}



.why-card:hover .why-overlay p {
    opacity: 1;
    transform: translateY(0);
}

.products-page {

    padding: 6rem 0;

}



.products-page .products-page .container {

    margin: auto;

}





.products-page .products-layout {

    display: grid;
    grid-template-columns: 30rem 1fr;
    grid-gap: 5rem;--tx-row-gap: 5rem;--tx-column-gap: 5rem;gap: 5rem;

}

.products-layout .container {
    width: 100%;
}





/* sidebar */


.products-page .sidebar-box,
.products-page .contact-box {

    border: 1px solid #ddd;
    padding: 3rem;
    margin-bottom: 4rem;
    border-radius: 1.2rem;
}



.products-page .sidebar-box h3,
.products-page .contact-box h3 {

    font-size: 2.2rem;
    margin-bottom: 3rem;

}



.products-page .sidebar-box ul {

    padding: 0;
    list-style: none;

}



.products-page .sidebar-box li {
    font-size: 1.6rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: .3s;
}

.products-page .sidebar-box li a {
    color: #333;
}


.products-page .sidebar-box li:hover a {
    color: #DE5528;
    padding-left: 1rem;

}

.products-page .sidebar-box li.hover a {
    color: #DE5528;
}






.products-page .contact-item {

    display: flex;
    grid-gap: 2rem;--tx-row-gap: 2rem;--tx-column-gap: 2rem;gap: 2rem;
    margin-bottom: 3rem;

}



.products-page .contact-item .icon {

    width: 2.5rem;

}

.products-page .contact-item .icon img {
    width: 100%;
}

.products-page .contact-item strong {

    font-size: 1.6rem;

}



.products-page .contact-item p {

    font-size: 1.4rem;
    color: #666;

}









/* featured */


.products-page .featured-product {

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem;--tx-row-gap: 5rem;--tx-column-gap: 5rem;gap: 5rem;
    align-items: center;
    margin-bottom: 4rem;

}



.products-page .featured-image {

  
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.2rem;

}

.products-page .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.products-page .featured-content span {

    font-size: 1.4rem;
    letter-spacing: .3rem;
    color: #999;

}



.products-page .featured-content h2 {

    font-size: 4rem;
    margin: 2rem 0;

}



.products-page .featured-content p {

    font-size: 1.7rem;
    line-height: 1.8;
    color: #666;

}



.products-page .featured-content a {

    display: inline-block;
    margin-top: 3rem;
    font-size: 1.6rem;

}







/* product */


.products-page .product-list h2 {

    font-size: 3.5rem;
    margin-bottom: 0rem;

}




.products-page .product-grid {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;

}



.products-page .product-card {

    overflow: hidden;

}



.products-page .product-img {
    height: auto;
    overflow: hidden;
    background: #eee;
    padding-top: 100%;
    position: relative;
    border-radius: 1.2rem;
}



.products-page .product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
}




.products-page .product-card:hover img {
    transform: scale(1.08);
}





.products-page .product-card h3 {
    font-size: 2rem;
    margin-top: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.products-page .product-card p {
    font-size: 1.5rem;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.inquiry-popup {

    position: fixed;

    top: 0;right: 0;bottom: 0;left: 0;inset: 0;

    display: none;

    z-index: 999;


}


.inquiry-popup.active {

    display: block;


}



.inquiry-mask {

    position: absolute;

    top: 0;right: 0;bottom: 0;left: 0;inset: 0;

    background: rgba(0, 0, 0, .6);


}



.inquiry-box {


    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);


    width: 50rem;

    background: #fff;

    padding: 5rem;


}



.inquiry-close {

    position: absolute;

    right: 2rem;

    top: 1rem;

    font-size: 3rem;

    cursor: pointer;

}



.inquiry-box input,
.inquiry-box textarea {


    width: 100%;

    padding: 1.5rem;

    margin-bottom: 2rem;

    border: 1px solid #ddd;


    font-size: 1.5rem;


}



.inquiry-box textarea {

    height: 15rem;

    resize: none;

}



.inquiry-box button {


    width: 100%;

    height: 5rem;

    background: #111;

    color: #fff;

    border: none;


}

.inquiry-box form {
    margin-top: 2rem;
}

.inquiry-btn {

    border-radius: 1.2rem;
    margin-top: 2rem;

    width: 100%;

    height: 4.8rem;


    border: 1px solid #222;

    background: #222;

    color: #fff;


    font-size: 1.5rem;

    letter-spacing: .1rem;


    cursor: pointer;

    transition: .35s;


}




.inquiry-btn:hover {


    background: #fff;

    color: #222;


}

.product-card a,
.products-page .featured-content a {
    color: #DE5528;
}

/* =========================
Product Detail
========================= */

.detail .product-detail .container,
.detail .product-tabs .container,
.detail .specification .container,
.detail .related-products .container {
    width: 100%;
    margin: auto;
}

.detail .product-summary {
    display: grid;
    grid-template-columns: 60rem 1fr;
    grid-gap: 8rem;--tx-row-gap: 8rem;--tx-column-gap: 8rem;gap: 8rem;
    align-items: start;
}

/* =========================
Gallery
========================= */
.detail .product-gallery {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.detail .gallery-main {
    width: 100%;
    height: 65rem;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 1.2rem;
}

.detail .gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail .gallery-thumb-wrap {
    position: relative;
    width: 100%;
    max-width: 60rem;
    margin-top: 2rem;
}

.detail .gallery-thumb-wrap.has-navigation {
    padding: 0 4.5rem;
    height: 10rem;
}

.detail .gallery-thumb {
    width: 100%;
    height: 10rem;
    overflow: hidden;
    cursor: default;
}

.detail .gallery-thumb .swiper-slide {
    width: auto;
    height: 10rem;
}

.detail .gallery-thumb img {
    display: block;
    width: 100%;
    height: 10rem;
    object-fit: contain;
    background: #f5f5f5;
    cursor: pointer;
    border: 1px solid #eee;
    transition: .3s;
    box-sizing: border-box;
}

.detail .gallery-thumb img:hover,
.detail .gallery-thumb img.active {
    border-color: #111;
}

.detail .gallery-thumb-prev,
.detail .gallery-thumb-next {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: #222;
    font-size: 2.6rem;
    line-height: 1;
    transform: translateY(-50%);
    cursor: pointer;
}

.inquiry-box .inquiry-close {
    width: auto;
    height: auto;
    padding: 0;
    color: #111;
    background: transparent;
    line-height: 1;
}

.inquiry-honeypot {
    position: absolute !important;
    left: -9999px !important;
}

.inquiry-notice {
    margin: 1.5rem 0;
    padding: 1.2rem 1.5rem;
    font-size: 1.4rem;
}

.inquiry-notice.success {
    color: #176b38;
    background: #edf8f1;
}

.inquiry-notice.error {
    color: #a12622;
    background: #fff0ef;
}

.detail .gallery-thumb-prev {
    left: 0;
}

.detail .gallery-thumb-next {
    right: 0;
}

.detail .gallery-thumb-prev.swiper-button-disabled,
.detail .gallery-thumb-next.swiper-button-disabled {
    opacity: .3;
    cursor: default;
}

/* =========================
Product Info
========================= */
.detail .product-info h1 {
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 3rem;
}

.detail .product-intro {
    font-size: 1.7rem;
    line-height: 1.8;
    color: #666;
    margin-bottom: 4rem;
}

.detail .product-feature {
    margin-bottom: 4rem;
}

.detail .product-feature h3 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.detail .product-feature ul {
    padding-left: 2rem;
}

.detail .product-feature li {
    font-size: 1.6rem;
    line-height: 2.2;
    color: #555;
}

/* Inquiry */
.detail .product-actions {
    margin-top: 4rem;
}

.detail .product-actions .inquiry-btn {
    width: 22rem;
    height: 5.5rem;
    background: #111;
    color: #fff;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    transition: .35s;
}

.detail .product-actions .inquiry-btn:hover {
    background: #fff;
    color: #111;
    border: 1px solid #111;
}

/* Share */
.detail .share {
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 1px solid #eee;
    font-size: 1.5rem;
}

.detail .product-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 1.5rem;--tx-row-gap: 1.5rem;--tx-column-gap: 1.5rem;gap: 1.5rem;
}

.detail .product-share .share-label {
    line-height: 3.2rem;
}

.detail .product-share .a2a_kit {
    display: flex;
    align-items: center;
    grid-gap: .6rem;--tx-row-gap: .6rem;--tx-column-gap: .6rem;gap: .6rem;
}

.detail .share a {
    margin-left: 2rem;
    color: #555;
}

.detail .product-share .a2a_kit a {
    margin-left: 0;
    line-height: 1;
}

.detail .product-share .a2a_svg {
    border-radius: 50% !important;
}

.detail .share a:hover {
    color: #000;
}

/* =========================
Product Tabs
========================= */
.detail .product-tabs {
    padding: 4rem 0;
    border-top: 1px solid #eee;
}

.detail .tab-menu {
    display: flex;
    grid-gap: 5rem;--tx-row-gap: 5rem;--tx-column-gap: 5rem;gap: 5rem;
    border-bottom: 1px solid #ddd;

}

.detail .tab-menu button {
    background: none;
    border: none;
    padding: 2rem 0;
    font-size: 2rem;
    cursor: pointer;
    color: #777;
}

.detail .tab-menu .active {
    color: #111;
    border-bottom: 2px solid #111;
}

.detail .tab-content h2 {
    font-size: 3.2rem;
    margin-bottom: 3rem;
}

.detail .tab-content p {
    font-size: 1.7rem;
    line-height: 1.9;
    color: #666;
}

/* =========================
Specification
========================= */
.detail .specification {
    padding: 2rem;
    margin: 2rem 0;
    background: #f8f8f8;
}

.detail .specification h2 {
    font-size: 3.5rem;
    margin-bottom: 4rem;
}

.detail .specification table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.detail .specification td {
    border: 1px solid #eee;
    padding: 2rem;
    font-size: 1.6rem;
}

.detail .specification td:first-child {
    width: 25%;
    font-weight: 600;
}

/* =========================
Related Products
========================= */
.detail .related-products {
    padding: 5rem 0;
    min-width: 0;
    overflow: hidden;
}

.products-page .products-layout > .detail,
.detail .related-products .container {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.products-page .products-layout {
    grid-template-columns: 30rem minmax(0, 1fr);
}

.detail .related-products h2 {
    font-size: 3.8rem;
    margin-bottom: 5rem;
}

.detail .related-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;
    margin-bottom: 5rem;
}

.detail .related-head h2 {
    margin-bottom: 0;
}

.detail .related-controls {
    display: flex;
    grid-gap: 1rem;--tx-row-gap: 1rem;--tx-column-gap: 1rem;gap: 1rem;
}

.detail .related-controls button {
    width: 4.4rem;
    height: 4.4rem;
    padding: 0;
    border: 1px solid #d8d5cf;
    border-radius: 50%;
    color: #17201d;
    background: #fff;
    font-size: 2.4rem;
    line-height: 1;
    cursor: pointer;
    transition: .3s;
}

.detail .related-controls button:hover {
    border-color: #17201d;
    color: #fff;
    background: #17201d;
}

.detail .related-controls button.swiper-button-disabled {
    opacity: .3;
    cursor: default;
}

.detail .related-slider {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.detail .related-slider .swiper-wrapper {
    display: flex;
    width: 100%;
    min-width: 0;
}

.detail .related-slider .swiper-slide {
    min-width: 0;
    max-width: 100%;
    height: auto;
    overflow: visible;
    box-sizing: border-box;
}

.detail .related-slider-img {
    overflow: hidden;
    border-radius: 1.2rem;
}

.detail .related-slider img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 35rem;
    object-fit: cover;
    transition: .4s;
}

.detail .related-slider .swiper-slide:hover img {
    transform: scale(1.08);
}

.detail .related-slider h3 {
    font-size: 2rem;
    margin-top: 2rem;
}

.detail .related-slider a {
    color: #333;
}

.detail .related-slider a:hover {
    color: #DE5528;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}

.wpforms-submit {
    background: #DE5528 !important;
    margin: 0 auto !important;
    display: block !important;
}

.bread a {
    color: #555;
}

.swiper-button-next:after,
.swiper-button-prev:after {

    color: #000;
}

.home-process {
    padding: 12rem 0;
    background: #f7f7f7;
}

.home-process .container {

    margin: 0 auto;
}

/* =========================================
   HEADER
========================================= */
.process-header {
    max-width: 85rem;
    margin: 0 auto 5rem;
    text-align: center;
}

.process-label {
    display: block;
    font-size: 1.4rem;
    letter-spacing: .4rem;
    color: #888;
    margin-bottom: 1.5rem;
}

.process-header h2 {
    font-size: 4.5rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0 0 2rem;
}

.process-header p {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #666;
    margin: 0;
}

/* =========================================
   TABS
========================================= */
.process-tabs {
    display: flex;
    justify-content: center;
    grid-gap: 0;--tx-row-gap: 0;--tx-column-gap: 0;gap: 0;
    margin-bottom: 3rem;
}

.process-tab {
    position: relative;
    min-width: 24rem;
    padding: 1.8rem 3rem;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    font-size: 1.5rem;
    cursor: pointer;
    transition: .35s;
}

.process-tab:first-child {
    border-right: none;
}

.process-tab:hover {
    color: #111;
}

.process-tab.active {
    background: #111;
    border-color: #111;
    color: #fff;
}

/* =========================================
   PROCESS BOX
========================================= */
.process-box {
    position: relative;
    min-height: 70rem;
    overflow: hidden;
    background-image: url("/wp-content/themes/underscores/index/images/sample-process.jpg");
    background-size: cover;
    background-position: center;
    transition: background-image .5s ease;
    border-radius: 1.2rem;
}

/*
如果你的图片路径不同，
直接修改这里：
../images/sample-process.jpg
*/
.process-overlay {
    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;
    background: rgba(0, 0, 0, .52);
    z-index: 1;
}

.process-content {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 70rem;
    display: none;
    padding: 8rem 7rem;
    border-radius: 1.2rem;
}

.process-content.active {
    display: flex;
    align-items: center;
}

/* =========================================
   PROCESS GRID
========================================= */
.process-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 7rem 4rem;--tx-row-gap: 7rem;--tx-column-gap: 4rem;gap: 7rem 4rem;
}

.process-content[data-content="production"] .process-list {
    grid-template-columns: repeat(3, 1fr);
}

/* =========================================
   PROCESS ITEM
========================================= */
.process-item {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 2rem;
}

.process-number {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1rem;
    margin-bottom: 1.5rem;
}

.process-line {
    width: 4rem;
    height: 1px;
    background: rgba(255, 255, 255, .7);
    margin: 0 auto 2rem;
}

.process-item h3 {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    margin: 0 0 1rem;
}

.process-item p {
    max-width: 24rem;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, .75);
}

/* =========================================
   HOVER
========================================= */
.process-item {
    transition: .35s;
}

.process-item:hover {
    transform: translateY(-.8rem);
}

.process-item:hover .process-number {
    transform: scale(1.08);
}

.process-number {
    transition: .35s;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_3>li.mega-menu-item>a.mega-menu-link {
    margin-right: 2rem;
}

/* =========================================
   MOBILE
========================================= */
.market-map {
    width: calc(65% - 5.5rem);
}

.market-map img {
    width: 100%;
}

.jindu {
    background: #383e46;
    display: block;
    width: 100%;
    height: 1rem;
    position: relative;
}

.jindu:after {
    height: 100%;
    position: absolute;
    display: block;
    background: #DE5528;
    left: 0;
    top: 0;
    content: "";
}

.jindu2:after {
    width: 20%;
}

.jindu8:after {
    width: 80%;
}

.jindu6:after {
    width: 60%;
}

.jindu4:after {
    width: 40%;
}

.partnersSwiper1,
.partnersSwiper2 {
    margin-bottom: 2rem;
}

.partners .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: auto;
    aspect-ratio: 2.6 / 1;
    padding: 0;
    overflow: hidden;
    background: #fff;

}

.partners .swiper-slide img {
    transition: transform 0.3s;
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--partner-logo-width, 75%);
    height: var(--partner-logo-height, 80%);
    max-width: none;
    max-height: none;
    object-fit: contain;
    background: #fff;
    transform: translate(var(--partner-logo-x, -50%), var(--partner-logo-y, -50%));
}


.partners .swiper-slide:hover {
    opacity: 1;
    transition: .5s;
}

.partners .swiper-slide:hover img {
    transform: translate(var(--partner-logo-x, -50%), var(--partner-logo-y, -50%)) scale(1.04);
}

.partnersSwiper1 .swiper-wrapper,
.partnersSwiper2 .swiper-wrapper {
    transition-timing-function: linear !important;
}

.partners-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right,
            #fff 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0) 90%,
            #fff 100%);
}

.customer-reviews {
    padding: 9rem 0 10rem;
    background: #f7f9fc;
}

.customer-reviews-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.customer-reviews-head {
    text-align: center;
    margin-bottom: 6rem;
}

.customer-reviews-label {
    display: inline-flex;
    align-items: center;
    grid-gap: 1rem;--tx-row-gap: 1rem;--tx-column-gap: 1rem;gap: 1rem;
    margin-bottom: 1.5rem;
    color: #0630ba;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .2em;
}

.customer-reviews-label::before,
.customer-reviews-label::after {
    content: "";
    width: 3.5rem;
    height: 1px;
    background: #0630ba;
    opacity: .6;
}

.customer-reviews-head h2 {
    margin: 0 0 1.5rem;
    color: #283245;
    font-size: 4.5rem;
    line-height: 1.2;
    font-weight: 700;
}

.customer-reviews-head p {
    margin: 0;
    color: #707987;
    font-size: 1.7rem;
    line-height: 1.8;
}

.customer-reviews-list {
    overflow: hidden;
}

.customer-review-item {
    display: grid;
    grid-template-columns: 48% 52%;
    min-height: 42rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1.5rem 4rem rgba(30, 50, 80, .06);
}

.customer-review-item-reverse {
    grid-template-columns: 52% 48%;
}

.customer-review-item-reverse .customer-review-image {
    order: 2;
}

.customer-review-item-reverse .customer-review-content {
    order: 1;
}

.customer-review-image {
    position: relative;
    min-height: 42rem;
    overflow: hidden;
}

.customer-review-image::after {
    content: "";
    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0) 65%,
            rgba(0, 0, 0, .08));
    pointer-events: none;
}

.customer-review-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.customer-review-item:hover .customer-review-image img {
    transform: scale(1.04);
}

.customer-review-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6rem 7rem;
}

.customer-review-mark {
    position: absolute;
    top: 3rem;
    left: 6rem;
    color: #0630ba;
    font-family: Georgia, serif;
    font-size: 8rem;
    line-height: 1;
    opacity: .12;
}

.customer-review-text {
    position: relative;
    margin: 0 0 3.5rem;
    max-width: 58rem;
    color: #283245;
    font-size: 2.4rem;
    line-height: 1.75;
    font-weight: 500;
}

.customer-review-info {
    display: flex;
    flex-direction: column;
    grid-gap: .8rem;--tx-row-gap: .8rem;--tx-column-gap: .8rem;gap: .8rem;
}

.customer-review-name {
    color: #283245;
    font-size: 1.5rem;
    font-weight: 700;
}

.customer-review-source {
    color: #8a929f;
    font-size: 1.3rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.customer-reviews .swiper-button-next:after,
.customer-reviews .swiper-button-prev:after {
    color: #DE5528;
}

@media (max-width: 992px) {
    .customer-reviews {
        padding: 7rem 0;
    }

    .customer-reviews-head {
        margin-bottom: 4rem;
    }

    .customer-reviews-head h2 {
        font-size: 3.5rem;
    }

    .customer-review-item,
    .customer-review-item-reverse {
        grid-template-columns: 1fr;
    }

    .customer-review-item-reverse .customer-review-image {
        order: 1;
    }

    .customer-review-item-reverse .customer-review-content {
        order: 2;
    }

    .customer-review-image {
        min-height: 32rem;
    }

    .customer-review-content {
        min-height: 32rem;
        padding: 5rem;
    }
}

@media (max-width: 576px) {
    .customer-reviews-container {
        width: 90%;
    }

    .customer-reviews-head h2 {
        font-size: 3rem;
    }

    .customer-reviews-head p {
        font-size: 1.5rem;
    }

    .customer-review-image {
        min-height: 25rem;
    }

    .customer-review-content {
        padding: 4rem 3rem;
    }

    .customer-review-text {
        font-size: 1.8rem;
    }

    .customer-review-mark {
        top: 2rem;
        left: 2.5rem;
    }
}

@media(max-width:1000px) {
    .process-header h2 {
        font-size: 3.6rem;
    }

    .process-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5rem 2rem;--tx-row-gap: 5rem;--tx-column-gap: 2rem;gap: 5rem 2rem;
    }

    .process-content[data-content="production"] .process-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-box,
    .process-content {
        min-height: 80rem;
    }
}

@media(max-width:768px) {
    .home-process {
        padding: 8rem 0;
    }

    .process-header {
        margin-bottom: 4rem;
    }

    .process-header h2 {
        font-size: 3rem;
    }

    .process-header p {
        font-size: 1.5rem;
    }

    .process-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .process-tab {
        width: 100%;
        min-width: 0;
    }

    .process-tab:first-child {
        border-right: 1px solid #ddd;
        border-bottom: none;
    }

    .process-tab.active {
        border-color: #111;
    }

    .process-box {
        min-height: auto;
        background-position: center;
    }

    .process-content,
    .process-content.active {
        min-height: auto;
        padding: 6rem 2rem;
        display: none;
    }

    .process-content.active {
        display: block;
    }

    .process-list,
    .process-content[data-content="production"] .process-list {
        display: flex;
        overflow-x: auto;
        grid-gap: 2rem;--tx-row-gap: 2rem;--tx-column-gap: 2rem;gap: 2rem;
        padding-bottom: 2rem;
        scroll-snap-type: x mandatory;
    }

    .process-item {
        flex: 0 0 75%;
        scroll-snap-align: center;
        padding: 3rem 2rem;
        background: rgba(0, 0, 0, .25);
        backdrop-filter: blur(3px);
    }

    .process-number {
        font-size: 3rem;
    }
}

@media(max-width:768px) {


    .global-header h2 {

        font-size: 3rem;

    }



    .markets {

        flex-direction: column;

    }


    .brand-list {

        grid-template-columns:
            repeat(2, 1fr);

    }



    .product-area {

        grid-template-columns: 1fr;

    }



    .data-area {

        grid-template-columns:
            repeat(2, 1fr);

        grid-gap: 4rem;--tx-row-gap: 4rem;--tx-column-gap: 4rem;gap: 4rem;

    }


}

/* Homepage palette overrides: kept at the end so legacy homepage rules cannot
   flatten the section colours declared above. */
.Homeabout {
    background: #fff;
}

.Homeproducts {

    background:#e5e5e5
}

.Homefactory {
    background:#e5e5e5
}

.Homecert {
background: #fff;
}

.Homenews {
    background:#e5e5e5
}


.factory-item {
    background: rgba(255, 255, 255, .72);
}

.factory-info {
    padding: 3rem 2.5rem;
}

.contact-bg::after {
    background: linear-gradient(180deg, rgba(12, 26, 24, .28) 0%, rgba(8, 17, 20, .56) 100%);
}

/* Final compact pre-footer CTA overrides */
.Homelatest {
    position: relative;
    padding: 7rem 0;
    overflow: hidden;
    background: #fff;
}

.Homelatest::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(31, 52, 45, .13), transparent);
}

.Homelatest .container {
    max-width: calc(100% - 6rem);
    margin: 0 auto;
}

.latest-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;
    margin-bottom: 4rem;
}

.latest-label {
    margin-bottom: 1.5rem;
    color: #888;
    font-size: 1.4rem;
    letter-spacing: .4rem;
}

.latest-head h2 {
    margin: 0;
    font-size: 4rem;
    line-height: 1.2;
    font-weight: 500;
}

.latest-controls {
    display: flex;
    grid-gap: 1rem;--tx-row-gap: 1rem;--tx-column-gap: 1rem;gap: 1rem;
}

.latest-controls button {
    width: 4.6rem;
    height: 4.6rem;
    padding: 0;
    border: 1px solid #d8d5cf;
    border-radius: 50%;
    color: #17201d;
    background: transparent;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transition: color .3s ease, background .3s ease, border-color .3s ease;
}

.latest-controls button:hover {
    border-color: #17201d;
    color: #fff;
    background: #17201d;
}

.latest-controls button.swiper-button-disabled {
    opacity: .3;
    cursor: default;
}

.latestProductsSwiper {
    overflow: visible;
}

.latest-product {
    display: block;
    color: #17201d;
    text-decoration: none;
}
.latest-product:hover{
    color:#DE5528;
}
.latest-product-img {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 1.2rem;
    background: #f2f1ed;
}

.latest-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.latest-product-img span {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    padding: 1.1rem 1.4rem;
    border-radius: .6rem;
    color: #fff;
    background: rgba(17, 25, 22, .82);
    font-size: 1.3rem;
    text-align: center;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity .3s ease, transform .3s ease;
}

.latest-product h3 {
    margin: 1.6rem 0 0;
    font-size: 1.7rem;
    line-height: 1.45;
    font-weight: 500;
}

.latest-product:hover .latest-product-img img {
    transform: scale(1.05);
}

.latest-product:hover .latest-product-img span {
    opacity: 1;
    transform: translateY(0);
}

.Homecontact {
    height: auto;
    min-height: 0;
    overflow: visible;
    border-top: 0;
    padding: 4.5rem 0;
    background: #fff;
}

.Homecontact .container {
    height: auto;
    max-width: calc(100% - 6rem);
}

.Homecontact .contact-content {
    height: auto;
    min-height: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    grid-gap: 4rem;--tx-row-gap: 4rem;--tx-column-gap: 4rem;gap: 4rem;
    color: #17201d;
}

.Homecontact .contact-copy h2 {
    max-width: none;
    margin: 0 0 .8rem;
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #17201d;
}

.Homecontact .contact-copy p {
    margin: 0;
    color: #56615c;
    font-size: 1.6rem;
}

.Homecontact .contact-btn {
    flex: 0 0 auto;
    padding: 1.4rem 2.6rem;
    border: 1px solid #17201d;
    color: #17201d;
    background: transparent;
    transition: color .3s ease, background .3s ease;
}

.Homecontact .contact-btn span {
    margin-left: 1rem;
    transition: transform .3s ease;
}

.Homecontact .contact-btn:hover {
    color: #fff;
    background: #17201d;
}

.Homecontact .contact-btn:hover span {
    transform: translateX(.4rem);
}

@media (max-width: 768px) {

    .Homelatest {
        padding: 5rem 0;
    }

    .Homelatest .container {
        max-width: calc(100% - 4rem);
    }

    .latest-head {
        align-items: center;
        margin-bottom: 3rem;
    }

    .latest-head h2 {
        font-size: 3rem;
    }

    .latest-controls button {
        width: 4rem;
        height: 4rem;
    }

    .Homeabout,
    .Homeproducts,
    .Homefactory,
    .Homecert,
    .Homenews {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .factory-info {
        padding: 2.4rem 2rem;
    }

    .Homecontact {
        padding: 3.6rem 0;
    }

    .Homecontact .container {
        max-width: calc(100% - 4rem);
    }

    .Homecontact .contact-content {
        align-items: flex-start;
        flex-direction: column;
        grid-gap: 2.4rem;--tx-row-gap: 2.4rem;--tx-column-gap: 2.4rem;gap: 2.4rem;
    }

    .Homecontact .contact-copy h2 {
        font-size: 2.8rem;
    }
}

/* Homepage product tabs and full-width category carousel */
.Homeproducts .products-head {
    margin-bottom: 3.5rem;
}

.Homeproducts .product-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 1rem;--tx-row-gap: 1rem;--tx-column-gap: 1rem;gap: 1rem;
    width: 100%;
    margin: 0 auto 3.5rem;
    padding: 0 3rem;
}

.Homeproducts .product-tab {
    appearance: none;
    border: 1px solid #d8d5cf;
    border-radius: 0;
    padding: 1.2rem 2rem;
    color: #343936;
    background: rgba(255, 255, 255, .72);
    font: inherit;
    font-size: 1.4rem;
    line-height: 1.2;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, border-color .25s ease;
}

.Homeproducts .product-tab:hover,
.Homeproducts .product-tab:focus-visible {
    border-color: #DE5528;
    color: #DE5528;
    outline: none;
}

.Homeproducts .product-tab.is-active {
    border-color: #DE5528;
    color: #fff;
    background: #DE5528;
}

.homeProductsSwiper {
    width: 100%;
    overflow: hidden;
}

.home-product-panel[hidden] {
    display: none;
}

.home-products-empty {
    margin: 0;
    padding: 5rem 3rem;
    text-align: center;
    color: #6b716e;
    font-size: 1.5rem;
}

.homeProductsSwiper .product-item {
    height: auto;
    aspect-ratio: 3 / 4;
    border-radius: 0;
}

.homeProductsSwiper .product-item img {
    border-radius: 0;
}

.homeProductsSwiper .product-item:hover {
    color: #fff;
}

.homeProductsSwiper .product-overlay {
    right: 1.8rem;
    bottom: 2.2rem;
    left: 1.8rem;
}

.homeProductsSwiper .product-overlay h3 {
    font-size: 1.7rem;font-size: clamp(1.7rem, 1.35vw, 2.4rem);
}

.homeProductsSwiper .product-overlay span {
    font-size: 1.2rem;
    letter-spacing: .1rem;
}

@media (max-width: 768px) {
    .Homeproducts .product-tabs {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 2.5rem;
        padding: 0 2rem .5rem;
        scrollbar-width: none;
    }

    .Homeproducts .product-tabs::-webkit-scrollbar {
        display: none;
    }

    .Homeproducts .product-tab {
        flex: 0 0 auto;
        padding: 1.1rem 1.6rem;
    }
}

/* Partner logo optical sizing: visible artwork bounds, original proportions preserved. */
.partners .swiper-slide img[src*="/logo1.jpg"] { --partner-logo-width: 31.715%; --partner-logo-height: 81.04%; --partner-logo-x: -50.108%; --partner-logo-y: -50%; }
.partners .swiper-slide img[src*="/logo10.png"] { --partner-logo-width: 73.58%; --partner-logo-height: 82.409%; --partner-logo-x: -50.256%; --partner-logo-y: -45.238%; }
.partners .swiper-slide img[src*="/logo11.png"] { --partner-logo-width: 78.933%; --partner-logo-height: 42.315%; --partner-logo-x: -49.742%; --partner-logo-y: -48.75%; }
.partners .swiper-slide img[src*="/logo12.png"] { --partner-logo-width: 58.301%; --partner-logo-height: 69.104%; --partner-logo-x: -50.998%; --partner-logo-y: -48.502%; }
.partners .swiper-slide img[src*="/logo13.png"] { --partner-logo-width: 75%; --partner-logo-height: 36.694%; --partner-logo-x: -50%; --partner-logo-y: -50%; }
.partners .swiper-slide img[src*="/logo14.png"] { --partner-logo-width: 82.8%; --partner-logo-height: 42.12%; --partner-logo-x: -50.845%; --partner-logo-y: -51.235%; }
.partners .swiper-slide img[src*="/logo15.png"] { --partner-logo-width: 71.766%; --partner-logo-height: 77.2%; --partner-logo-x: -50.319%; --partner-logo-y: -47.49%; }
.partners .swiper-slide img[src*="/logo16.png"] { --partner-logo-width: 74.374%; --partner-logo-height: 73.052%; --partner-logo-x: -49.444%; --partner-logo-y: -48.039%; }
.partners .swiper-slide img[src*="/logo17.png"] { --partner-logo-width: 72.825%; --partner-logo-height: 79.161%; --partner-logo-x: -49.435%; --partner-logo-y: -46.622%; }
.partners .swiper-slide img[src*="/logo18.png"] { --partner-logo-width: 79.5%; --partner-logo-height: 44.2%; --partner-logo-x: -49.371%; --partner-logo-y: -51.471%; }
.partners .swiper-slide img[src*="/logo19.png"] { --partner-logo-width: 57.598%; --partner-logo-height: 55.309%; --partner-logo-x: -50.108%; --partner-logo-y: -50.292%; }
.partners .swiper-slide img[src*="/logo20.png"] { --partner-logo-width: 72.902%; --partner-logo-height: 95.475%; --partner-logo-x: -53.889%; --partner-logo-y: -48.897%; }
.partners .swiper-slide img[src*="/logo21.png"] { --partner-logo-width: 79.835%; --partner-logo-height: 55.116%; --partner-logo-x: -50.388%; --partner-logo-y: -50.877%; }
.partners .swiper-slide img[src*="/logo22.png"] { --partner-logo-width: 82.5%; --partner-logo-height: 52.65%; --partner-logo-x: -50.303%; --partner-logo-y: -51.235%; }
.partners .swiper-slide img[src*="/logo23.png"] { --partner-logo-width: 70.03%; --partner-logo-height: 67.152%; --partner-logo-x: -50.743%; --partner-logo-y: -50%; }
.partners .swiper-slide img[src*="/logo24.png"] { --partner-logo-width: 80%; --partner-logo-height: 45.067%; --partner-logo-x: -50%; --partner-logo-y: -50.481%; }
.partners .swiper-slide img[src*="/logo25.png"] { --partner-logo-width: 37.724%; --partner-logo-height: 96.25%; --partner-logo-x: -49.844%; --partner-logo-y: -49.524%; }
.partners .swiper-slide img[src*="/logo26.png"] { --partner-logo-width: 77.196%; --partner-logo-height: 59.113%; --partner-logo-x: -50.228%; --partner-logo-y: -48.45%; }
.partners .swiper-slide img[src*="/logo27.png"] { --partner-logo-width: 77.375%; --partner-logo-height: 64.454%; --partner-logo-x: -49.676%; --partner-logo-y: -46.465%; }
.partners .swiper-slide img[src*="/logo28.png"] { --partner-logo-width: 75%; --partner-logo-height: 31.146%; --partner-logo-x: -50%; --partner-logo-y: -50%; }
.partners .swiper-slide img[src*="/logo29.png"] { --partner-logo-width: 53.66%; --partner-logo-height: 84.555%; --partner-logo-x: -50.253%; --partner-logo-y: -48.333%; }
.partners .swiper-slide img[src*="/logo3.png"] { --partner-logo-width: 70.304%; --partner-logo-height: 56.243%; --partner-logo-x: -49.817%; --partner-logo-y: -51.786%; }
.partners .swiper-slide img[src*="/logo4.png"] { --partner-logo-width: 82.5%; --partner-logo-height: 55.25%; --partner-logo-x: -50.253%; --partner-logo-y: -44.118%; }
.partners .swiper-slide img[src*="/logo5.png"] { --partner-logo-width: 80.145%; --partner-logo-height: 40.132%; --partner-logo-x: -49.012%; --partner-logo-y: -45.513%; }
.partners .swiper-slide img[src*="/logo6.png"] { --partner-logo-width: 69.122%; --partner-logo-height: 64.185%; --partner-logo-x: -49.405%; --partner-logo-y: -50%; }
.partners .swiper-slide img[src*="/logo7.png"] { --partner-logo-width: 34.254%; --partner-logo-height: 86.553%; --partner-logo-x: -50.704%; --partner-logo-y: -50.242%; }
.partners .swiper-slide img[src*="/logo8.png"] { --partner-logo-width: 83.309%; --partner-logo-height: 44.344%; --partner-logo-x: -51.05%; --partner-logo-y: -53.205%; }
.partners .swiper-slide img[src*="/logo9.png"] { --partner-logo-width: 30.556%; --partner-logo-height: 79.444%; --partner-logo-x: -50%; --partner-logo-y: -50%; }
.partners .swiper-slide img[src*="/plogo2.png"] { --partner-logo-width: 74.747%; --partner-logo-height: 53.676%; --partner-logo-x: -50%; --partner-logo-y: -55.172%; }

/* About Us: China-Vietnam factory capacity — scoped brand table. */
.factory-capacity {
    --capacity-deep: #E96313;
    --capacity-item: #F7CC83;
    --capacity-light: #F4AE4F;
    --capacity-mid: #F28C28;
    min-width: 0;
    margin: 0;
    padding: 6rem 0;
    background: #FFF1DA;
}
.factory-capacity .factory-capacity-heading {
    margin-bottom: 3rem;
}
.factory-capacity h3 {
    margin: 0;
    color: #333;
    font-family: inherit;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}
.factory-capacity .factory-capacity-scroll {
    max-width: 100%;
    overflow-x: auto;
    padding: 18px 0;
    -webkit-overflow-scrolling: touch;
}
.factory-capacity .factory-capacity-scroll:focus-visible {
    outline: 2px solid var(--capacity-deep);
    outline-offset: 4px;
}
.factory-capacity .factory-capacity-table {
    width: 100%;
    min-width: 820px;
    margin: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
    /* Continue the next column beneath each rounded edge for a joined stack. */
    background: linear-gradient(to right,
        transparent 0 16px,
        var(--capacity-light) 16px 18%,
        var(--capacity-mid) 18% 44%,
        var(--capacity-deep) 44% calc(100% - 16px),
        transparent calc(100% - 16px) 100%);
    color: #fff;
    font-family: inherit;
    line-height: 1.5;
}
.factory-capacity .capacity-item-col { width: 17%; }
.factory-capacity .capacity-china-col { width: 26%; }
.factory-capacity .capacity-vietnam-col { width: 27%; }
.factory-capacity .capacity-total-col { width: 30%; }
.factory-capacity .factory-capacity-table th,
.factory-capacity .factory-capacity-table td {
    position: relative;
    padding: 18px 24px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .9);
    background: var(--capacity-deep);
    color: #fff;
    text-align: left;
    vertical-align: middle;
}
.factory-capacity .factory-capacity-table tr > :first-child {
    background: var(--capacity-item);
    color: #503413;
}
.factory-capacity .factory-capacity-table tr > :nth-child(2) {
    background: var(--capacity-light);
    color: #503413;
}
.factory-capacity .factory-capacity-table tr > :nth-child(3) {
    background: var(--capacity-mid);
}
.factory-capacity .factory-capacity-table thead th {
    height: 72px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}
.factory-capacity .factory-capacity-table tbody th {
    font-size: 18px;
    font-weight: 600;
}
.factory-capacity .factory-capacity-table tbody td {
    height: 104px;
}
.factory-capacity .factory-capacity-table thead th:first-child {
    border-top-left-radius: 16px;
}
.factory-capacity .factory-capacity-table thead th:nth-child(-n+2) {
    border-top-right-radius: 16px;
}
.factory-capacity .factory-capacity-table tbody tr:last-child > * {
    border-bottom: 0;
}
.factory-capacity .factory-capacity-table tbody tr:last-child > :first-child {
    border-bottom-left-radius: 16px;
}
.factory-capacity .factory-capacity-table tbody tr:last-child > :nth-child(-n+2) {
    border-bottom-right-radius: 16px;
}
/* Extend only the TOTAL column, preserving aligned row dividers. */
.factory-capacity .factory-capacity-table thead th:last-child::before,
.factory-capacity .factory-capacity-table tbody tr:last-child > td:last-child::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 18px;
    background: var(--capacity-deep);
}
.factory-capacity .factory-capacity-table thead th:last-child::before {
    bottom: 100%;
    border-radius: 16px 16px 0 0;
}
.factory-capacity .factory-capacity-table tbody tr:last-child > td:last-child::after {
    top: 100%;
    border-radius: 0 0 16px 16px;
}
.factory-capacity .capacity-status {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}
.factory-capacity .capacity-number {
    display: block;
    font-size: 28px;
    font-weight: 600;
    font-variant-numeric: normal;
    line-height: 1.2;
    letter-spacing: normal;
    white-space: nowrap;
}
.factory-capacity .capacity-arrow {
    font-weight: 400;
    letter-spacing: normal;
}
.factory-capacity .capacity-number small {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left:15px;
}
.factory-capacity .capacity-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.factory-capacity .factory-capacity-scroll-hint {
    display: none;
    margin: 14px 0 0;
    color: #666;
    font-size: 12px;
}
.footer-about{
    max-width: 70%;
}
@media (max-width: 991px) {
    .footer-about{
    max-width: 100%;
}
    .factory-capacity .factory-capacity-scroll-hint { display: block; }
    .factory-capacity .factory-capacity-table th,
    .factory-capacity .factory-capacity-table td { padding-left: 22px; padding-right: 22px; }
    .factory-capacity .capacity-number { font-size: 26px; }
    .factory-capacity .capacity-status { font-size: 14px; }
    .factory-capacity .factory-capacity-table thead th { font-size: 18px; }
}

/* About Us section backgrounds; other pages retain their existing styles. */
.about-page-band.company-profile,
.about-page-band.history-section,
.about-page-band.factory-capability {
    background: #fff;
}
.about-manufacturing .factory-base {
    margin-bottom: 0;
}
.about-page-band.customer-reviews {
    background: #f0f4f8;
}
.factory-capacity > .container {
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .factory-capacity { padding: 4rem 0; }
    .factory-capacity h3 { font-size: 2.8rem; }
}

/* About Us factory galleries: fixed frame, on-demand image loading. */
.about-manufacturing .factory-card { min-width: 0; }
.about-manufacturing .card-image.factoryBaseSwiper {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.about-manufacturing .factoryBaseSwiper .swiper-slide { height: 100%; }
.about-manufacturing .factoryBaseSwiper .swiper-slide > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-manufacturing .factory-base-prev,
.about-manufacturing .factory-base-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 36px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: rgba(0,0,0,.45);
    color: #fff;
    font-size: 28px;
    cursor: pointer;
}
.about-manufacturing .factory-base-prev { left: 12px; }
.about-manufacturing .factory-base-next { right: 12px; }
.about-manufacturing .factory-base-pagination {
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    width: auto;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 13px;
    pointer-events: none;
}
.about-manufacturing .factoryBaseSwiper button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 767px) {
    .about-manufacturing .factory-grid { grid-template-columns: minmax(0,1fr); }
    .about-manufacturing .card-image.factoryBaseSwiper { height: auto; aspect-ratio: 3 / 2; }
}

/* Customization: Professional Workflow. Scoped to this module only. */
.texway-workflow {
    padding: 40px 0 48px;
    background: #F8F8F6;
    position: relative;
    isolation: isolate;
}
.texway-workflow::before {
    content: "";
    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .92;
    background: url("index/images/workflow-textile-bg.webp") center / cover no-repeat;
}
.texway-workflow .process-header { margin-bottom: 18px; }
.texway-workflow .process-label { margin-bottom: 7px; }
.texway-workflow .process-header h2 { margin-bottom: 9px; }
.texway-workflow .process-tabs { grid-gap: 12px;--tx-row-gap: 12px;--tx-column-gap: 12px;gap: 12px; margin-bottom: 30px; }
/* 24px of the card's top reserve is occupied by the floating icon. */
.texway-workflow .process-box { padding-top: 24px; }
.texway-workflow .process-tab {
    padding: 13px 24px;
    border: 1px solid #deded8;
    border-radius: 8px;
    background: #fff;
    color: #555;
    transition: background .2s, border-color .2s, color .2s;
}
.texway-workflow .process-tab:first-child { border: 1px solid #deded8; }
.texway-workflow .process-tab:hover { border-color: #DE5528; color: #DE5528; }
.texway-workflow .process-tab.active { background: #DE5528; border-color: #DE5528; color: #fff; }
.texway-workflow .process-tab:focus-visible { outline: 2px solid #DE5528; outline-offset: 4px; }
.texway-workflow .process-box { min-height: 0; overflow: visible; background: none; border-radius: 0; }
.texway-workflow .process-content { min-height: 0; padding: 0; border-radius: 0; display: none; }
.texway-workflow .process-content.active { display: block; }
.texway-workflow .process-list {
    --workflow-gap: 56px;
    display: grid;
    --workflow-row-gap: 64px;
    grid-gap: var(--workflow-row-gap) var(--workflow-gap);--tx-row-gap: var(--workflow-row-gap);--tx-column-gap: var(--workflow-gap);gap: var(--workflow-row-gap) var(--workflow-gap);
    grid-auto-rows: 1fr;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
}
.texway-workflow .process-item {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 39px 14px 16px;
    aspect-ratio: 3 / 2;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    background: #fff;
    border: 1px solid #e4e4df;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(35,35,25,.025);
    backdrop-filter: none;
    transition: transform .28s, border-color .28s, box-shadow .28s;
}
.texway-workflow .process-item:hover { transform: translateY(-4px); border-color: #edb49f; box-shadow: 0 6px 16px rgba(75,48,33,.055); }
.texway-workflow .workflow-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 52px;
    height: 52px;
    z-index: 1;
    border: 5px solid #F8F8F6;
    display: grid;
    align-items: center; justify-items: center; place-items: center;
    margin: 0;
    border-radius: 14px;
    background: #fff5f0;
    color: #DE5528;
    transition: background .28s;
}
.texway-workflow .workflow-icon svg { width: 32px; height: 32px; }
.texway-workflow .process-item:hover .workflow-icon { background: #ffebe1; }
.texway-workflow .process-number,
.texway-workflow .process-item:hover .process-number {
    margin: 0 0 7px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .06em;
    line-height: 1.5;
    color: #DE5528;
    transform: none;
}
.texway-workflow .process-item h3 { margin: 0 0 7px; color: #333; font-size: 17px; font-weight: 600; line-height: 1.4; }
.texway-workflow .process-item p { max-width: 28rem; margin: 0; font-size: 14px; line-height: 1.5; color: #73736e; }
.texway-workflow .process-item::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 22px;
    background: #DE5528;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    pointer-events: none;
}
.texway-workflow .process-item:last-child::after { content: none; }

@media (min-width: 1001px) {
.texway-workflow .process-content[data-content="sampling"] .process-list { max-width: 1160px; margin: 0 auto; grid-template-columns: repeat(4, minmax(0,1fr)); }
.texway-workflow .process-content[data-content="production"] .process-list { max-width: 1160px; margin: 0 auto; grid-template-columns: repeat(3, minmax(0,1fr)); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(1) { grid-area: 1 / 1; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(1)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(2) { grid-area: 1 / 2; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(2)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(3) { grid-area: 1 / 3; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(3)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(4) { grid-area: 1 / 4; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(4)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(5) { grid-area: 2 / 4; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(5)::after { top: 50%; left: calc(var(--workflow-gap) / -2); transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(6) { grid-area: 2 / 3; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(6)::after { top: 50%; left: calc(var(--workflow-gap) / -2); transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(7) { grid-area: 2 / 2; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(7)::after { top: 50%; left: calc(var(--workflow-gap) / -2); transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(8) { grid-area: 2 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(1) { grid-area: 1 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(1)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(2) { grid-area: 1 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(2)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(3) { grid-area: 1 / 3; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(3)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(4) { grid-area: 2 / 3; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(4)::after { top: 50%; left: calc(var(--workflow-gap) / -2); transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(5) { grid-area: 2 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(5)::after { top: 50%; left: calc(var(--workflow-gap) / -2); transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(6) { grid-area: 2 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(6)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(7) { grid-area: 3 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(7)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(8) { grid-area: 3 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(8)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(9) { grid-area: 3 / 3; }
}
@media (min-width: 601px) and (max-width: 1000px) {
.texway-workflow .process-content[data-content="sampling"] .process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(1) { grid-area: 1 / 1; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(1)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); right: auto; bottom: auto; transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(2) { grid-area: 1 / 2; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(2)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(3) { grid-area: 2 / 2; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(3)::after { top: 50%; left: calc(var(--workflow-gap) / -2); right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(4) { grid-area: 2 / 1; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(4)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(5) { grid-area: 3 / 1; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(5)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); right: auto; bottom: auto; transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(6) { grid-area: 3 / 2; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(6)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(7) { grid-area: 4 / 2; }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(7)::after { top: 50%; left: calc(var(--workflow-gap) / -2); right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="sampling"] .process-item:nth-child(8) { grid-area: 4 / 1; }
.texway-workflow .process-content[data-content="production"] .process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(1) { grid-area: 1 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(1)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); right: auto; bottom: auto; transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(2) { grid-area: 1 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(2)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(3) { grid-area: 2 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(3)::after { top: 50%; left: calc(var(--workflow-gap) / -2); right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(4) { grid-area: 2 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(4)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(5) { grid-area: 3 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(5)::after { top: 50%; left: calc(100% + var(--workflow-gap) / 2); right: auto; bottom: auto; transform: translate(-50%, -50%); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(6) { grid-area: 3 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(6)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(7) { grid-area: 4 / 2; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(7)::after { top: 50%; left: calc(var(--workflow-gap) / -2); right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(180deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(8) { grid-area: 4 / 1; }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(8)::after { top: calc(100% + var(--workflow-row-gap) / 2); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) rotate(90deg); }
.texway-workflow .process-content[data-content="production"] .process-item:nth-child(9) { grid-area: 5 / 1; }
}
@media (max-width: 600px) {
    .texway-workflow .process-tabs { display: grid; grid-template-columns: minmax(0,1fr); grid-gap: 10px;--tx-row-gap: 10px;--tx-column-gap: 10px;gap: 10px; }
    .texway-workflow .process-content .process-list { grid-template-columns: minmax(0,1fr); grid-auto-rows: 1fr; grid-gap: 80px;--tx-row-gap: 80px;--tx-column-gap: 80px;gap: 80px; }
    .texway-workflow .process-item { padding: 42px 22px 24px; aspect-ratio: auto; min-height: 180px; }
    .texway-workflow .process-item::after { top: calc(100% + 40px); left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
}
@media (prefers-reduced-motion: reduce) {
    .texway-workflow .process-item, .texway-workflow .workflow-icon, .texway-workflow .process-tab { transition: none; }
    .texway-workflow .process-item:hover { transform: none; }
}

@media (min-width: 601px) and (max-width: 1000px) {
    .texway-workflow .process-item { min-height: 200px; }
}
@media (min-width: 1001px) {
    .texway-workflow .process-header h2 { font-size: 38px; }
    .texway-workflow .process-header p { font-size: 15px; line-height: 1.6; }
    .texway-workflow .process-content { min-height: 430px; }
}

/* Workflow final cards: shared floating icons and compact internal labels. */
.texway-workflow { padding-top: 32px; padding-bottom: 40px; }
.texway-workflow::before { opacity: 1; }
.texway-workflow .process-header { margin-bottom: 14px; }
.texway-workflow .process-tabs { margin-bottom: 24px; }
.texway-workflow .process-content { min-height: 0; }
.texway-workflow .process-list { --workflow-row-gap: 60px; }
.texway-workflow .process-item {
    padding: 36px 18px 24px;
    aspect-ratio: 3 / 2;
    min-height: 180px;
    justify-content: center;
}
.texway-workflow .workflow-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    align-items: center; justify-items: center; place-items: center;
    width: 52px;
    height: 52px;
    margin: 0;
    border: 5px solid #F8F8F6;
    border-radius: 14px;
    background: #fff5f0;
    color: #DE5528;
    z-index: 1;
}
.texway-workflow .workflow-icon svg { width: 32px; height: 32px; }
.texway-workflow .process-number,
.texway-workflow .process-item:hover .process-number {
    position: static;
    transform: none;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    background: none;
    color: #DE5528;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .06em;
}
.texway-workflow .process-item h3 {
    margin: 0 0 10px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}
.texway-workflow .process-item,
.texway-workflow .process-item p,
.texway-workflow .process-number { font-family: inherit; }
.texway-workflow .process-item p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
    overflow-wrap: break-word;
}
.CustomPage .custom-case[hidden] { display: none; }
@media (min-width: 1001px) {
    /* Fill the existing page content width without increasing card height. */
    .texway-workflow .process-content[data-content="sampling"] .process-list {
        width: 100%;
        max-width: none;
    }
    .texway-workflow .process-content[data-content="sampling"] .process-item {
        aspect-ratio: auto;
        min-height: 190px;
        height: auto;
    }
    .texway-workflow .process-content[data-content="production"] .process-list {
        width: 100%;
        max-width: 1120px;
    }
    .texway-workflow .process-content[data-content="production"] .process-item {
        aspect-ratio: auto;
        min-height: 170px;
        height: auto;
        padding-top: 34px;
        padding-bottom: 20px;
    }
}
@media (min-width: 601px) and (max-width: 1000px) {
    .texway-workflow .process-item { aspect-ratio: auto; min-height: 180px; }
}
@media (max-width: 600px) {
    .texway-workflow .process-content .process-list { grid-gap: 60px;--tx-row-gap: 60px;--tx-column-gap: 60px;gap: 60px; }
    .texway-workflow .process-item { aspect-ratio: auto; min-height: 180px; }
    .texway-workflow .process-item::after { top: calc(100% + 30px); }
}

/* Sample & MOQ Policy: one curved dual-theme photographic banner. */
.moq-editorial .moq-clip-defs { position: absolute; pointer-events: none; }
.moq-editorial .moq-dual-banner {
    position: relative;
    width: 100%;
    height: 520px;
    margin: 0 auto;
    overflow: hidden;
    background: #514b46;
    isolation: isolate;
}
.moq-editorial .moq-banner-panel { position: absolute; top: 0;right: 0;bottom: 0;left: 0;inset: 0; overflow: hidden; }
.moq-editorial .moq-banner-sample { background: #e9ded2; }
.moq-editorial .moq-banner-production { clip-path: url(#moq-production-curve);
    background: #514b46;
    -webkit-mask-image: url("index/images/moq-curve-transition.svg");
    mask-image: url("index/images/moq-curve-transition.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; }
.moq-editorial .moq-banner-panel > img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60%;
    object-fit: cover;
    transition: transform .45s ease;
}
.moq-editorial .moq-banner-sample > img { left: 0; object-position: 43% center; }
.moq-editorial .moq-banner-production > img { right: 0; object-position: 55% center; }
.moq-editorial .moq-banner-panel::after {
    content: "";
    position: absolute;
    top: 0;right: 0;bottom: 0;left: 0;inset: 0;
    pointer-events: none;
    transition: opacity .45s ease;
}
.moq-editorial .moq-banner-sample::after { background: linear-gradient(90deg,rgba(242,226,208,.79),rgba(241,218,197,.58) 28%,rgba(233,216,199,.16) 60%); }
.moq-editorial .moq-banner-production::after { background: linear-gradient(90deg,rgba(72,62,53,.12) 40%,rgba(60,51,44,.40) 58%,rgba(49,43,38,.50)); }
.moq-editorial .moq-banner-copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 34%;
    max-width: 460px;
}
.moq-editorial .moq-banner-sample .moq-banner-copy { left: 4%; color: #302e2a; }
.moq-editorial .moq-banner-production .moq-banner-copy { left: 56%; right: auto; color: #fff; }
.moq-editorial .moq-banner-label { display: block; font-size: 12px; font-weight: 600; letter-spacing: .14em; margin-bottom: 20px; }
.moq-editorial .moq-banner-sample .moq-banner-label { color: #DE5528; }
.moq-editorial .moq-banner-production .moq-banner-label { color: #FF885F; }
.moq-editorial .moq-banner-copy h3 { margin: 0 0 18px; color: inherit; font-size: 28px;font-size: clamp(28px,3vw,44px); font-weight: 500; line-height: 1.15; }
.moq-editorial .moq-banner-copy p { margin: 0; color: inherit; font-size: 15px; line-height: 1.7; }
.moq-editorial .moq-banner-full { display: block; }
.moq-editorial .moq-banner-data { display: block; }
.moq-editorial .moq-banner-data > div + div { margin-top: 16px; }
.moq-editorial .moq-banner-data h4 { margin: 0 0 4px; color: inherit; font-size: 13px; font-weight: 500; }
.moq-editorial .moq-banner-data strong { font-size: 36px; line-height: 1.2; font-weight: 500; margin-right: 5px; }
.moq-editorial .moq-banner-data p { font-size: 13px; }
.moq-editorial .moq-banner-data p span { display: block; }
@media (hover: hover) and (pointer: fine) {
    .moq-editorial .moq-banner-panel:hover > img { transform: none; }
}
@media (max-width: 1000px) and (min-width: 768px) {
    .moq-editorial .moq-banner-copy { width: 37%; }
    .moq-editorial .moq-banner-sample .moq-banner-copy { left: 3%; }
    .moq-editorial .moq-banner-production .moq-banner-copy { left: 55%; right: auto; }
    .moq-editorial .moq-banner-copy h3 { font-size: 28px; }
    .moq-editorial .moq-banner-copy p { font-size: 14px; }
}
@media (max-width: 767px) {
    .moq-editorial .moq-dual-banner { height: auto; display: grid; }
    .moq-editorial .moq-banner-panel { position: relative; top: auto;right: auto;bottom: auto;left: auto;inset: auto; clip-path: none; -webkit-mask-image: none; mask-image: none; padding: 36px 24px; min-height: 410px; }
    .moq-editorial .moq-banner-panel > img { width: 100%; }
    .moq-editorial .moq-banner-sample::after { background: linear-gradient(90deg,rgba(242,226,208,.84),rgba(241,218,197,.65)); }
    .moq-editorial .moq-banner-production::after { background: rgba(49,43,38,.50); }
    .moq-editorial .moq-banner-panel .moq-banner-copy { position: relative; top: auto;right: auto;bottom: auto;left: auto;inset: auto; transform: none; width: 100%; max-width: none; }
    .moq-editorial .moq-banner-full { display: block; visibility: visible; opacity: 1; transform: none; max-height: none; overflow: visible; }
    .moq-editorial .moq-banner-copy h3 { font-size: 32px; }
    .moq-editorial .moq-banner-data { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .moq-editorial .moq-banner-panel > img,
    .moq-editorial .moq-banner-panel::after,
    .moq-editorial .moq-banner-full { transition: none; }
}

/* Clean only pale paper artifacts; preserve intentional dark logo lockups. */
.partners .swiper-slide img[src*="/logo8.png"],
.partners .swiper-slide img[src*="/logo25.png"],
.partners .swiper-slide img[src*="/logo27.png"],
.cert-item img[src*="cert-smeta"],
.factory-capability .cert-grid img[src*="cert-smeta"] {
    background: transparent;
    filter: url("index/images/logo-clean-filter.svg#clean-paper");
}
/* Keep the photographs stationary; apply gentle feedback to the text only. */
.moq-editorial .moq-banner-panel > img { transition: none; }
.moq-editorial .moq-banner-copy { transition: transform .35s ease; }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .moq-editorial .moq-banner-panel:hover .moq-banner-copy {
        transform: translateY(calc(-50% - 4px));
    }
}
.factory-capacity > .container {
    width: 100%;
    max-width: 1320px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .factory-capacity > .container { padding-left: 15px; padding-right: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .moq-editorial .moq-banner-copy { transition: none; }
    .moq-editorial .moq-banner-panel:hover .moq-banner-copy { transform: translateY(-50%); }
}

@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
    .moq-editorial .moq-banner-panel:hover .moq-banner-copy { transform: none; }
}

/* More breathing room above and below the capacity table. */
.factory-capacity .factory-capacity-heading { margin-bottom: 48px; }
.factory-capacity { padding-bottom: 88px; }
@media (max-width: 767px) {
    .factory-capacity .factory-capacity-heading { margin-bottom: 32px; }
    .factory-capacity { padding-bottom: 60px; }
}

/* Balance capacity cell whitespace while retaining left-aligned data. */
@media (min-width: 992px) {
    .factory-capacity .factory-capacity-table tbody th,
    .factory-capacity .factory-capacity-table tbody td {
        padding-left: 36px;padding-left: clamp(36px, 3.2vw, 60px);
        padding-right: 20px;
        text-align: left;
    }
}

/* 2026-10-22: six certificates in two rows; preserve logo proportions. */
.company-profile > .container,
.factory-capability > .container {
    max-width: calc(100% - 6rem);
}
.Homecert .cert-list,
.factory-capability .certification-section .cert-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.Homecert .cert-item img,
.factory-capability .certification-section .cert-grid img {
    max-width: 330px;
    align-self: center;
}
.partners .swiper-slide img[src*="/partner-stadium.png"] {
    --partner-logo-width: 78%;
    --partner-logo-height: 45%;
    --partner-logo-x: -50%;
    --partner-logo-y: -50%;
}
@media (max-width: 767px) {
    .company-profile .profile-wrapper {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 3rem;--tx-row-gap: 3rem;--tx-column-gap: 3rem;gap: 3rem;
    }
    .company-profile .profile-data {
        grid-gap: 1.5rem;--tx-row-gap: 1.5rem;--tx-column-gap: 1.5rem;gap: 1.5rem;
    }
    .company-profile .data-item {
        padding: 2rem 1.2rem;
        min-width: 0;
    }
    .company-profile .data-item strong {
        font-size: 1.6rem;font-size: clamp(1.6rem, 4.5vw, 2.4rem);
        white-space: nowrap;
    }
    .Homecert .cert-list,
    .factory-capability .certification-section .cert-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 1.5rem;--tx-row-gap: 1.5rem;--tx-column-gap: 1.5rem;gap: 1.5rem;
    }
    .Homecert .cert-item,
    .factory-capability .certification-section .cert-grid > div {
        padding: 1.2rem;
        font-size: 1.6rem;
    }
}

/* CMS media library: retain existing partner optical sizes. */
.partners .swiper-slide img[data-logo-key="logo1.jpg"] { --partner-logo-width: 31.715%; --partner-logo-height: 81.04%; --partner-logo-x: -50.108%; --partner-logo-y: -50%; }
.partners .swiper-slide img[data-logo-key="logo10.png"] { --partner-logo-width: 73.58%; --partner-logo-height: 82.409%; --partner-logo-x: -50.256%; --partner-logo-y: -45.238%; }
.partners .swiper-slide img[data-logo-key="logo11.png"] { --partner-logo-width: 78.933%; --partner-logo-height: 42.315%; --partner-logo-x: -49.742%; --partner-logo-y: -48.75%; }
.partners .swiper-slide img[data-logo-key="logo12.png"] { --partner-logo-width: 58.301%; --partner-logo-height: 69.104%; --partner-logo-x: -50.998%; --partner-logo-y: -48.502%; }
.partners .swiper-slide img[data-logo-key="logo13.png"] { --partner-logo-width: 75%; --partner-logo-height: 36.694%; --partner-logo-x: -50%; --partner-logo-y: -50%; }
.partners .swiper-slide img[data-logo-key="logo14.png"] { --partner-logo-width: 82.8%; --partner-logo-height: 42.12%; --partner-logo-x: -50.845%; --partner-logo-y: -51.235%; }
.partners .swiper-slide img[data-logo-key="logo15.png"] { --partner-logo-width: 71.766%; --partner-logo-height: 77.2%; --partner-logo-x: -50.319%; --partner-logo-y: -47.49%; }
.partners .swiper-slide img[data-logo-key="logo16.png"] { --partner-logo-width: 74.374%; --partner-logo-height: 73.052%; --partner-logo-x: -49.444%; --partner-logo-y: -48.039%; }
.partners .swiper-slide img[data-logo-key="logo17.png"] { --partner-logo-width: 72.825%; --partner-logo-height: 79.161%; --partner-logo-x: -49.435%; --partner-logo-y: -46.622%; }
.partners .swiper-slide img[data-logo-key="logo18.png"] { --partner-logo-width: 79.5%; --partner-logo-height: 44.2%; --partner-logo-x: -49.371%; --partner-logo-y: -51.471%; }
.partners .swiper-slide img[data-logo-key="logo19.png"] { --partner-logo-width: 57.598%; --partner-logo-height: 55.309%; --partner-logo-x: -50.108%; --partner-logo-y: -50.292%; }
.partners .swiper-slide img[data-logo-key="logo20.png"] { --partner-logo-width: 72.902%; --partner-logo-height: 95.475%; --partner-logo-x: -53.889%; --partner-logo-y: -48.897%; }
.partners .swiper-slide img[data-logo-key="logo21.png"] { --partner-logo-width: 79.835%; --partner-logo-height: 55.116%; --partner-logo-x: -50.388%; --partner-logo-y: -50.877%; }
.partners .swiper-slide img[data-logo-key="logo22.png"] { --partner-logo-width: 82.5%; --partner-logo-height: 52.65%; --partner-logo-x: -50.303%; --partner-logo-y: -51.235%; }
.partners .swiper-slide img[data-logo-key="logo23.png"] { --partner-logo-width: 70.03%; --partner-logo-height: 67.152%; --partner-logo-x: -50.743%; --partner-logo-y: -50%; }
.partners .swiper-slide img[data-logo-key="logo24.png"] { --partner-logo-width: 80%; --partner-logo-height: 45.067%; --partner-logo-x: -50%; --partner-logo-y: -50.481%; }
.partners .swiper-slide img[data-logo-key="logo25.png"] { --partner-logo-width: 37.724%; --partner-logo-height: 96.25%; --partner-logo-x: -49.844%; --partner-logo-y: -49.524%; }
.partners .swiper-slide img[data-logo-key="logo26.png"] { --partner-logo-width: 77.196%; --partner-logo-height: 59.113%; --partner-logo-x: -50.228%; --partner-logo-y: -48.45%; }
.partners .swiper-slide img[data-logo-key="logo27.png"] { --partner-logo-width: 77.375%; --partner-logo-height: 64.454%; --partner-logo-x: -49.676%; --partner-logo-y: -46.465%; }
.partners .swiper-slide img[data-logo-key="logo28.png"] { --partner-logo-width: 75%; --partner-logo-height: 31.146%; --partner-logo-x: -50%; --partner-logo-y: -50%; }
.partners .swiper-slide img[data-logo-key="logo29.png"] { --partner-logo-width: 53.66%; --partner-logo-height: 84.555%; --partner-logo-x: -50.253%; --partner-logo-y: -48.333%; }
.partners .swiper-slide img[data-logo-key="logo3.png"] { --partner-logo-width: 70.304%; --partner-logo-height: 56.243%; --partner-logo-x: -49.817%; --partner-logo-y: -51.786%; }
.partners .swiper-slide img[data-logo-key="logo4.png"] { --partner-logo-width: 82.5%; --partner-logo-height: 55.25%; --partner-logo-x: -50.253%; --partner-logo-y: -44.118%; }
.partners .swiper-slide img[data-logo-key="logo5.png"] { --partner-logo-width: 80.145%; --partner-logo-height: 40.132%; --partner-logo-x: -49.012%; --partner-logo-y: -45.513%; }
.partners .swiper-slide img[data-logo-key="logo6.png"] { --partner-logo-width: 69.122%; --partner-logo-height: 64.185%; --partner-logo-x: -49.405%; --partner-logo-y: -50%; }
.partners .swiper-slide img[data-logo-key="logo7.png"] { --partner-logo-width: 34.254%; --partner-logo-height: 86.553%; --partner-logo-x: -50.704%; --partner-logo-y: -50.242%; }
.partners .swiper-slide img[data-logo-key="logo8.png"] { --partner-logo-width: 83.309%; --partner-logo-height: 44.344%; --partner-logo-x: -51.05%; --partner-logo-y: -53.205%; }
.partners .swiper-slide img[data-logo-key="logo9.png"] { --partner-logo-width: 30.556%; --partner-logo-height: 79.444%; --partner-logo-x: -50%; --partner-logo-y: -50%; }
.partners .swiper-slide img[data-logo-key="plogo2.png"] { --partner-logo-width: 74.747%; --partner-logo-height: 53.676%; --partner-logo-x: -50%; --partner-logo-y: -55.172%; }
.partners .swiper-slide img[data-logo-key="partner-stadium.png"] {
    --partner-logo-width: 78%;
    --partner-logo-height: 45%;
    --partner-logo-x: -50%;
    --partner-logo-y: -50%;
}

.partners .tx-partner-logo[data-logo-key="partner-stadium.png"] { --partner-logo-width: 78%; --partner-logo-height: 45%; }
.tx-cms-admin .acf-form { max-width: 1100px; }
.custom-case .case-img img { width: 100%; height: 100%; object-fit: cover; }
.head .menu > ul > li.tx-current-item > a::after { width: 100%; }
.lanmux li.tx-current-item > a { background-color: #de5528 !important; color: #fff !important; }
.lanmux li.mega-tx-current-item > a { background-color: #de5528 !important; color: #fff !important; }
.tx-mobile-menu-toggle { display: none; }
.admin-bar header.head { top: 32px; }
@media (max-width: 782px) { .admin-bar header.head { top: 46px; } }
.NewsPage > .container, .xwny > .container { max-width: calc(100% - 6rem); margin-left: auto; margin-right: auto; }
.news-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.news-list > .news-item { min-width: 0; }
.news-img img { max-width: 100%; }
.news-info { overflow-wrap: anywhere; }
@media (max-width: 992px) {
    header.head { height: 80px; }
    header.head .topbig { width: calc(100% - 32px); align-items: center; grid-gap: 12px;--tx-row-gap: 12px;--tx-column-gap: 12px;gap: 12px; }
    header.head .logoimg img { height: auto; max-width: 140px; }
    header.head .tool { margin-left: auto; }
    header.head .tool ul { grid-gap: 10px;--tx-row-gap: 10px;--tx-column-gap: 10px;gap: 10px; }
    header.head .tool ul li { margin: 0; }
    .tx-mobile-menu-toggle { display: block; order: 3; background: transparent; border: 1px solid #ddd; color: #de5528; padding: 5px 10px; font-size: 24px; line-height: 1.2; }
    header.head .menu { display: none; position: absolute; top: 80px; left: 0; right: 0; width: 100%; max-height: calc(100vh - 80px); overflow-y: auto; padding: 12px 24px; background: #fff; box-sizing: border-box; }
    header.head .menu.tx-menu-open { display: block; }
    header.head .menu > ul { display: block; height: auto; }
    header.head .menu ul li { height: auto; margin: 0; }
    header.head .menu ul li > a { display: block; height: auto; padding: 12px 0; }
    header.head .menu ul > li > a::after { transform: none; bottom: 6px; }
    header.head .menu ul li dl.pdtmenu { position: static; display: block !important; transform: none; width: auto; min-width: 0; padding: 0 0 0 20px; box-shadow: none; }
    header.head .menu ul li dl.pdtmenu li { text-align: left; }
    header.head .menu ul li dl.pdtmenu li > a { padding: 8px 0; font-size: 16px; }
    .nybanner { margin-top: 80px; }
    .container { max-width: calc(100% - 3rem); }
    .lanmux .lm-ctbig { flex-wrap: wrap; grid-gap: 12px;--tx-row-gap: 12px;--tx-column-gap: 12px;gap: 12px; }
    .lanmux .bread { max-width: 100%; }
    .market-area, .data-area, .contact-info-box, .xwddbig { flex-direction: column; grid-gap: 24px;--tx-row-gap: 24px;--tx-column-gap: 24px;gap: 24px; }
    .market-map, .market-content, .data-area .data-item-big, .contact-detail, .contact-map, .xwddleft, .xwddright { width: 100%; min-width: 0; }
    .factory-grid, .why-grid, .case-grid, .footer-main { grid-template-columns: minmax(0, 1fr); grid-gap: 24px;--tx-row-gap: 24px;--tx-column-gap: 24px;gap: 24px; }
    .global-partners .product-mix { grid-template-columns: minmax(0, 1fr); }
    .news-list { grid-template-columns: minmax(0, 1fr); }
    .news-item { min-width: 0; }
    .footer-column, .footer-about { min-width: 0; overflow-wrap: anywhere; }
    .customer-reviews-container { width: auto; max-width: calc(100% - 3rem); }
    .factory-capability .factory-feature { grid-template-columns: minmax(0, 1fr); grid-gap: 24px;--tx-row-gap: 24px;--tx-column-gap: 24px;gap: 24px; }
    .factory-capability .factory-content { min-width: 0; }
    .customer-review-item { grid-template-columns: minmax(0, 1fr); }
    .customer-review-image, .customer-review-content { width: 100%; min-width: 0; }
    .Contactpage h1, .FAQpage h1, .NewsPage h1, .global-header h2, .why-title h2 { font-size: 28px;font-size: clamp(28px, 7vw, 40px); }
}

.partners img[data-logo-key="logo8.png"], .partners img[data-logo-key="logo25.png"], .partners img[data-logo-key="logo27.png"], .cert-item img[alt="SMETA / Sedex"], .cert-grid img[alt="SMETA / Sedex"] { filter: url("index/images/logo-clean-filter.svg#clean-paper"); }

/* Shared inner-page section navigation: policy, news, contact and customization.
   Explicit margins work in older Safari without relying on flex-gap. */
.lanmux { height: auto; min-height: 74px; }
.lanmux .lm-ctbig { min-height: 74px; align-items: center; flex-wrap: wrap; gap: 0 !important; --tx-row-gap: 0px; --tx-column-gap: 0px; }
.lanmux .lm-ctbig > div:not(.bread) { min-width: 0; max-width: 100%; background: transparent !important; }
.lanmux .mega-menu-toggle { display: none !important; }
.lanmux .bread { margin-left: auto; padding: 14px 0 14px 24px; line-height: 1.6; }
.lanmux .lm-ctbig > ul,
.lanmux .lm-ctbig > div:not(.bread) > ul,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 { display: flex !important; flex-wrap: wrap; align-items: stretch; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none; background: transparent !important; gap: 0 !important; --tx-row-gap: 0px; --tx-column-gap: 0px; }
.lanmux .lm-ctbig > ul > li,
.lanmux .lm-ctbig > div:not(.bread) > ul > li,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li { float: none !important; display: block !important; width: auto !important; margin: 0 12px 0 0 !important; padding: 0 !important; background: transparent !important; }
.lanmux .lm-ctbig > ul > li > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li > a { box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; min-height: 74px; height: auto !important; padding: 18px 22px !important; line-height: 1.5 !important; font-size: 16px !important; font-weight: 400 !important; color: #555 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; white-space: normal !important; transition: background-color .18s, color .18s; }
.lanmux .lm-ctbig > ul > li:hover > a,
.lanmux .lm-ctbig > ul > li.hover > a,
.lanmux .lm-ctbig > ul > li.active > a,
.lanmux .lm-ctbig > ul > li.tx-current-item > a,
.lanmux .lm-ctbig > ul > li.mega-tx-current-item > a,
.lanmux .lm-ctbig > ul > li.current-menu-item > a,
.lanmux .lm-ctbig > ul > li.current-menu-parent > a,
.lanmux .lm-ctbig > ul > li.current-menu-ancestor > a,
.lanmux .lm-ctbig > ul > li.current_page_item > a,
.lanmux .lm-ctbig > ul > li.mega-current-menu-item > a,
.lanmux .lm-ctbig > ul > li.mega-current-menu-parent > a,
.lanmux .lm-ctbig > ul > li.mega-current-menu-ancestor > a,
.lanmux .lm-ctbig > ul > li.mega-current-page-ancestor > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li:hover > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.hover > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.active > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.tx-current-item > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.mega-tx-current-item > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.current-menu-item > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.current-menu-parent > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.current-menu-ancestor > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.current_page_item > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.mega-current-menu-item > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.mega-current-menu-parent > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.mega-current-menu-ancestor > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li.mega-current-page-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li:hover > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.hover > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.active > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.tx-current-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-tx-current-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.current-menu-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.current-menu-parent > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.current-menu-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.current_page_item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-current-menu-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-current-menu-parent > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-current-menu-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-current-page-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li:hover > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.hover > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.active > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.tx-current-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-tx-current-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.current-menu-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.current-menu-parent > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.current-menu-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.current_page_item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-current-menu-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-current-menu-parent > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-current-menu-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-current-page-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li:hover > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.hover > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.active > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.tx-current-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-tx-current-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.current-menu-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.current-menu-parent > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.current-menu-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.current_page_item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-current-menu-item > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-current-menu-parent > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-current-menu-ancestor > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-current-page-ancestor > a,
.lanmux .lm-ctbig > ul > li > a:hover,
.lanmux .lm-ctbig > ul > li > a:focus,
.lanmux .lm-ctbig > ul > li > a[aria-current],
.lanmux .lm-ctbig > div:not(.bread) > ul > li > a:hover,
.lanmux .lm-ctbig > div:not(.bread) > ul > li > a:focus,
.lanmux .lm-ctbig > div:not(.bread) > ul > li > a[aria-current],
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li > a:hover,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li > a:focus,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li > a[aria-current],
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li > a:hover,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li > a:focus,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li > a[aria-current],
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li > a:hover,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li > a:focus,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li > a[aria-current] { background: #DE5528 !important; color: #fff !important; }

.lanmux .lm-ctbig li > a:focus { outline: 2px solid #DE5528; outline-offset: -3px; }
@media (max-width: 992px) {
    .lanmux .lm-ctbig { padding: 8px 0; }
    .lanmux .lm-ctbig > div:not(.bread) { width: 100%; }
    .lanmux .bread { width: 100%; margin-left: 0; padding: 8px 0 0; }
.lanmux .lm-ctbig > ul > li,
.lanmux .lm-ctbig > div:not(.bread) > ul > li,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li { margin: 0 8px 8px 0 !important; }
.lanmux .lm-ctbig > ul > li > a,
.lanmux .lm-ctbig > div:not(.bread) > ul > li > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li > a,
.lanmux .lm-ct .lm-ctbig #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li > a { min-height: 44px; padding: 10px 14px !important; font-size: 14px !important; }
}