@media (max-width:1800px){
    :root{
        --max:1320px
    }
     .hero-slide .hero-copy{
        max-width:550px
    }
     .hero-slide-center .hero-copy{
        max-width:1000px
    }
     .about-media img{
        min-height:auto
    }
}
 @media (max-width:1680px){
    :root{
        --max:1240px
    }
}
 @media (max-width:1536px){
    :root{
        --max:1160px
    }
}
 @media (min-width:1051px) and (max-width:1536px){
     .footer-contact{
        gap:0;
        padding:24px 0
    }
     .footer-contact-item{
        min-height:88px;
        padding:0 clamp(22px,3vw,40px)
    }
     .footer-contact-item:nth-child(3){
        border-left:0
    }
     .footer-contact-item>span:last-child{
        min-width:0
    }
     .footer-contact-item small{
        white-space:normal;
        overflow-wrap:anywhere
    }
}
 @media (max-width:1440px){
    .hot-card-inner{
        grid-template-rows:auto
    }
     .area-content h2{
        font-size:28px
    }
     .area-list{
        gap:10px
    }
     .area-item{
        padding:15px
    }
     .why-card{
        gap:10px;
        grid-template-columns:45px minmax(0,1fr);
        padding:15px
    }
     .why-icon img,.why-icon svg{
        width:45px;
        height:45px
    }
     .why-card p{
        font-size:14px
    }
     .about-media img{
        max-width:560px;
        object-fit:contain
    }
     .cert-card{
        min-height:auto
    }
     .global h3{
        font-size:36px
    }
     .cert-data-card{
        padding:0 10px
    }
     .cert-data-icon{
        width:50px;
        height:50px
    }
     .cert-data-card h4{
        font-size:18px
    }
     .news-meta time{
        font-size:13px
    }
     .news-read{
        font-size:14px
    }
     .news-item h3{
        font-size:14px;
        margin-bottom:15px
    }
     .faq-layout{
        gap:30px
    }
     .faq-partner-grid{
        gap:10px
    }
     .footer-contact-icon{
        width:45px;
        height:45px
    }
     .footer-contact-icon svg{
        width:25px;
        height:25px
    }
     .footer-contact-item strong{
        font-size:17px
    }
     .footer-company h3{
        font-size:16px
    }
     .footer-company address,.footer-company p,.footer-qr p{
        font-size:15px
    }
     .footer-col h3,.footer-qr h3{
        font-size:18px
    }
     .footer-col a{
        font-size:15px;
        min-height:57px
    }
     .footer-bottom p{
        font-size:14px
    }
     :root{
        --max:1100px
    }
}
@media (max-width:1366px){
    :root{
        --max:1060px
    }
     .footer-main{
        gap:20px;
        grid-template-columns:minmax(290px,.8fr) minmax(240px,.88fr) minmax(200px,.68fr) minmax(230px,.72fr)
    }
     .footer-main>*+*{
        padding-left:20px
    }
}
 @media (min-width:1281px) and (max-width:1400px){
     .header-top{
        padding:0 18px
    }
     .header-slogan{
        font-size:13px
    }
     .header-tools{
        gap:10px
    }
     .header-tools>*+::before{
        left:-6px;
        height:18px
    }
     .header-search{
        width:min(220px,17vw);
        padding:0 12px
    }
     .header-tool{
        font-size:13px
    }
     .header-inquire{
        min-width:112px;
        padding:0 16px;
        font-size:13px
    }
     .header-inquire-count{
        min-width:16px;
        height:16px;
        padding:0 4px;
        font-size:10px
    }
     .header-main{
        grid-template-columns:minmax(250px,330px) 1fr;
        height:68px;
        min-height:68px;
        padding:0 18px
    }
     .header-brand{
        gap:14px
    }
     .header-brand img{
        width:74px;
        padding-right:12px
    }
     .header-brand span{
        display:block;
        color:var(--navy);
        font-size:15px;
        line-height:1.28;
        font-weight:600
    }
     .header-nav{
        gap:16px
    }
     .header-nav a{
        min-height:68px;
        font-size:14px
    }
     .header-nav a::after{
        bottom:18px
    }
     .header-product-menu{
        grid-template-columns:260px 300px
    }
}
 @media (max-width:1280px){
    :root{
        --max:1024px
    }
     .hero .hero-copy h1,.hero .hero-copy h2,.hero .hero-copy .hero-heading,.hero-slide-card .hero-copy h1,.hero-slide-card .hero-copy h2,.hero-slide-card .hero-copy .hero-heading,.hero-slide-center .hero-copy h1,.hero-slide-center .hero-copy h2,.hero-slide-center .hero-copy .hero-heading{
        font-size:40px
    }
     .hero .hero-lead,.hero-slide-card .hero-lead,.hero-slide-center .hero-lead{
        font-size:16px
    }
     .hero-slide .hero-copy{
        max-width:450px
    }
     .hero-slide-center .hero-copy{
        max-width:700px
    }
     .hero .hero-copy h1,.hero .hero-copy h2,.hero .hero-copy .hero-heading,.hero-slide-card .hero-copy h1,.hero-slide-card .hero-copy h2,.hero-slide-card .hero-copy .hero-heading,.hero-slide-center .hero-copy h1,.hero-slide-center .hero-copy h2,.hero-slide-center .hero-copy .hero-heading{
        font-size:34px
    }
     .hero .hero-lead,.hero-slide-card .hero-lead,.hero-slide-center .hero-lead{
        font-size:15px
    }
     .hero .hero-btn{
        min-width:auto;
        min-height:45px;
        font-size:12px;
        gap:6px
    }
     .hero .hero-btn-secondary{
        background:rgba(255, 255, 255, .88)
    }
     .product-copy h3{
        font-size:20px
    }
     .product-copy p{
        line-height:1.4
    }
     .hot-card-info{
        padding:15px
    }
     .hot-card h3{
        font-size:16px
    }
     .hot-card p{
        font-size:15px
    }
     .hot-card-link{
        border-width:1px
    }
     .area-item strong{
        font-size:16px
    }
     .area-item small{
        font-size:13px
    }
     .why-card h3{
        font-size:16px;
        min-height:36px
    }
     .why-card p{
        font-size:13px;
        min-height:98px
    }
     .about-stat+.about-stat{
        padding:10px
    }
     .about-stat-icon{
        width:45px;
        height:45px
    }
     .about-stat-icon img{
        width:45px;
        height:45px
    }
     .about-stat strong{
        font-size:20px
    }
     .about-stat p{
        font-size:13px;
        min-height:53px
    }
     .about-btn{
        min-width:auto;
        gap:10px;
        min-height:45px;
        font-size:14px
    }
     .cert-head{
        padding:60px 0
    }
     .news-feature h3{
        font-size:20px
    }
     .faq-inner{
        padding-top:60px
    }
     .faq-partner-card{
        min-height:100px
    }
     .footer-contact-item{
        gap:10px
    }
     .footer-contact-item small{
        font-size:13px
    }
     .footer-logo span{
        font-size:14px
    }
     .footer-company h3{
        font-size:14px
    }
     .footer-company address,.footer-company p,.footer-qr p{
        font-size:14px;
        line-height:1.4
    }
     .footer-col h3,.footer-qr h3{
        font-size:14px
    }
     .footer-col a{
        font-size:13px;
        min-height:45px
    }
     .footer-bottom{
        gap:15px;
        padding:30px 0;
        width: 100%;
    }
     .footer-bottom p{
        font-size: 13px;
    }
     .section-observe{
        padding-bottom:60px
    }
     .about-content h2,.area-content h2,.cert-head h2,.cta-copy h2,.factory-head h2,.hot-head h2,.news-head h2,.product-head h2,.solution-hero h2,.why-hero h2{
        font-size:26px;
        margin-bottom: 30px;
    }
     .about-lead,.area-lead,.cert-head p,.cta-copy p,.factory-head p,.hot-head p,.product-head p,.solution-hero p,.why-hero p{
        font-size:15px
    }
}
 @media (min-width:1200px) and (max-width:1400px){
     .footer-contact,.footer-main,.footer-bottom{
        width:min(calc(100% - 48px),var(--max))
    }
     .footer-main{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:28px 36px
    }
     .footer-main>*+*{
        border-left:0;
        padding-left:0
    }
     .footer-logo span{
        font-size:16px;
        line-height:1.4
    }
     .footer-company h3{
        max-width:none
    }
     .footer-qr img{
        width:200px
    }
     .footer-qr p{
        max-width:100%
    }
     .footer-bottom{
        align-items:flex-start;
        justify-content:space-between;
        flex-wrap:wrap;
        gap:14px 24px;
        padding:26px 0
    }
     .footer-bottom p{
        max-width:100%;
        text-align:left
    }
     .footer-bottom p+p{
        display:flex;
        flex-wrap:wrap;
        gap:8px 18px;
        padding-left:0
    }
     .footer-bottom p+p::before{
        display:none
    }
     .footer-bottom a,.footer-support{
        margin-right:0
    }
}
 @media (max-width:1199px){
    :root{
        --max:940px
    }
}
 @media (min-width:821px) and (max-width:1199px){
    .section{
        width:min(calc(100% - 48px),var(--max))
    }
     .about_page .auto-container,.contact_page .auto-container,.list_applications .auto-container,.list_blog .auto-container,.list_faq .auto-container,.list_products .auto-container,.oem_page .auto-container,.product_detail .auto-container{
        width:min(calc(100% - 48px),var(--max))
    }
     .contact-map-card{
        left:calc((min(100vw,var(--page-max)) - min(var(--max),calc(100% - 48px)))/ 2);
        width:min(360px,calc(100% - 48px))
    }
     .section-observe{
        padding-bottom:70px
    }
     .product.section-observe{
        padding-top:70px
    }
     .factory-head,.hot-head,.news-head,.product-head{
        gap:18px;
        margin-bottom:28px
    }
     .product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px
    }
     .product-card{
        min-height:360px;
        padding:22px
    }
     .product-copy{
        grid-template-columns:50px minmax(0,1fr);
        gap:14px
    }
     .product-copy h3{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
     .product-icon{
        width:50px;
        height:50px
    }
     .product-media{
        min-height:190px;
        margin:16px 0
    }
     .hot{
        padding-top:70px;
        padding-bottom:74px
    }
     .hot-tabs{
        gap:12px;
        margin-bottom:22px
    }
     .hot-tab{
        min-width:150px;
        min-height:46px;
        padding:0 16px
    }
     .solution,.why{
        gap:18px
    }
     .solution-hero,.why-hero{
        min-height:420px;
        padding:48px
    }
     .solution-grid,.why-grid{
        gap:14px
    }
     .solution-card,.why-card{
        padding:22px 18px
    }
     .about-content{
        padding:46px 38px
    }
     .about-media,.about-media img{
        min-height:420px
    }
     .factory{
        width:min(calc(100% - 48px),var(--max))
    }
     .news{
        width:min(calc(100% - 48px),var(--max));
        padding:70px 0
    }
     .news-item{
        grid-template-columns:minmax(190px,260px) minmax(0,1fr);
        gap:22px
    }
     .news-item img{
        height:190px
    }
     .faq-inner{
        width:min(calc(100% - 48px),var(--max));
        padding-top:70px
    }
     .faq-partner-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
     .cta{
        gap:34px;
        padding:42px max(24px,calc((min(100vw,var(--page-max)) - var(--max))/ 2))
    }
     .cta-form{
        width:100%;
        max-width:680px
    }
     .footer-bottom,.footer-contact,.footer-main{
        width:min(calc(100% - 48px),var(--max))
    }
     .footer-main{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:28px 34px
    }
     .footer-main>*+*{
        border-left:0;
        padding-left:0
    }
}
 @media (max-width:1180px){
    .blog-layout{
        grid-template-columns:minmax(0,1fr) 300px;
        gap:28px
    }
     .blog-card h2{
        min-height:54px;
        font-size: 18px;
    }
     .application-layout{
        grid-template-columns:minmax(0,1fr) 300px;
        gap:28px
    }
     .application-card h2{
        font-size:19px
    }
     .oem_workflow_icons{
        grid-template-columns:repeat(4,minmax(0,1fr));
        row-gap:22px
    }
     .oem_workflow_step:nth-child(4)::after{
        display:none
    }
     .oem_layout{
        grid-template-columns:minmax(0,1fr) 310px;
        gap:24px
    }
     .product-summary{
        grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
        gap:28px
    }
     .product-gallery-main{
        min-height:430px
    }
     .product-detail-layout{
        grid-template-columns:minmax(0,1fr) 300px;
        gap:28px
    }
     .product-detail-highlight,.product-feature-grid,.product-quality-list{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .product-package-grid,.product-tape-options{
        grid-template-columns:1fr
    }
     .related-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
 @media (max-width:1280px){
    .header{
        width:100%;
        margin-top:0;
        z-index:220
    }
     .header-top{
        grid-template-columns:1fr;
        gap:10px;
        height:45px;
        min-height:45px;
        padding:0 18px
    }
     .header-tools{
        justify-content:space-between;
        gap:10px
    }
     .header-search{
        width:min(310px,38vw)
    }
     .header-main{
        grid-template-columns:1fr auto;
        height:90px;
        min-height:90px;
        padding:0 18px
    }
     .header-brand{
        gap:14px
    }
     .header-brand img{
        width:92px;
        height:68px;
        padding-right:14px
    }
     .header-brand small,.header-brand strong{
        font-size:15px
    }
     .header-brand span{
        display:block;
        color:var(--navy);
        font-size:15px;
        line-height:1.3;
        font-weight:600
    }
     .header-brand small{
        font-size:12px
    }
     .header-toggle{
        display:block
    }
     .header-toggle.is-open span:first-child{
        transform:translateY(7px) rotate(45deg)
    }
     .header-toggle.is-open span:nth-child(2){
        opacity:0
    }
     .header-toggle.is-open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg)
    }
     .header-nav{
        position:fixed;
        top:135px;
        bottom:0;
        left:0;
        right:0;
        display:none;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:0;
        padding:16px 10px 28px;
        border:0;
        border-top:1px solid #e6edf4;
        border-radius:0;
        background:#fff;
        box-shadow:none!important;
        max-height:none;
        overflow-y:auto
    }
     .header-nav.is-open{
        display:flex
    }
     .header-nav a{
        min-height:38px;
        padding:0;
        color:#0a2240;
        font-size:16px;
        font-weight:500
    }
     .header-nav a::after{
        display:none
    }
     .header-nav-item{
        display:grid;
        grid-template-columns:minmax(0,1fr) 42px;
        align-items:center;
        width:100%
    }
     .header-nav-item>.header-nav-link{
        width:100%;
        padding:0
    }
     .header-nav-item>.header-nav-link .ui-arrow{
        display:none
    }
     .header-sub-toggle{
        display:grid;
        place-items:center;
        width:42px;
        height:38px;
        border:0;
        color:#0a2240;
        background:0 0;
        cursor:pointer
    }
     .header-sub-toggle .ui-arrow{
        --arrow-size:15px;
        transform:rotate(90deg);
        transition:transform .2s ease
    }
     .header-nav-item.is-open>.header-sub-toggle .ui-arrow{
        transform:rotate(-90deg)
    }
     .header-dropdown{
        grid-column:1/-1;
        position:static;
        display:none;
        visibility:visible;
        opacity:1;
        transform:none;
        pointer-events:auto;
        width:100%;
        margin:0 0 8px;
        box-shadow:none!important
    }
     .header-nav-item.is-open>.header-dropdown{
        display:grid;
        transform:none
    }
     .header-nav-item.is-open>.header-nav-link,.header-nav-item.is-open>.header-sub-toggle{
        color:var(--accent)
    }
     .header-product-menu{
        grid-template-columns:minmax(0,1fr);
        gap:0;
        padding:0
    }
     .header-solution-menu{
        width:100%
    }
     .header-menu-list{
        gap:0
    }
     .header-submenus{
        min-height:0;
        border-left:0;
        border-top:1px solid #dbe4ec
    }
     .header-product-menu.has-mobile-submenus .header-submenus{
        display:none
    }
     .header-submenu{
        position:static;
        display:none;
        visibility:visible;
        opacity:1;
        transform:none
    }
     .header-submenu.is-active{
        display:grid
    }
     .header-menu-row,.header-solution-menu a,.header-submenu a{
        min-height:52px
    }
     .header-menu-row.is-active{
        color:var(--accent)
    }
     .header-menu-row{
        grid-template-columns:minmax(0,1fr) 38px;
        gap:12px;
        min-height:52px;
        padding:7px 10px;
        border-radius:0;
        background:0 0
    }
     .header-menu-row.is-active,.header-menu-row:hover{
        color:var(--accent);
        background:0 0
    }
     .header-menu-row.is-active>.header-menu-row-link{
        color:var(--accent)
    }
     .header-menu-row.is-current>.header-menu-row-link{
        color:var(--accent)
    }
     .header-menu-row img{
        width:30px;
        height:30px
    }
     .header-menu-row-link{
        grid-template-columns:38px minmax(0,1fr);
        gap:12px;
        min-height:38px;
        padding:0;
        color:inherit;
        font-size:16px;
        font-weight:700
    }
     .header-mobile-submenu{
        grid-column:1/-1;
        display:none;
        gap:0;
        margin:6px 0 0;
        padding:6px 0 6px 42px;
        border-top:1px solid #edf2f7
    }
     .header-menu-row.is-open .header-mobile-submenu{
        display:grid
    }
     .header-mobile-submenu a{
        display:flex;
        align-items:center;
        min-height:38px;
        padding:0 8px;
        color:#314257;
        font-size:14px;
        font-weight:500;
        line-height:1.35;
        white-space:normal
    }
     .header-mobile-submenu a.is-active,.header-solution-menu a.is-active,.header-submenu a.is-active{
        color:var(--accent);
        font-weight:700
    }
     .header-row-toggle{
        width:38px;
        height:38px
    }
     .header-row-toggle b{
        --arrow-size:15px
    }
     .header-menu-row.is-open>.header-row-toggle b{
        transform:rotate(90deg)
    }
     .header-solution-menu a,.header-submenu a{
        min-height:38px;
        padding:0 10px;
        border-bottom:0;
        font-size:15px;
        font-weight:500
    }
     .header-nav .header-mobile-inquire{
        display:inline-flex;
        align-self:stretch;
        justify-content:center;
        width:auto;
        min-width:0;
        min-height:44px;
        margin:auto 10px 0;
        padding:0 18px;
        color:#fff;
        font-size:14px;
        font-weight:700;
        clip-path:none;
        border-radius:6px;
        flex-shrink:0
    }
     .header-nav .header-mobile-inquire:hover,.header-nav .header-mobile-inquire.is-active{
        color:#fff
    }
     .header-nav .header-mobile-inquire .ui-arrow{
        display:inline-flex
    }
     .header-solution-menu a span,.header-submenu a span{
        display:none
    }
     .header-solution-menu a svg{
        display:none
    }
}
@media (min-width:769px){
    .header-nav .header-mobile-inquire{
        display:none
    }
}
@media (min-width:821px) and (max-width:1280px){
    .header-top{
        display:none
    }
     .header-nav .header-mobile-inquire{
        display:none
    }
     .header-nav{
        top:90px
    }
}
 @media (max-width:1080px){
    #products,#hot-products.section-observe {
        padding-top: 40px;
    }
    #about{
        padding-bottom: 0;
    }
    .why-hero{
        margin-bottom:20px;
    }
    .factory-actions{
        display:none;
    }
    .cert-head {
        padding: 30px 0;
    }
    #factory{
        padding-bottom: 20px;
    }
    .global h3 {
        font-size: 28px;
    }
    .global-inner{
        padding-top:40px;
    }
    #global-service{
        padding-bottom: 10px;
    }
    .page_inside{
        line-height: 2;
    }
    .list_products_editor{
        padding-top:0;
    }
    .site_stats{
        gap:18px
    }
     .site_stat{
        display:none
    }
     .site_stat:nth-child(-n+2){
        display:grid
    }
     .product_grid{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .page_content .auto-container{
        grid-template-columns:minmax(0,1fr) 280px;
        gap:24px
    }
     .footer_grid{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
 @media (max-width:1050px){
    .hero{
        aspect-ratio:12/5;
        min-height:0
    }
    .hero-slide{
        align-items: start;
    }
     .hero-slide .hero-bg img{
        object-position:64% center
    }
     .hero-slide-center .hero-bg img,.hero-slide-weights .hero-bg img{
        object-position:center bottom
    }
     .hero-slide-card,.hero-slide-valves{
        justify-items:center
    }
     .hero-slide-card::before,.hero-slide-valves::before{
        background:linear-gradient(90deg,rgba(238,245,251,.08) 0,rgba(238,245,251,.08) 48%,rgba(238,245,251,.54) 100%)
    }
     .hero-slide-card .hero-bg img,.hero-slide-valves .hero-bg img{
        object-position:center bottom
    }
     .product-grid{
        grid-template-columns:1fr
    }
     .hot-layout.is-active{
        grid-template-columns:1fr
    }
     .solution{
        grid-template-columns:1fr
    }
     .solution-hero,.why-hero{
        min-height: 300px;
        padding: 30px;
    }
     .solution-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .why{
        grid-template-columns:1fr
    }
     .product-card{
        min-height:auto
    }
     .about,.cta{
        grid-template-columns:1fr;
        min-height:auto
    }
     .about-media{
        min-height:520px;
        border-top-left-radius:0;
        clip-path:none
    }
     .about-media img{
        min-height:520px
    }
     .cert-data{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px 0
    }
     .cert-data-card:nth-child(odd){
        border-left:0
    }
     .news-layout{
        grid-template-columns:1fr
    }
     .news-item{
        grid-template-columns:minmax(220px,320px) minmax(0,1fr)
    }
     .faq-layout{
        grid-template-columns:1fr
    }
     .faq-partners{
        padding:34px 0 0;
        border-left:0;
        border-top:1px solid #d6e0ea
    }
     .cta-form{
        justify-self:start;
        max-width:760px
    }
     .footer-contact{
        grid-template-columns:repeat(1,minmax(0,1fr));
        gap:18px 0;
        width:min(calc(100% - 25px),var(--max))
    }
     .footer-contact-item:nth-child(3){
        border-left:0
    }
     .footer-main>*+*{
        border-left:0;
        padding-left:0
    }
}
 @media (max-width:980px){
    .blog-layout{
        grid-template-columns:1fr
    }
     .blog-main,.application-main,.faq-list-wrap,.oem_content,.product-detail-content{
        order:1
    }
     .list_blog .sidebar{
        position:static;
        order:2
    }
     .article_detail .sidebar_panel.article-outline-panel{
        display:none!important
    }
     .article_detail .article-outline-toggle{
        display:inline-flex
    }
     .article_detail .article-outline-drawer{
        display:block
    }
     .sidebar .sidebar_box{
        position:static;
        max-height:none
    }
     .blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .page-banner{
        min-height:280px
    }
     .application-layout{
        grid-template-columns:1fr
    }
     .list_applications .sidebar{
        position:static;
        order:2
    }
     .sidebar .sidebar_box{
        position:static;
        max-height:none
    }
     .application-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .page-banner{
        min-height:280px
    }
     .faq-intro-card{
        grid-template-columns:1fr;
        padding:26px
    }
     .faq-category-grid{
        grid-template-columns:1fr
    }
     .faq-quote-cta .auto-container{
        grid-template-columns:auto minmax(0,1fr);
        gap:18px
    }
     .faq-quote-btn{
        grid-column:1/-1;
        justify-self:start
    }
     .faq-intro-card{
        grid-template-columns:1fr;
        padding:26px
    }
     .faq-category-grid{
        grid-template-columns:1fr
    }
     .faq-quote-cta .auto-container{
        grid-template-columns:auto minmax(0,1fr);
        gap:18px
    }
     .faq-quote-btn{
        grid-column:1/-1;
        justify-self:start
    }
     .faq-list-layout{
        grid-template-columns:1fr
    }
     .list_faq .sidebar{
        position:static;
        order:2
    }
     .sidebar .sidebar_box{
        position:static;
        max-height:none
    }
     .oem_layout{
        grid-template-columns:1fr
    }
     .oem_page .sidebar{
        position:static;
        order:2
    }
     .sidebar .sidebar_box{
        position:static;
        max-height:none
    }
     .oem_block,.oem_block:nth-child(odd),.oem_intro{
        grid-template-columns:1fr
    }
     .oem_block:nth-child(odd) .oem_media{
        order:0
    }
     .product-summary{
        grid-template-columns:1fr
    }
     .product-gallery-main{
        min-height:360px
    }
     .product-detail-layout{
        grid-template-columns:1fr
    }
     .product-detail-sidebar{
        position:static;
        order:2
    }
     .product-split-block{
        grid-template-columns:1fr
    }
     .product-detail-image-grid-three{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .product-install-steps,.product-quality-list{
        grid-template-columns:1fr
    }
     .product-review-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .contact-grid{
        grid-template-columns:1fr
    }
     .batch-inquiry-item{
        grid-template-columns:84px minmax(0,1fr);
        align-items:start
    }
     .batch-inquiry-thumb{
        width:84px;
        height:84px
    }
     .batch-inquiry-remove{
        grid-column:2;
        justify-self:start
    }
     .contact-social-inner{
        grid-template-columns:1fr
    }
     .contact-social-links{
        justify-content:flex-start
    }
     .contact-map-card{
        left:24px
    }
     .about-intro-layout{
        grid-template-columns:1fr;
        gap:28px
    }
     .about-intro-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .about-culture-feature-grid{
        grid-template-columns:1fr
    }
     .about-culture-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .about-cert-card figcaption{
        font-size:17px
    }
     .about-partner-card{
        flex-basis:calc((100vw - 120px)/ 4)
    }
     .about-history-prev{
        left:4px
    }
     .about-history-next{
        right:4px
    }
     .about-history-stage{
        padding:0 52px
    }
     .about-factory-collage-slide{
        grid-template-rows:repeat(3,132px)
    }
     .about-service-coverage{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .about-service-cards{
        grid-template-columns:1fr
    }
     .footer-main{
        grid-template-columns:1fr;
        width:min(calc(100% - 28px),var(--max));
        gap:28px
    }
     .footer-main>*+*{
        border-left:0;
        padding-left:0
    }
    .footer-main .footer-links{
        display: none;
    }
     .footer-subscribe-row{
    grid-template-columns:1fr;
}
     .footer-qr img{
        max-width:220px;
        width:100%
    }
     .footer-contact-item+.footer-contact-item{
    border: 0;
}
     .footer-bottom{
    align-items:flex-start;
    justify-content:flex-start;
    padding: 10px 0;
    padding-left:15px;
    flex-wrap: wrap;
    text-align:left;
}
     .footer-bottom p+p::before{
    display: none;
}
     .footer-bottom p+p{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    padding-left: 0;
}
     .footer-bottom p{
    width:100%;
    text-align:left;
}
     .footer-bottom a,.footer-support{
    margin-right:0;
}
     .floatbar{
    right: 5px;
    top: 65%;
}
}
 @media (min-width:769px) and (max-width:820px){
    .section{
        width:calc(100% - 40px)
    }
     .about_page .auto-container,.contact_page .auto-container,.list_applications .auto-container,.list_blog .auto-container,.list_faq .auto-container,.list_products .auto-container,.oem_page .auto-container,.product_detail .auto-container{
        width:calc(100% - 40px)
    }
     .contact-map-card{
        left:20px;
        width:min(360px,calc(100% - 40px))
    }
     .section-observe{
        padding-bottom:58px
    }
     .product.section-observe{
        padding-top:58px
    }
     .hero .hero-copy h1,.hero .hero-copy h2,.hero .hero-copy .hero-heading,.hero-slide-card .hero-copy h1,.hero-slide-card .hero-copy h2,.hero-slide-card .hero-copy .hero-heading,.hero-slide-center .hero-copy h1,.hero-slide-center .hero-copy h2,.hero-slide-center .hero-copy .hero-heading{
        font-size:30px
    }
     .hero .hero-lead,.hero-slide-card .hero-lead,.hero-slide-center .hero-lead{
        max-width:360px;
        font-size:14px;
        line-height:1.55
    }
     .hero-slide .hero-copy{
        max-width:370px
    }
     .hero-slide .hero-bg img{
        object-position:72% center
    }
     .factory-head,.hot-head,.news-head,.product-head{
        margin-bottom:24px
    }
     .solution-hero,.why-hero{
        min-height:360px;
        padding:38px
    }
     .about-content{
        padding:40px 30px
    }
     .about-media,.about-media img{
        min-height:360px
    }
     .news-feature,.news-item,.product-card{
        min-height:auto
    }
     .footer-bottom,.footer-contact,.footer-main{
        width:calc(100% - 40px)
    }
     
}
 @media (max-width:820px){
    .news{
        width:min(calc(100% - 28px),var(--max));
        padding:48px 0 58px;
        overflow:hidden
    }
     .news-head{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
        margin-bottom:22px
    }
     .news-layout{
        overflow:hidden;
        contain:none
    }
     .news-layout .news-track{
        display:flex;
        gap:0
    }
     .news-feature,.news-item{
        display:flex;
        flex-direction:column;
        min-height:0;
        height:auto;
        overflow:hidden;
        border:1px solid #dbe4ee;
        border-radius:8px;
        background:#fff;
        box-shadow:0 14px 34px rgba(9,21,34,.1)
    }
     .news-feature>img,.news-item img{
        width:100%;
        height:210px;
        border-radius:0;
        box-shadow:none;
        object-fit:cover
    }
     .news-body,.news-item>div{
        display:flex;
        flex:1;
        flex-direction:column;
        padding:20px
    }
     .news-meta{
        gap:10px;
        margin-bottom:12px
    }
     .news-meta time{
        font-size:13px
    }
     .news-feature h3,.news-item h3{
        margin:0 0 12px;
        font-size:18px;
        line-height:1.32;
        min-height:calc(1.32em * 2)
    }
     .news-feature p{
        display:-webkit-box;
        min-height:calc(1.55em * 3);
        margin-bottom:16px;
        overflow:hidden;
        color:#666;
        font-size:14px;
        line-height:1.55;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical
    }
     .news-read{
        margin-top:auto;
        font-size:14px
    }
     .cert-dots,
     .news-dots{
        position:static;
        display:flex;
        justify-content:center;
        align-items:center;
        min-height:18px;
        margin-top:18px
    }
     .cert-dots .swiper-pagination-bullet,
     .news-dots .swiper-pagination-bullet{
        width:8px;
        height:8px;
        margin:0 5px!important;
        border-radius:999px;
        background:#cfd7df;
        opacity:1;
        transition:width .2s ease,background .2s ease
    }
     .cert-dots .swiper-pagination-bullet-active,
     .news-dots .swiper-pagination-bullet-active{
        width:22px;
        background:var(--accent)
    }
     .why-card{
        grid-template-columns:1fr;
        justify-items:center;
        align-items:start;
        gap:14px;
        text-align:center
    }
     .why-icon{
        justify-self:center
    }
     .why-card>div:last-child{
        min-width:0
    }
     .why-card span{
        margin-left:auto;
        margin-right:auto
    }
 }
 @media (max-width:768px){
    .hero{
        aspect-ratio:1086/1448;
        min-height:0
    }
     .nav_search,.site_header .contact_btn,.site_stats,.site_topbar{
        display:none
    }
     .site_header .auto-container{
        min-height:76px
    }
     .site_logo{
        min-width:0
    }
     .site_logo_mark{
        width:48px;
        height:48px
    }
     .site_logo_text strong{
        font-size:19px
    }
     .site_header .contact_btn{
        height:38px;
        padding:0 14px
    }
     .site_nav .auto-container{
        overflow-x:auto
    }
     .main_nav{
        min-width:max-content
    }
     .main_nav a{
        padding:0 14px
    }
     .auto-container{
        width:min(1180px,calc(100% - 28px))
    }
     .hot-tabs{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        width:100%
    }
     .hot-tab{
        min-width:0;
        min-height:44px;
        padding:0 6px;
        gap:5px;
        font-size:12px;
        line-height:1.15;
        text-align:center
    }
     .hot-tab img,.hot-tab svg{
        width:24px;
        height:24px;
        padding:2px
    }
     .list_products .page_content>.auto-container{
        width:100%;
        padding:0 14px
    }
     .page_banner .page_banner_img img{
        height:280px
    }
     .page_banner h1,.page_banner .page-banner-title{
        max-width:330px;
        font-size:28px;
        overflow-wrap:anywhere
    }
     .page_banner p{
        max-width:330px;
        font-size:14px
    }
     .inquiry_box,.list_products .page_content>.auto-container{
        grid-template-columns:1fr
    }
     .list_products .page_content_box{
        order:1
    }
     .list_products .sidebar{
        order:2;
        position:static;
        max-height:none;
        overflow:visible
    }
     .sidebar .sidebar_box{
        position:static;
        max-height:none;
        overflow:visible
    }
     .list_products_head{
        align-items:flex-start;
        flex-direction:column
    }
     .list_products_tools{
        width:100%;
        flex-wrap:wrap
    }
     .list_products_tools select{
        flex:1 1 100%;
        min-width:0
    }
     .list_products_tools .view_btn{
        display:none
    }
     .product_grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .list_products .product_grid .hot-card-inner{
        grid-template-rows:230px 1fr
    }
     .list_products .product_grid .hot-card img{
        height:230px
    }
     #FooterMessage .input{
        grid-template-columns:1fr
    }
     .footer_grid{
        grid-template-columns:1fr;
        gap:26px
    }
     .footer_bottom .auto-container{
        align-items:flex-start;
        flex-direction:column
    }
     .list_products_editor .editor_content h2{
        font-size:28px
    }
     .list_products_editor .editor_media_row,.list_products_editor .editor_media_row.reverse{
        grid-template-columns:1fr;
        padding:20px
    }
     .list_products_editor .editor_media_row.reverse figure{
        order:0
    }
     .list_products_editor .editor_full_text{
        padding:18px 0 0
    }
     .list_products_editor .editor_feature_grid{
        grid-template-columns:1fr
    }
     .list_products_editor table{
        display:block;
        overflow-x:auto
    }
     .sidebar_panel{
        width:100%;
        padding:20px
    }
     .filter_top{
        gap:12px
    }
     .clear_btn{
        white-space:nowrap
    }
     .left_contact .contact_line,.left_contact p{
        max-width:100%;
        white-space:normal;
        word-break:break-word;
        overflow-wrap:anywhere
    }

     .header-product-menu,.header-nav-item.is-open>.header-dropdown{
    border: 0;
}
     .header-menu-row img{
    display: none;
}
     .header-nav .header-menu-row-link,.header-menu-row{
    min-height: auto;
}
     .header-menu-row-link{
    grid-template-columns:minmax(0,1fr);
    gap:0;
}
     .header-mobile-submenu{
    padding-left:8px;
}
 
 }
 @media (max-width:420px){
    .news-feature>img,.news-item img{
        height:180px
    }
    .hot-tab{
        flex-direction:column;
        min-height:62px;
        padding:6px 4px;
        gap:3px;
        font-size:11px
    }
     .hot-tab img,.hot-tab svg{
        width:22px;
        height:22px
    }
 }
 @media (max-width:720px){
    .page-inside .cur {
        color: #333;
        font-weight: 100;
    }
    .cta-form{
        grid-template-columns:1fr;
        gap:10px;
        max-width:100%
    }
     .cta-message{
        grid-column:auto
    }
     .cta-form input,
     .cta-form textarea{
        font-size:15px
    }
     .cta-form input{
        height:48px;
        padding:0 14px
    }
     .cta-form textarea{
        min-height:96px;
        padding:12px 14px
    }
     .cta-form input::placeholder,
     .cta-form textarea::placeholder{
        font-size:14px
    }
     .cta-form button{
        height:52px
    }
    .contact-map-section{
        padding-bottom: 0;
        height:500px;
    }
    .header-top{
        display:flex;
        align-items:center;
        justify-content:center;
        height:34px;
        min-height:34px;
        padding:0 14px
    }
     .header-slogan{
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:12px
    }
     .header-tools{
        display:none
    }
     .header-main{
        height:82px;
        min-height:82px;
        padding:0 14px
    }
     .header-brand{
        min-width:0;
        gap:10px
    }
     .header-brand img{
        width:74px;
        height:56px;
        padding-right:10px
    }
     .header-brand strong{
        font-size:14px
    }
     .header-nav{
        top:116px
    }
     .list_blog .auto-container{
        width:min(100% - 28px,1400px)
    }
     .blog-section{
        padding:34px 0 30px
    }
     .blog-grid{
        grid-template-columns:1fr;
        gap:18px
    }
     .blog-card-body{
        padding:22px
    }
     .blog-card-foot{
        align-items:flex-start;
        flex-direction:column;
        gap:12px
    }
     .blog-list-head{
        align-items:flex-start;
        flex-direction:column
    }
     .page-banner .auto-container{
        padding:52px 0
    }
     .page-banner p{
        font-size:15px
    }
     .inside-pagination{
        gap:7px
    }
     .pagination-link{
        min-width:38px;
        height:38px;
        padding:0 11px
    }
     .list_applications .auto-container{
        width:min(100% - 28px,1400px)
    }
     .application-section{
        padding:34px 0 30px
    }
     .application-grid{
        grid-template-columns:1fr;
        gap:18px
    }
     .application-card-body{
        padding:32px 22px 22px
    }
     .application-card p{
    min-height: auto;
}
     .cta{
    gap: 40px;
}
     .application-card h2{
    font-size: 18px;
    min-height: auto;
}
     .application-list-head{
        align-items:flex-start;
        flex-direction:column
    }
     .page-banner .auto-container{
        padding:52px 0
    }
     .page-banner p{
        font-size:15px
    }
     .inside-pagination{
        gap:7px
    }
     .pagination-link{
        min-width:38px;
        height:38px;
        padding:0 11px
    }
     .list_faq .auto-container{
        width:min(100% - 28px,1400px)
    }
     .faq-home{
        padding:34px 0 52px
    }
     .page-banner{
        min-height:280px
    }
     .page-banner .auto-container{
        padding:52px 0
    }
     .page-banner p{
        font-size:15px
    }
     .faq-intro-card{
        padding:20px
    }
     .faq-intro-copy h2{
        font-size:32px
    }
     .faq-category-card{
        min-height:auto;
        padding:22px
    }
     .faq-category-head{
        grid-template-columns:54px minmax(0,1fr);
        gap:13px
    }
     .faq-category-icon{
        width:50px;
        height:50px
    }
     .faq-quote-cta .auto-container{
        grid-template-columns:1fr;
        text-align:left
    }
     .faq-cta-icon{
        width:70px;
        height:70px
    }
     .faq-quote-cta h2{
        font-size:24px
    }
     .faq-quote-btn{
        width:100%;
        padding:0 22px
    }
     .list_faq .auto-container{
        width:min(100% - 28px,1400px)
    }
     .faq-home{
        padding:34px 0 52px
    }
     .page-banner{
        min-height:280px
    }
     .page-banner h1,.page-banner h2,.page-banner .page-banner-title{
    font-size: 28px;
}
     .page-banner .auto-container{
        padding:52px 0
    }
     .page-banner p{
        font-size:15px
    }
     .faq-intro-card{
        padding: 20px;
        border: 0;
    }
     .faq-intro-copy h2{
        font-size: 22px;
    }
     .faq-category-card{
        min-height:auto;
        padding:22px
    }
     .faq-category-head{
        grid-template-columns:54px minmax(0,1fr);
        gap:13px;
        align-items: center;
    }
     .faq-category-icon{
        width:50px;
        height:50px;
    }
     .faq-category-card h2{
    font-size: 18px;
}
     .faq-category-link{
    font-size: 14px;
    font-weight: 600;
}
     .faq-category-head p{
    display: none;
}
     .faq-quote-cta .auto-container{
        grid-template-columns:1fr;
        text-align:left
    }
     .faq-cta-icon{
        width:70px;
        height:70px
    }
     .faq-quote-cta h2{
        font-size:24px
    }
     .faq-quote-btn{
        width:100%;
        padding:0 22px
    }
     .faq-list-section{
        padding:34px 0 52px
    }
     .faq-list-question{
        grid-template-columns:36px minmax(0,1fr) 28px;
        padding:18px 16px;
        gap:10px
    }
     .faq-list-question strong{
        font-size:14px
    }
     .faq-list-mark{
        width:32px;
        height:32px
    }
     .faq-list-answer{
        padding:0 16px 18px 16px
    }
     .faq-list-answer-inner{
        padding: 0;
    }
     .sidebar_panel{
        padding:20px
    }
     .oem_page .auto-container{
        width:calc(100% - 28px);
        max-width:1400px
    }
     .oem_banner{
        min-height:300px
    }
     .oem_banner .auto-container{
        padding:52px 0
    }
     .oem_banner h1,.oem_banner .oem-banner-title,.oem_banner p{
        max-width:100%;
        overflow-wrap:anywhere;
        font-size: 28px;
    }
     .oem_banner p{
        font-size:15px
    }
     .oem_body{
        padding:34px 0 52px
    }
     .oem_content{
    border: 0;
}
     .oem_final_cta h2{
    font-size: 18px;
}
     .oem_block,.oem_faq,.oem_intro,.oem_workflow{
        padding: 0;
        border: 0;
    }
     .oem_workflow_icons{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px 28px
    }
     .oem_workflow_step::after{
        display:none
    }
     .oem_workflow_step img{
        width:76px;
        height:76px
    }
     .oem_process_table{
        min-width:760px
    }
     .oem_final_cta{
        grid-template-columns:1fr
    }
     .oem_btn{
        width:100%
    }
     .contact_page .auto-container{
        width:min(calc(100vw - 28px),1400px)
    }
     .contact-section{
        padding:34px 0 20px
    }
     .contact-panel{
        padding: 0;
        border: 0;
    }
     .batch-inquiry-panel{
        gap:18px
    }
     .batch-inquiry-empty{
        padding:18px
    }
     .batch-inquiry-item{
        grid-template-columns:72px minmax(0,1fr);
        gap:14px;
        padding:14px
    }
     .batch-inquiry-thumb{
        width:72px;
        height:72px
    }
     .batch-inquiry-copy h3{
        font-size:16px
    }
     .batch-inquiry-actions{
        align-items:flex-start
    }
     .batch-inquiry-action-buttons{
        width:100%
    }
     .batch-inquiry-browse,.batch-inquiry-clear{
        flex:1 1 180px
    }
     .contact-section-title h2{
        font-size: 26px;
    }
     .contact-info-item{
        grid-template-columns:56px minmax(0,1fr);
        gap:14px
    }
     .contact-info-icon{
        width:54px;
        height:54px
    }
     .contact-info-icon svg{
        width:28px;
        height:28px
    }
     .contact-form input,.contact-form select{
        height:50px
    }
     .contact-submit{
        height:54px;
        font-size:16px
    }
     .contact-map{
        min-height:450px
    }
     .contact-map-card{
        left:14px;
        top:18px;
        width:calc(100% - 28px);
        padding:18px
    }
     .contact-map-pin{
        left:50%;
        top:71%
    }
     .contact-map-label{
        left:50%;
        top:calc(71% + 17px);
        max-width:calc(100% - 42px);
        transform:translateX(-50%);
        font-size:12px;
        text-align:center;
        white-space:normal
    }
     .contact-social{
        padding:40px 0 46px
    }
     .contact-social-links{
        gap:14px
    }
     .contact-social-links a{
        width:54px;
        height:54px
    }
     .contact-social-links a img{
        width:28px;
        height:28px
    }
     .about_page{
        width:100%;
        max-width:100%;
        overflow:hidden
    }
     .about_page .auto-container{
        width:min(calc(100vw - 28px),1400px)
    }
     .about_page .page-banner h1,.about_page .page-banner .page-banner-title,.about_page .page-banner p{
        max-width:calc(100vw - 42px);
        overflow-wrap:anywhere
    }
     .about-intro-section{
        padding:42px 0 56px
    }
     .about-intro-copy,.about-intro-layout,.about-intro-media,.about-intro-stats{
        width:calc(100vw - 28px);
        max-width:calc(100vw - 28px)
    }
     .about-section-kicker{
        font-size:14px
    }
     .about-intro-copy h2{
        max-width:calc(100vw - 42px);
        font-size: clamp(24px,3vw,36px);
        line-height:1.08
    }
     .about-intro-copy h3{
        max-width:calc(100vw - 42px);
        font-size:19px
    }
     .about-intro-copy p{
        max-width:calc(100vw - 42px);
        /* font-size:14px; */
    }
     .about-intro-media img{
        aspect-ratio:4/3
    }
     .about-intro-stats{
        grid-template-columns:1fr;
        gap:14px;
        margin-top:24px
    }
     .about-stat-card{
        min-height:auto;
        padding:22px 18px
    }
     .about-stat-card strong{
        /* font-size:32px; */
    }
     .about-culture-section{
        padding:48px 0 58px
    }
     .about-culture-head{
        margin-bottom:26px
    }
     .about-culture-head .about-section-kicker::after,.about-culture-head .about-section-kicker::before{
        width:24px;
        margin:0 9px
    }
     .about-culture-head h2{
        font-size:clamp(30px,9vw,36px)
    }
     .about-culture-head p{
        font-size:15px;
        line-height:1.58
    }
     .about-culture-feature-grid{
        gap:18px;
        margin-top:28px
    }
     .about-culture-feature{
        grid-template-columns:92px minmax(0,1fr);
        min-height:0;
        border-radius:12px
    }
     .about-culture-feature-icon{
        padding:20px;
        border-radius:12px 28px 28px 12px
    }
     .about-culture-feature-icon img{
        width:58px;
        height:58px
    }
     .about-culture-feature-copy{
        padding:22px 18px
    }
     .about-culture-feature-copy h3{
        margin-bottom:20px;
        font-size:20px
    }
     .about-culture-feature-copy p{
        /* font-size:14px; */
    }
     .about-culture-card-grid{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:30px
    }
     .about-culture-card{
        min-height:auto;
        padding:28px 22px 42px
    }
     .about-culture-card p{
        max-width:330px;
        margin:0 auto
    }
     .about-cert-section{
        padding: 40px 0 0px;
    }
     .about-cert-section{}
     .about-cert-head .about-section-kicker::after,.about-cert-head .about-section-kicker::before{
        width:24px;
        margin:0 9px
    }
     .about-cert-head h2{
        font-size: clamp(26px,6vw,36px);
    }
     .about-cert-head p{
        font-size:15px;
        line-height:1.58
    }
     .about-cert-img{
        border-width:5px
    }
     .about-cert-card figcaption{
        font-size:15px
    }
     .about-partner-showcase{
        padding:12px;
        border-radius:14px
    }
     .about-partner-track{
        gap:12px;
        animation-duration:34s
    }
     .about-partner-card{
        flex-basis:calc((100vw - 60px)/ 2);
        min-height:74px;
        padding:10px 12px
    }
     .about-partner-card img{
        max-width:125px;
        max-height:42px
    }
     .about-history-section{
        padding: 40px 0 0;
    }
     .about-history-head .about-section-kicker::after,.about-history-head .about-section-kicker::before{
        width:24px;
        margin:0 9px
    }
     .about-history-head h2{
        font-size:clamp(30px,9vw,36px)
    }
     .about-history-head p{
        font-size:15px;
        line-height:1.58
    }
     .about-history-stage{
        padding: 0;
    }
     .about-history-nav{
        width:38px;
        height:38px
    }
     .about-history-prev{
        left:-2px
    }
     .about-history-next{
        right:-2px
    }
     .about-history-body{
        min-height:260px;
        padding:24px 18px 28px
    }
     .about-history-body strong{
        font-size:32px
    }
     .about-history-body h3{
        font-size:18px
    }
     .about-history-body p{
        font-size:14px
    }
     .about-factory-section{
        padding:42px 0 54px
    }
     .about-factory-panel{
        padding: 0;
        border-radius:14px
    }
     .about-factory-head{
        margin-bottom:24px
    }
     .about-factory-head h2{
        font-size:clamp(30px,9vw,36px)
    }
     .about-factory-head p{
        font-size:15px;
        line-height:1.58
    }
     .about-factory-collage-swiper{
        display:none
    }
     .about-factory-mobile-swiper{
        display:block
    }
     .about-factory-mobile-photo{
        border-radius:8px
    }
     .about-service-section{
        padding:48px 0 58px
    }
     .about-service-head h2{
        font-size:clamp(30px,9vw,36px)
    }
     .about-service-head p{
        font-size:15px;
        line-height:1.58
    }
     .about-service-label{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:20px
    }
     .about-service-label span,.about-service-label strong::after,.about-service-label strong::before{
        display:none
    }
     .about-service-label strong{
        font-size:19px
    }
     .about-service-coverage{
        grid-template-columns:1fr 1fr;
        gap:10px
    }
     .about-service-product{
        min-height:142px;
        padding:18px 10px
    }
     .about-service-product img{
        width:48px;
        height:48px
    }
     .about-service-product h3{
        font-size:14px
    }
     .about-service-cards{
        gap:14px
    }
     .about-service-card{
        min-height:auto;
        padding:24px 20px 28px
    }
     .about-service-card-icon{
        width:68px;
        height:68px
    }
     .about-service-card-icon img{
        width:40px;
        height:40px
    }
     .about-service-card h3{
        font-size: 20px;
    }
     .about-service-card ul{
        font-size:14px;
        gap:10px
    }
     .product_detail .auto-container{
        width:min(calc(100vw - 28px),1400px)
    }
     .product-detail-content{
    padding: 20px;
    border: 0;
}
     .product-summary-section{
        padding:34px 0 42px
    }
     .product-summary{
        padding: 0;
        gap: 25px;
    }
     .product-gallery-main,.product-gallery-slide{
        min-height:280px
    }
     .product-gallery-zoom{
        right:12px;
        bottom:12px;
        width:42px;
        height:42px
    }
     .product-gallery-arrow{
        width:38px;
        height:38px
    }
     .product-summary-info h1,.product-summary-info h2{
        font-size: 22px;
    }
     .product-summary-points{
        grid-template-columns:1fr
    }
     .product-quick-specs div{
        /* grid-template-columns:1fr; */
        /* gap:5px; */
    }
     .product-detail-section{
        padding-bottom:46px
    }
     .product-detail-panel{
        padding: 0;
    }
     .product-detail-highlight,.product-detail-image-grid,.product-detail-image-grid-three,.product-feature-grid,.product-package-grid,.product-review-grid,.product-tape-options,.related-product-grid{
        grid-template-columns:1fr
    }
    .product-spec-table{
        min-width:620px
    }
     .related-products-section{
        padding:40px 0 48px
    }
     .related-products-dots{
        margin-top:22px
    }
}
 @media (max-width:520px){
    .about-culture-card-grid,.about-culture-feature,.about-culture-feature-grid,.about-culture-head,.about-culture-head p,.about-factory-head,.about-factory-head p,.about-history-head,.about-history-head p,.about-intro-copy h3,.about-intro-copy p,.about-service-head,.about-service-head p,.about_page .page-banner p{
        max-width:100%;
    }
     .about-culture-head h2,.about-factory-head h2,.about-history-head h2,.about-service-head h2{
        max-width:340px;
        margin-left:auto;
        margin-right:auto;
        font-size:28px;
        line-height:1.12
    }
     .about-culture-feature{
        grid-template-columns:76px minmax(0,1fr)
    }
     .about-culture-feature-icon{
        padding:14px
    }
     .about-culture-feature-icon img{
        width:46px;
        height:46px
    }
     .about-culture-feature-copy{
        min-width:0;
        padding:18px 14px
    }
     .about-culture-feature-copy h3{
        font-size:18px
    }
     .about-culture-feature-copy p{
        max-width:100%;
        overflow-wrap:break-word;
        /* font-size:13px; */
    }
     .product_grid{
        grid-template-columns:1fr
    }
     .list_products .product_grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
     .list_products .product_grid .hot-card-info{
        padding:14px 12px 16px
    }
     .inside-pagination ul{
        gap:7px
    }
}