*,::after,::before{
    box-sizing:border-box;
    margin:0;
    padding:0
}
 html{
    scroll-behavior:smooth
}
 body{
    font-family:Inter,sans-serif;
    color:#1a1a2e;
    background:#fff;
    line-height:1.7;
    overflow-x:hidden
}
 a{
    text-decoration:none;
    color:inherit
}
 img{
    max-width:100%;
    display:block
}
 ul{
    list-style:none
}
 :root{
    --primary:#333333;
    --accent:#f08300;
    --accent2:#f08300;
    --light-bg:#f5f7fa;
    --border:#f5f5f5;
    --text-muted:#666666;
    --white:#ffffff;
    --dark:#0d1b2a;
    --radius:10px;
    --transition:0.3s ease
}
 ::-webkit-scrollbar{
    width:6px
}
 ::-webkit-scrollbar-track{
    background:#f0f4f8
}
 ::-webkit-scrollbar-thumb{
    background:#f08300;
    border-radius:3px
}
 #navbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background:0 0;
    border-bottom:1px solid transparent;
    transition:background var(--transition),border-color var(--transition);
    padding:0
}
 #navbar.scrolled{
    background:var(--white);
    border-color:#f5f5f5
}
 #navbar:focus-within,#navbar:hover{
    background:var(--white);
    border-color:#f5f5f5
}
 .nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:72px;
    max-width:1400px;
    margin:0 auto
}
 .nav-brand{
    display:flex;
    align-items:center;
    gap:15px;
    min-width:0
}
 .nav-logo{
    display:flex;
    align-items:center;
    line-height:1.1
}
 .nav-logo img{
    height:65px;
    width:auto;
    display:block;
    border-radius:6px;
    padding:3px 8px
}
 .nav-tagline{
    font-size:13px;
    font-weight: 600;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:rgba(255,255,255,.88);
    white-space:nowrap;
    transition:color var(--transition),opacity var(--transition)
}
 .nav-links{
    display:flex;
    align-items:center;
    gap:32px;
    justify-content:flex-end;
    width:68%
}
 .nav-item{
    position:relative;
    display:flex;
    align-items:center;
    height:72px
}
 .nav-item-mega{
    position:static
}
 .nav-tools{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0
}
 .nav-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    color:rgba(255,255,255,.88);
    font-size:18px;
    font-weight:500;
    letter-spacing:.5px;
    position:relative;
    transition:color var(--transition)
}
 .nav-link::after{
    content:'';
    position:absolute;
    bottom:-22px;
    left:0;
    right:0;
    height:2px;
    background:var(--accent);
    transform:scaleX(0);
    transition:transform var(--transition)
}
 .nav-item:focus-within>.nav-link,.nav-item:hover>.nav-link,.nav-link.active,.nav-link:hover{
    color:var(--accent)
}
 .nav-item:focus-within>.nav-link::after,.nav-item:hover>.nav-link::after,.nav-link.active::after,.nav-link:hover::after{
    transform:scaleX(1)
}
 .nav-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    transform:translate(-50%,12px);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;
    z-index:1002
}
 .nav-dropdown::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:-16px;
    height:16px
}
 .nav-item:focus-within>.nav-dropdown,.nav-item:hover>.nav-dropdown{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0)
}
 .nav-dropdown-mega{
    left:0;
    right:0;
    top:72px;
    width:100%;
    transform:translateY(12px);
    padding:22px 0 20px;
    background:#fff;
    border-top:1px solid #f5f5f5
}
 .nav-item-mega:focus-within>.nav-dropdown,.nav-item-mega:hover>.nav-dropdown{
    transform:translateY(0)
}
 .nav-mega-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px 10px;
    width:min(1400px,calc(100vw - 48px));
    margin:0 auto;
    padding-top:4px
}
 .nav-mega-link{
    display:grid;
    justify-items:center;
    align-content:start;
    gap:15px;
    border-radius:8px;
    text-align:center;
    transition:border-color var(--transition),background var(--transition)
}
 .nav-mega-thumb{
    width:100%;
    max-width:138px;
    aspect-ratio:1.3/1;
    border:1px solid #f5f5f5;
    border-radius:8px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
 .nav-mega-thumb img{
    width:100%;
    height:100%;
    object-fit:contain
}
 .nav-mega-name{
    min-height:2.5em;
    color:#333;
    font-size:14px;
    font-weight:600;
    line-height:1.35;
    transition:color var(--transition)
}
 .nav-mega-link:hover .nav-mega-name{
    color:#f08300
}
 .nav-cta{
    background:var(--accent);
    padding:8px 21px;
    border-radius:50px;
    font-weight: 600!important;
    font-size:14px!important;
    transition:background var(--transition),transform var(--transition)!important
}
 .nav-cta:hover{
    background:#f08300!important;
    transform:translateY(-1px)
}
 .nav-cta::after{
    display:none!important
}
 .header-search{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:42px;
    min-height:42px;
    z-index:1002
}
 .search-toggle{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.08);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    position:relative;
    z-index:3;
    transition:background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition),border-radius var(--transition),color var(--transition)
}
 .search-toggle:hover{
    background:rgba(255,255,255,.16);
    border-color:rgba(255,255,255,.38);
    transform:translateY(-1px)
}
 .search-toggle svg{
    width:18px;
    height:18px
}
 .search-toggle-icon{
    position:absolute;
    inset:0;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
 .search-toggle-icon-search svg{
    transform:translateY(1px)
}
 .search-toggle-icon-close{
    display:none;
    font-size:26px;
    line-height:1
}
 .search-toggle-icon-close::before{
    content:"\00D7";
    display:block;
    transform:translateY(1px)
}
 #navbar.search-open .search-toggle-icon-search{
    display:none
}
 #navbar.search-open .search-toggle-icon-close{
    display:inline-flex
}
 #navbar.search-open .nav-links{
    width:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-6px);
    overflow:hidden
}
 .nav-links{
    transition:opacity .28s ease,visibility .28s ease,transform .28s ease
}
 .search-panel{
    position:absolute;
    top:50%;
    right:52px;
    width:0;
    overflow:hidden;
    transform:translateY(-50%) scaleX(.96);
    transform-origin:right center;
    z-index:2;
    opacity:0;
    pointer-events:none;
    transition:width var(--transition),opacity .22s ease,transform .22s ease
}
 .search-panel[hidden]{
    display:none
}
 #navbar.search-open .search-panel{
    width:min(460px,calc(100vw - 250px));
    opacity:1;
    transform:translateY(-50%) scaleX(1);
    pointer-events:auto
}
 #navbar.search-open .search-toggle{
    border-radius:14px;
    background:#fff;
    border-color:#f08300;
    color:#f08300;
    box-shadow:0 12px 28px rgba(24,20,16,.08)
}
 .search-field{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:0 16px;
    border-radius:14px;
    background:rgba(255,255,255,.98);
    border:1px solid #f5f5f5;
    box-shadow:0 16px 34px rgba(24,20,16,.08)
}
 .search-field svg{
    width:18px;
    height:18px;
    color:#999;
    flex-shrink:0
}
 .search-field input{
    width:100%;
    min-width:0;
    border:none;
    outline:0;
    background:0 0;
    font-size:15px;
    color:#333
}
 .search-field .search_btn{
    width:34px;
    height:34px;
    min-width:34px;
    border:1px solid #f08300;
    border-radius:50%;
    background:#f08300;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background var(--transition),color var(--transition),transform var(--transition)
}
 .search-field .search_btn:hover{
    background:#333;
    border-color:#333;
    transform:translateY(-1px)
}
 .search-field .search_btn svg{
    width:15px;
    height:15px;
    color:currentColor
}
 .hamburger{
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    cursor:pointer;
    width:42px;
    height:42px;
    padding:0;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.08)
}
 .hamburger span{
    display:block;
    width:18px;
    height:2px;
    background:var(--white);
    border-radius:2px;
    transition:var(--transition)
}
 #navbar.scrolled .nav-link,#navbar:focus-within .nav-link,#navbar:hover .nav-link{
    color:#333
}
 #navbar.scrolled .nav-tagline,#navbar:focus-within .nav-tagline,#navbar:hover .nav-tagline{
    color:#666
}
 #navbar.scrolled .nav-item:focus-within>.nav-link,#navbar.scrolled .nav-item:hover>.nav-link,#navbar.scrolled .nav-link.active,#navbar:focus-within .nav-item:focus-within>.nav-link,#navbar:focus-within .nav-item:hover>.nav-link,#navbar:focus-within .nav-link.active,#navbar:hover .nav-item:focus-within>.nav-link,#navbar:hover .nav-item:hover>.nav-link,#navbar:hover .nav-link.active{
    color:var(--accent)
}
 #navbar.scrolled .search-toggle,#navbar:focus-within .search-toggle,#navbar:hover .search-toggle{
    background:#fff;
    border-color:#f5f5f5;
    color:#333
}
 #navbar.scrolled .search-toggle:hover,#navbar.scrolled.search-open .search-toggle,#navbar:focus-within .search-toggle:hover,#navbar:focus-within.search-open .search-toggle,#navbar:hover .search-toggle:hover,#navbar:hover.search-open .search-toggle{
    border-color:#f08300;
    color:#f08300
}
 #navbar.scrolled .hamburger span,#navbar:focus-within .hamburger span,#navbar:hover .hamburger span{
    background:#333
}
 #navbar.scrolled .hamburger{
    background:#fff;
    border-color:#f5f5f5
}
 #navbar:focus-within .hamburger,#navbar:hover .hamburger{
    background:#fff;
    border-color:#f5f5f5
}
 .mobile-menu{
    display:none;
    position:fixed;
    top:72px;
    left:0;
    right:0;
    background:var(--dark);
    padding:18px 5% 22px;
    z-index:999;
    flex-direction:column;
    gap:11px;
    max-height:calc(100vh - 72px);
    overflow-y:auto
}
 .mobile-menu-link,.mobile-menu-parent-link{
    width:100%;
    display:flex;
    align-items:center;
    color:rgba(255,255,255,.92);
    font-size:16px;
    font-weight:600;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:2px 0 15px;
    text-align:left
}
 .mobile-menu-link{
    justify-content:flex-start
}
 .mobile-menu-row{
    display:flex;
    align-items:center;
    gap:12px
}
 .mobile-menu-parent-link{
    flex:1;
    border-bottom:none;
    padding:2px 0 15px
}
 .mobile-menu-group{
    border-bottom:1px solid rgba(255,255,255,.08)
}
 .mobile-menu-group:last-of-type{
    border-bottom:none
}
 .mobile-menu-toggle{
    width:32px;
    height:32px;
    margin-top:-2px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:0 0;
    border:none;
    padding:0;
    color:rgba(255,255,255,.92);
    cursor:pointer;
    flex-shrink:0
}
 .mobile-menu-caret{
    display:block;
    width:8px;
    height:8px;
    border-right:1.6px solid currentColor;
    border-bottom:1.6px solid currentColor;
    transform:rotate(45deg);
    transition:transform var(--transition),opacity var(--transition);
    opacity:.86;
    flex-shrink:0
}
 .mobile-menu-group.open .mobile-menu-caret{
    transform:rotate(225deg)
}
 .mobile-submenu{
    display:none;
    padding:0 0 9px
}
 .mobile-submenu-link{
    display:block;
    color:rgba(255,255,255,.72);
    font-size:15px;
    font-weight:500;
    padding:10px 0 10px 16px;
    line-height:1.35
}
 .mobile-submenu-link:last-child{
    padding-bottom:4px
}
 .mobile-menu-cta{
    margin-top:6px;
    padding:15px 16px;
    justify-content:center;
    border:1px solid #f08300;
    border-radius:999px;
    background:#f08300;
    color:#fff
}
 .mobile-menu-cta:last-child{
    border-bottom:1px solid #f08300
}
 #hero{
    min-height:100vh;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center
}
 .hero-slide{
    background-size:cover;
    background-position:center
}
 .hero-slide::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to right,rgba(10,20,35,.8) 0,rgba(10,20,35,.52) 55%,rgba(10,20,35,.22) 100%)
}
 .hero-inner{
    position:relative;
    z-index:2;
    width:100%;
    padding:120px 0 80px
}
 .hero-inner>.container{
    position:relative
}
 .hero-panel{
    display:block;
    max-width:60%
}
 @keyframes panelIn{
    from{
        opacity:0;
        transform:translateY(22px)
    }
     to{
        opacity:1;
        transform:translateY(0)
    }
}
 .hero-dots{
    position:absolute;
    bottom:36px;
    left:calc((100% - min(1400px,100%))/ 2 + 5%);
    z-index:3;
    display:flex;
    gap:10px
}
 .hero-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:44px;
    height:44px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--white);
    font-size:18px;
    cursor:pointer;
    transition:background var(--transition),border-color var(--transition);
    backdrop-filter:blur(4px)
}
 .hero-arrow:hover{
    background:var(--accent);
    border-color:var(--accent)
}
 .hero-arrow.prev{
    left:1.5%
}
 .hero-arrow.next{
    right:1.5%
}
 .hero-progress{
    position:absolute;
    bottom:0;
    left:0;
    height:3px;
    background:var(--accent);
    z-index:3;
    width:0
}
 .hero-title{
    font-family:Montserrat,sans-serif;
    font-size: clamp(39px, 5vw, 52px);
    font-weight:700;
    color:var(--white);
    line-height:1.15;
    margin-bottom:20px
}
 .hero-title span{
    color:var(--accent)
}
 .hero-desc{
    font-size:17px;
    color:rgba(255,255,255,.72);
    margin-bottom:32px;
    max-width:520px
}
 .hero-btns{
    display:flex;
    gap:16px;
    flex-wrap:wrap
}
 .btn-primary{
    background:var(--accent);
    color:var(--dark);
    padding:8px 32px;
    border-radius:50px;
    font-weight:700;
    font-size:15px;
    transition:background var(--transition),transform var(--transition)
}
 .btn-primary:hover{
    background:#f08300;
    transform:translateY(-2px)
}
 .btn-outline{
    background:0 0;
    color:var(--white);
    padding:8px 32px;
    border-radius:50px;
    font-weight:600;
    font-size:15px;
    border:1.5px solid rgba(255,255,255,.4);
    transition:border-color var(--transition),background var(--transition)
}
 .btn-outline:hover{
    border-color:#fff;
    background:#fff
}
 .container{
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto
}
 section{
    padding:90px 0
}
 .section-title{
    font-size:clamp(29px, 3.5vw, 42px);
    font-weight:600;
    color:var(--primary);
    line-height:1.25;
    margin-bottom:16px
}
 .section-desc{
    font-size:16px;
    color:var(--text-muted)
}
 .section-header{
    margin-bottom:48px
}
 .section-header.center{
    text-align:center
}
 .section-header.center .section-desc{
    margin:0 auto
}
 .pcat-wrap{
    position:relative;
    padding: 0;
}
 .pcat-track{
    display:flex;
    gap:20px;
    transition:transform .45s cubic-bezier(.4,0,.2,1);
    will-change:transform
}
 .pcat-card{
    flex:0 0 calc((100% - 5 * 20px)/ 6);
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
    background:#fff;
    border:1px solid #f5f5f5;
    border-radius:10px;
    margin-top:10px;
    min-height:100%;
    transition:border-color var(--transition),transform var(--transition),background var(--transition)
}
 .pcat-card:hover{
    transform:translateY(-4px);
    border-color:rgba(240,131,0,.28)
}
 .pcat-img-wrap{
    width:100%;
    aspect-ratio:1/1;
    border-radius:14px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
    transition:transform .3s ease
}
 .pcat-img-wrap img{
    width:78%;
    height:78%;
    object-fit:contain;
    display:block
}
 .pcat-name{
    font-size:16px;
    font-weight:700;
    color:#333;
    text-align:center;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    width:100%;
    margin:20px 0
}
 .pcat-btn{
    position:absolute;
    top:50%;
    transform:translateY(-60%);
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff;
    border:1.5px solid #f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:2;
    transition:background .2s,border-color .2s;
    color:#555;
    font-size:16px
}
 .pcat-btn:hover{
    background:var(--accent);
    border-color:var(--accent);
    color:#fff
}
 .pcat-btn.prev{
    left: -65px;
}
 .pcat-btn.next{
    right: -65px;
}
 .pcat-btn:disabled{
    opacity:.35;
    pointer-events:none
}
 .pcat-btn.swiper-button-disabled{
    opacity:.35;
    pointer-events:none
}
 .products-promo-section{
    padding:0
}
 .products-promo{
    min-height:250px;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center
}
 .products-promo::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 50%)
}
 .products-promo-overlay{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    display:flex;
    z-index:1;
    text-align:center;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    flex-direction:column
}
 .products-promo-overlay h3{
    color:#fff;
    font-size:clamp(28px,2.2vw,40px);
    line-height:1.25;
    font-weight:600;
    margin-bottom:13px
}
 .products-promo-overlay p{
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.7;
    margin:0 auto
}
 #hot-products{
    background:var(--white)
}
 .hp-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px 11px;
    justify-content:center;
    margin:0 auto 45px;
    max-width:1120px
}
 .hp-tab{
    padding:10px 20px;
    border-radius:50px;
    border:1px solid var(--border);
    background:#fff;
    color:var(--text-muted);
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:all var(--transition);
    font-family:inherit
}
 .hp-tab:hover{
    border-color:var(--accent);
    color:var(--accent)
}
 .hp-tab.active{
    background:var(--accent);
    border-color:var(--accent);
    color:#fff
}
 .hp-swiper-outer{
    position:relative
}
 .hp-swiper{
    overflow:hidden
}
 .hp-swiper .swiper-slide{
    height:auto;
    display:flex
}
 .hp-swiper .swiper-slide .hp-card{
    width:100%;
    min-width:0
}
 .hp-card{
    background:var(--white);
    border-radius:14px;
    border:1px solid #f5f5f5;
    overflow:hidden;
    transition:transform var(--transition);
    display:flex;
    flex-direction:column
}
 .hp-card:hover{
    transform:translateY(-6px)
}
 .hp-card-link{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    text-decoration:none;
    color:inherit
}
 .hp-card:hover .hp-card-img img{
    transform:scale(1.05)
}
 .hp-card-img{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #f5f5f5
}
 .hp-card-img img{
    width:80%;
    height:80%;
    object-fit:contain;
    transition:transform .4s ease;
    display:block
}
 .hp-inquiry-overlay{
    position:absolute;
    inset:0;
    background:rgba(13,27,42,.15);
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding-bottom:16px;
    opacity:0;
    transition:opacity .3s ease
}
 .hp-card:hover .hp-inquiry-overlay{
    opacity:1
}
 .hp-inquiry-btn{
    background:var(--accent);
    color:var(--white);
    font-size:13px;
    font-weight:700;
    letter-spacing:.5px;
    padding:8px 20px;
    border-radius:20px;
    white-space:nowrap
}
 .hp-card-body{
    padding:18px 18px 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center;
    flex:1 1 auto;
    background:#fafafa
}
 .hp-card-title{
    font-size:18px;
    font-weight:600;
    color:#333;
    line-height:1.4;
    min-height:52px
}
 #hot-products .hp-card-title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .hp-card-rating{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px
}
 .hp-stars{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#f08300;
    line-height:1
}
 .product_star_icon{
    width:16px;
    height:16px;
    display:block;
    flex:0 0 16px
}
 .hp-card-desc{
    font-size:15px;
    color:#666;
    line-height:1.5;
    margin-top:5px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .hp-card-footer{
    padding:0 16px 17px;
    display:flex;
    justify-content:center;
    background:#fafafa
}
 .hp-btn-more{
    display:inline-block;
    font-size:13px;
    font-weight:600;
    color:var(--accent);
    border:1.5px solid var(--accent);
    border-radius:20px;
    padding:6px 18px;
    text-decoration:none;
    transition:background .2s,color .2s
}
 .hp-btn-more:hover{
    background:var(--accent);
    color:var(--white)
}
 .swiper-btn{
    position:absolute;
    top:50%;
    transform:translateY(calc(-50% - 28px));
    z-index:10;
    width:44px;
    height:44px;
    background:#f08300;
    border:none;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#fff;
    cursor:pointer;
    transition:background var(--transition),transform var(--transition);
    user-select:none
}
 .swiper-btn:hover{
    background:var(--accent);
    transform:translateY(calc(-50% - 28px)) scale(1.08)
}
 .hp-prev{
    left: -65px;
}
 .hp-next{
    right: -65px;
}
 .hp-pagination{
    position:absolute;
    bottom:8px;
    left:0;
    width:100%;
    display:flex;
    justify-content:center;
    gap:7px
}
 .hp-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:var(--border);
    border-radius:50%;
    opacity:1;
    transition:background var(--transition),width var(--transition)
}
 .hp-pagination .swiper-pagination-bullet-active{
    background:var(--accent);
    width:24px;
    border-radius:4px
}
 #advantages{
    position:relative;
    background:url('images/home-advantages-background-5216.webp') center center/cover no-repeat;
    color:var(--white);
    padding:0;
    overflow:hidden
}
 #advantages .container{
    position:relative;
    z-index:1
}
 #advantages::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(7,11,26,.84) 0,rgba(15,24,50,.8) 100%);
    z-index:0
}
 #advantages>:not(.container){
    position:relative;
    z-index:1
}
 #advantages .section-header{
    text-align:center;
    padding:88px 0 56px;
    max-width:700px;
    margin:0 auto
}
 #advantages .section-title{
    color:var(--white);
    font-size:39px
}
 #advantages .section-desc{
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.8
}
 .adv-cols{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:21px 32px;
    padding-bottom:88px
}
 .adv-col{
    display:flex;
    flex-direction:column;
    gap:21px
}
 .adv-item{
    display:flex;
    align-items:flex-start;
    gap:23px;
    padding:24px 24px 22px
}
 .adv-icon-col{
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-shrink:0
}
 .adv-hex{
    position:relative;
    width:80px;
    height:80px;
    flex-shrink:0
}
 .adv-hex::before{
    content:'';
    position:absolute;
    inset:0;
    background:#fff;
    clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
    transition:background var(--transition)
}
 .adv-hex::after{
    content:'';
    position:absolute;
    inset:5px;
    background:rgba(12,18,40,.9);
    clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)
}
 .adv-hex-icon{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    z-index:2
}
 .adv-vline{
    width:2px;
    flex:1;
    min-height:36px;
    background:linear-gradient(to bottom,#fff,rgba(255,255,255,.15));
    margin:4px 0
}
 .adv-item:last-child .adv-vline{
    display:none
}
 .adv-text{
    padding:4px 0 0
}
 #advantages .adv-text h3{
    font-size:18px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
    line-height:1.35;
    letter-spacing:.01em
}
 #advantages .adv-text p{
    font-size:15px;
    color:rgba(255,255,255,.84);
    line-height:1.8
}
 #about{
    background:var(--white)
}
 .about-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:center
}
 .about-visual{
    position:relative;
    display:flex;
    flex-direction:column;
    align-self:stretch;
    min-width:0
}
 .about-text{
    min-width:0
}
 .about-bg-card{
    border-radius:16px;
    overflow:hidden;
    line-height:0;
    flex:1;
    min-height:300px
}
 .about-bg-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:16px;
    display:block
}
 .about-text p{
    font-size:16px;
    color:var(--text-muted);
    margin-bottom:16px
}
 .cert-swiper-wrap{
    margin-top:32px;
    padding-top:20px;
    border-top:1px solid #f5f5f5;
    width:100%;
    min-width:0;
    overflow:hidden
}
 .cert-swiper{
    border-radius:10px;
    width:100%;
    min-width:0
}
 .cert-swiper .swiper-slide{
    display:flex!important;
    align-items:center;
    justify-content:center;
    box-sizing:border-box
}
 .cert-swiper .swiper-slide img{
    max-height:286px;
    max-width:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block
}
 .btn-contact-us{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:32px;
    padding:12px 32px;
    background:var(--accent);
    color:#fff;
    font-weight:700;
    font-size:16px;
    border-radius:6px;
    letter-spacing:.02em;
    transition:background var(--transition),transform var(--transition)
}
 .btn-contact-us:hover{
    background:#f08300;
    transform:translateY(-2px)
}
 #global-cert{
    padding:90px 0
}
 #global-cert .container{
    padding-top:0;
    padding-bottom:0
}
 .tc-header{
    text-align:center;
    margin-bottom:45px
}
 .tc-title{
    font-size:clamp(32px, 3.5vw, 45px);
    font-weight:600;
    color:#333;
    line-height:1.15;
    margin-bottom:16px
}
 .tc-desc{
    font-size:16px;
    color:#666;
    margin:0 auto;
    line-height:1.7
}
 .tc-tabs{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-bottom:39px;
    flex-wrap:wrap
}
 .tc-tab{
    padding:10px 23px;
    border:1.5px solid #f5f5f5;
    border-radius:50px;
    background:0 0;
    font-size:15px;
    font-weight:600;
    color:#333;
    cursor:pointer;
    transition:all .22s;
    white-space:nowrap
}
 .tc-tab:hover{
    border-color:#f08300;
    color:#f08300
}
 .tc-tab.active{
    background:#f08300;
    border-color:#f08300;
    color:#fff
}
 .tc-panels{
    position:relative
}
 .tc-panel{
    display:none;
    grid-template-columns:1fr 1fr;
    gap:0;
    border-radius:12px;
    overflow:hidden;
    min-height:320px;
    border:1px solid #f0ede7;
    background:#fff
}
 .tc-panel.active{
    display:grid;
    animation:tcFadeIn .4s ease both
}
 @keyframes tcFadeIn{
    from{
        opacity:0;
        transform:translateY(12px)
    }
     to{
        opacity:1;
        transform:translateY(0)
    }
}
 .tc-panel-img{
    width:100%;
    height:100%;
    min-height:320px;
    object-fit:cover;
    display:block
}
 .tc-panel-body{
    background:linear-gradient(180deg,#fff 0,#fffdf9 100%);
    padding:48px 52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-left:1px solid #f5f5f5
}
 .tc-panel-title{
    font-size:25px;
    font-weight:600;
    color:#333;
    margin-bottom:16px;
    line-height:1.25
}
 .tc-panel-text{
    font-size:16px;
    color:#666;
    line-height:1.75;
    margin-bottom:26px
}
 .tc-check-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:11px
}
 .tc-check-list li{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:15px;
    color:#333;
    font-weight:500
}
 .tc-check-list li::before{
    content:'';
    display:inline-block;
    width:18px;
    height:18px;
    flex-shrink:0;
    background-color:#f08300;
    border-radius:50%;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:12px
}
 #coop-process{
    background:#f5f7fa;
    padding:90px 0
}
 #coop-process .container{
    padding-top:0;
    padding-bottom:0
}
 .cp-header{
    text-align:center;
    margin-bottom:56px
}
 .cp-title{
    font-size:clamp(29px, 3.5vw, 42px);
    font-weight:700;
    color:#333;
    line-height:1.15;
    margin-bottom:16px
}
 .cp-title span{
    color:var(--accent)
}
 .cp-desc{
    font-size:16px;
    color:#666;
    margin:0 auto;
    line-height:1.7
}
 .cp-steps{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:0;
    margin-bottom:48px;
    position:relative
}
 .cp-step{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    position:relative
}
 .cp-arrow{
    display:flex;
    align-items:center;
    align-self:flex-start;
    margin-top:42px;
    flex-shrink:0
}
 .cp-arrow img{
    width:60px;
    height:auto;
    display:block
}
 .cp-circle{
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid var(--accent);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin-bottom:20px;
    transition:background .25s;
    position:relative;
    z-index:1
}
 .cp-step:hover .cp-circle{
    background:var(--accent)
}
 .cp-step:hover .cp-icon img {
    filter:brightness(0) invert(1)
}
 .cp-icon img{
    width:50px;
    height:50px;
    object-fit:contain;
    display:block
}
 .cp-step-title{
    font-size:16px;
    font-weight:600;
    color:#333;
    margin-bottom:8px
}
 .cp-step-desc{
    font-size:14px;
    color:#666;
    line-height:1.6;
    margin-bottom:13px;
    padding:0 5px
}
 .cp-cta{
    text-align:center
}
 .cp-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--accent);
    color:#fff;
    font-size:16px;
    font-weight:700;
    padding:15px 39px;
    border-radius:6px;
    text-decoration:none;
    transition:background .22s,transform .22s
}
 .cp-cta-btn:hover{
    background:#f08300;
    transform:translateY(-2px)
}
 #blog-section{
    padding-bottom:0
}
 #blog-section .container{
    padding-top:0;
    padding-bottom:0
}
 .blog-header{
    text-align:center;
    margin-bottom:48px
}
 .blog-header h2{
    font-size:clamp(26px, 3vw, 36px);
    font-weight:600;
    color:#333;
    margin-bottom:8px;
    letter-spacing:-.01em
}
 .blog-header p{
    font-size:16px;
    color:#666;
    font-style:italic
}
 .blog-slider-wrap{
    position:relative
}
 .blog-slider{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    overflow:hidden
}
 .blog-card{
    display:flex;
    flex-direction:column;
    cursor:pointer;
    border:1px solid #f5f5f5;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    min-height:100%
}
 .blog-card-img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    display:block;
    transition:transform .4s ease
}
 .blog-card:hover .blog-card-img{
    transform:scale(1.03)
}
 .blog-card-img-wrap{
    overflow:hidden;
    width:100%;
    background:#f8f8f8
}
 .blog-card-body{
    padding:16px 16px 18px;
    display:flex;
    flex-direction:column;
    gap:10px
}
 .blog-card-title{
    font-size:16px;
    color:#333;
    line-height:1.45;
    min-height:2.9em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s
}
 .blog-card:hover .blog-card-title{
    color:var(--accent)
}
 .blog-card-desc{
    font-size:15px;
    line-height:1.6;
    color:#666;
    min-height:3.2em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-card-meta{
    display:flex;
    align-items:center;
    gap:16px;
    font-size: 14px;
    color:#9aa0b0;
    order:-1
}
 .blog-card-meta span{
    display:flex;
    align-items:center;
    gap:5px
}
 .blog-card-meta svg{
    width:13px;
    height:13px;
    stroke:#9aa0b0;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex-shrink:0
}
 .blog-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:32px
}
 #inquiry-form-section{
    position:relative
}
 #inquiry-form-section .container{
    position:relative;
    z-index:2
}
 .inq-inner{
    position:relative;
    max-width:100%;
    border-radius:16px;
    overflow:hidden;
    padding:56px 56px
}
 #inquiry-form-section .inq-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center left;
    z-index:0;
    border-radius:10px
}
 .inq-inner::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(9,13,24,.82) 0,rgba(9,13,24,.7) 45%,rgba(9,13,24,.78) 100%);
    z-index:1;
    border-radius:16px
}
 .inq-form-col{
    position:relative;
    z-index:2;
    width:100%;
    max-width:680px;
    background:0 0;
    padding:0
}
 .inq-header{
    margin-bottom:29px
}
 #inquiry-form-section .inq-title{
    font-family:Montserrat,sans-serif;
    font-size:24px;
    /* font-weight:700; */
    color:#fff;
    margin:0 0 7px
}
 #inquiry-form-section .inq-desc{
    font-size:14px;
    color:rgba(255,255,255,.82);
    margin:0
}
 .common_from form{
    display:flex;
    flex-direction:column;
    gap:0
}
 .common_from .input{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:0 24px;
    padding-bottom:4px;
    margin-bottom:0
}
 .common_from .input>div{
    position:relative
}
 .common_from .input input{
    width:100%;
    background:0 0;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.55);
    color:#fff;
    font-size:15px;
    padding:12px 0;
    outline:0;
    transition:border-color .2s;
    box-sizing:border-box
}
 .common_from .input input::placeholder{
    color:rgba(255,255,255,.7)
}
 .common_from .input input:focus{
    border-bottom-color:var(--accent)
}
 .upload-box{
    border-bottom:1px solid rgba(255,255,255,.45);
    padding:15px 0;
    display:flex;
    align-items:center;
    gap:16px
}
 .upload-wrap{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
    flex:1
}
 .upload-wrap .file-ele{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
    width:100%;
    height:100%;
    z-index:2
}
 .file-open{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.4);
    color:#fff;
    font-size:14px;
    font-weight:600;
    padding:8px 16px;
    border-radius:4px;
    cursor:pointer;
    transition:background .2s;
    white-space:nowrap
}
 .file-open svg{
    width:15px;
    height:15px;
    flex-shrink:0
}
 .upload-wrap:hover .file-open{
    background:rgba(240,131,0,.3);
    border-color:var(--accent)
}
 .upload-wrap p{
    font-size:13px;
    color:rgba(255,255,255,.55);
    margin:0
}
 #fileName{
    font-size:13px;
    color:rgba(255,255,255,.6);
    margin-top:4px
}
 .textarea_box{
    border-bottom:1px solid rgba(255,255,255,.25);
    padding:7px 0
}
 .textarea_box textarea.content{
    width:100%;
    background:0 0;
    border:none;
    color:#fff;
    font-size:15px;
    padding:10px 0;
    outline:0;
    resize:none;
    min-height:70px;
    box-sizing:border-box;
    font-family:inherit
}
 .textarea_box textarea.content::placeholder{
    color:rgba(255,255,255,.55)
}
 .common_from .submit{
    margin-top:23px
}
 .btn_effect4{
    background:0 0;
    border:1.5px solid rgba(255,255,255,.85);
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:12px 32px;
    cursor:pointer;
    transition:background .25s,border-color .25s,color .25s;
    border-radius:5px
}
 #factory-showcase{
    background:var(--light-bg);
    padding:96px 0
}
 .fac-showcase-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:stretch
}
 .fac-showcase-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:16px 0
}
 .fac-showcase-info .fac-title{
    font-family:Montserrat,sans-serif;
    font-size:36px;
    font-weight:600;
    color:var(--primary);
    line-height:1.2;
    margin-bottom:20px
}
 .fac-showcase-info .fac-desc{
    font-size:16px;
    color:var(--text-muted);
    line-height:1.85;
    margin-bottom:32px;
    padding-bottom:32px;
    border-bottom:1px solid #f5f5f5
}
 .fac-check-list{
    list-style:none;
    padding:0;
    margin:0 0 36px 0;
    display:flex;
    flex-direction:column;
    gap:14px
}
 .fac-check-list li{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:15px;
    color:#333;
    font-weight:500;
    line-height:1.5
}
 .fac-check-list li::before{
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    min-width:20px;
    background:var(--accent);
    border-radius:50%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-size:11px;
    background-repeat:no-repeat;
    background-position:center
}
 .btn-view-factory{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:15px 39px;
    background:var(--accent);
    color:#fff;
    font-weight:700;
    font-size:16px;
    border-radius:6px;
    letter-spacing:.03em;
    transition:background var(--transition),transform var(--transition);
    align-self:flex-start
}
 .btn-view-factory:hover{
    background:#f08300;
    transform:translateY(-2px)
}
 .fac-photo-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:12px;
    height:380px
}
 .fac-photo-grid .fac-photo{
    border-radius:10px;
    overflow:hidden;
    line-height:0
}
 .fac-photo-grid .fac-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease
}
 .fac-photo-grid .fac-photo:hover img{
    transform:scale(1.06)
}
 .fac-photo-grid .fac-photo.big{
    grid-column:1;
    grid-row:1/3
}
 .fac-photo-grid .fac-photo.top-right{
    grid-column:2;
    grid-row:1
}
 .fac-photo-grid .fac-photo.bottom-right{
    grid-column:2;
    grid-row:2
}
 .fac-photo-grid-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:12px
}
 .fac-photo-grid-bottom .fac-photo{
    height:220px;
    border-radius:10px;
    overflow:hidden;
    line-height:0
}
 .fac-photo-grid-bottom .fac-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease
}
 .fac-photo-grid-bottom .fac-photo:hover img{
    transform:scale(1.06)
}
 footer{
    background:#111108;
    padding:64px 0 0;
    color:rgba(255,255,255,.5)
}
 footer .container{
    padding-top:0;
    padding-bottom:0
}
 .footer-top{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr 1.35fr;
    gap:48px;
    padding-bottom:48px
}
 .footer-contact-title{
    font-size:16px;
    font-weight:700;
    color:var(--accent);
    margin-bottom:26px;
    letter-spacing:.02em
}
 .footer-contact-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:16px
}
 .footer-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:13px;
    font-size:15px;
    color:rgba(255,255,255,.6);
    line-height:1.55
}
 .footer-contact-list li .fc-icon{
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
 .footer-contact-list li .fc-icon svg{
    width:20px;
    height:20px;
    stroke:rgba(255,255,255,1);
    fill:none;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .footer-contact-list li a{
    color:rgba(255,255,255,.6);
    transition:color .2s
}
 .footer-contact-list li a:hover{
    color:var(--accent)
}
 .footer-col h4,.footer-qr-col h4{
    font-size:16px;
    font-weight:700;
    color:var(--accent);
    margin-bottom:26px;
    letter-spacing:.02em
}
 .footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:14px
}
 .footer-col ul li a{
    font-size:15px;
    color:rgba(255,255,255,.6);
    transition:color .2s;
    text-decoration:none
}
 .footer-col ul li a:hover{
    color:rgba(255,255,255,.95)
}
 .footer-qr-list{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:24px
}
 .footer-qr-list img{
    width:96px;
    height:96px;
    object-fit:cover;
    background:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:4px
}
 .footer-socials{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
 .footer-social{
    width: 30px;
    height: 30px;
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    /* font-weight:600; */
    line-height:1;
    text-decoration:none;
    font-family:Arial,sans-serif
}
 .footer-social.facebook{
    background:#1877f2
}
 .footer-social.twitter{
    background:#1da1f2
}
 .footer-social.youtube{
    background:red;
    border-radius:50%
}
 .footer-social.youtube span{
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid #fff;
    margin-left:2px
}
.footer-social.whatsapp{
    background:#16c35b;
    border-radius:50%
}
 .footer-social.linkedin{
    background:#0a66c2;
    font-size:12px;
    border-radius:4px
}
 .footer-social.instagram{
    background:linear-gradient(135deg,#405de6,#833ab4,#e1306c,#fd1d1d,#fcb045);
    position:relative
}
 .footer-social.instagram::before{
    content:'';
    width:11px;
    height:11px;
    border:2px solid #fff;
    border-radius:4px
}
 .footer-social.instagram::after{
    content:'';
    position:absolute;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#fff;
    top:5px;
    right:5px
}
 .footer-social.pinterest{
    background:#e60023;
    border-radius:50%;
    font-family:Georgia,serif;
    font-size:16px
}
 .footer-divider{
    border:none;
    border-top:1px solid rgba(255,255,255,.1);
    margin:0
}
 .footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:13px;
    flex-wrap:wrap;
    gap:8px;
    padding:20px 0 23px;
    color:rgba(255,255,255,.35)
}
 .footer-bottom-links{
    display:flex;
    gap:24px;
    flex-wrap:wrap
}
 .footer-bottom-links a{
    color:rgba(255,255,255,.35);
    text-decoration:none;
    transition:color .2s
}
 .footer-bottom-links a:hover{
    color:rgba(255,255,255,.7)
}
 #back-top{
    display:none!important
}
 #sidebar-contacts{
    position:fixed;
    right:16px;
    top:50%;
    transform:translateY(-50%) translateX(18px);
    z-index:600;
    display:flex;
    flex-direction:column;
    gap:8px;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease,transform .25s ease
}
 body.contacts-visible #sidebar-contacts{
    opacity:.94;
    pointer-events:auto;
    transform:translateY(-50%) translateX(0)
}
 .sc-btn{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:44px;
    cursor:pointer;
    background:0 0;
    border:none;
    padding:0
}
 .sc-btn.wechat-btn{
    display:none
}
 .sc-inner{
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #f5f5f5;
    border-right:none;
    border-radius:8px 0 0 8px;
    overflow:hidden;
    width:44px;
    transition:width .32s cubic-bezier(.4,0,.2,1);
    white-space:nowrap
}
 .sc-btn.active .sc-inner,.sc-btn:hover .sc-inner{
    width:208px
}
 .sc-btn.wechat-btn.active .sc-inner,.sc-btn.wechat-btn:hover .sc-inner{
    width:172px;
    height:auto;
    align-items:flex-start;
    flex-direction:column;
    padding-bottom:10px
}
 .sc-icon{
    flex-shrink:0;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1a6fd4;
    font-size:18px
}
 .sc-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:#1a6fd4;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .sc-label{
    font-size:14px;
    font-weight:600;
    color:#333;
    padding-right:14px;
    line-height:1.35
}
 .sc-label span{
    display:block;
    font-size:12px;
    font-weight:400;
    color:#1a6fd4;
    margin-top:2px
}
 .sc-qr{
    display:none;
    padding:0 10px 0 10px;
    width:100%
}
 .sc-btn.wechat-btn.active .sc-qr,.sc-btn.wechat-btn:hover .sc-qr{
    display:block
}
 .sc-btn-top .sc-inner,.sc-btn-top:hover .sc-inner{
    width:44px;
    background:#f08300;
    border-color:#f08300
}
 .sc-btn-top .sc-icon svg{
    stroke:#ffffff
}
 .sc-btn-top:focus-visible{
    outline:2px solid rgba(240,131,0,.35);
    outline-offset:3px
}
 .sc-btn.wechat-btn .sc-label{
    padding:10px 0 6px 0;
    padding-right:0
}
 .sc-qr img{
    width:120px;
    height:120px;
    display:block;
    border-radius:4px;
    border:1px solid #f5f5f5
}
 .fade-in{
    opacity:0;
    transform:translateY(30px);
    transition:opacity .6s ease,transform .6s ease
}
 .fade-in.visible{
    opacity:1;
    transform:translateY(0)
}
 .sc-content{
    flex:1;
    min-width:0
}
 .blog-header,.cp-header,.inq-header,.section-header,.tc-header{
    margin-bottom:48px
}
 .blog-header,.cp-header,.section-header.center,.tc-header{
    text-align:center
}
 .blog-header h2,.cp-title,.fac-showcase-info .fac-title,.inq-title,.section-title,.tc-title{
    font-size:clamp(29px, 3.5vw, 36px);
    font-weight:600;
    line-height:1.2;
    letter-spacing:0;
    margin:0 0 16px
}
 .blog-header p,.cp-desc,.fac-showcase-info .fac-desc,.inq-desc,.section-desc,.tc-desc{
    font-size:16px;
    line-height:1.75;
    margin:0;
    font-style:normal
}
 .blog-header p,.cp-desc,.section-header.center .section-desc,.tc-desc{
    margin-left:auto;
    margin-right:auto
}
 .hero-swiper{
    position:absolute;
    inset:0;
    width:100%;
    height:100%
}
 .hero-swiper .hero-slide{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center
}
 .hero-swiper .hero-panel{
    display:block
}
 .hero-swiper .swiper-slide-active .hero-panel{
    animation:panelIn .7s ease both
}
 .hero-pagination .swiper-pagination-bullet{
    width:28px;
    height:4px;
    background:rgba(255,255,255,.35);
    border-radius:2px;
    opacity:1;
    cursor:pointer;
    transition:background var(--transition),width var(--transition)
}
 .hero-pagination .swiper-pagination-bullet-active{
    background:var(--accent);
    width:48px
}
 .pcat-swiper{
    overflow:hidden
}
 .pcat-swiper .pcat-track{
    gap:0
}
 .pcat-swiper .pcat-card{
    flex:0 0 auto
}
 .pcat-pagination.swiper-pagination{
    position:static;
    margin-top:24px
}
 .blog-swiper{
    overflow:hidden
}
 .blog-swiper .blog-slider{
    display:flex;
    gap:0;
    overflow:visible
}
 .blog-pagination .swiper-pagination-bullet{
    width:28px;
    height:7px;
    border-radius:4px;
    background:#f5f5f5;
    opacity:1;
    transition:background .2s,width .2s
}
 .blog-pagination.swiper-pagination{
    position:static
}
 .blog-pagination .swiper-pagination-bullet-active{
    background:var(--accent);
    width:40px
}
 .carousel-arrow{
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid rgba(224,230,239,.95);
    background:rgba(255,255,255,.94);
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    line-height:1;
    cursor:pointer;
    transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),opacity var(--transition);
    user-select:none;
    backdrop-filter:blur(8px)
}
 .carousel-arrow:hover{
    background:var(--accent);
    border-color:var(--accent);
    color:#fff;
    transform:translateY(-50%) scale(1.06)
}
 .carousel-arrow.swiper-button-disabled,.carousel-arrow:disabled{
    opacity:.36;
    pointer-events:none
}
 .carousel-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px
}
 .carousel-pagination .swiper-pagination-bullet{
    width:28px;
    height:6px;
    border-radius:999px;
    background:#f5f5f5;
    opacity:1;
    margin:0!important;
    transition:background var(--transition),width var(--transition),opacity var(--transition)
}
 .carousel-pagination .swiper-pagination-bullet-active{
    width:46px;
    background:var(--accent)
}
 .hero-arrow{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.13);
    color:#fff
}
 .pcat-btn:hover{
    transform:translateY(-60%) scale(1.06)
}
 .swiper-btn:hover{
    transform:translateY(calc(-50% - 28px)) scale(1.06)
}
 .hero-pagination .swiper-pagination-bullet{
    background:rgba(255,255,255,.38)
}
 .hero-pagination .swiper-pagination-bullet-active{
    background:var(--accent)
}
 .blog-pagination.swiper-pagination,.hp-pagination,.pcat-pagination{
    gap:8px
}
 body{
    color:#333;
    overflow-x:hidden
}
 .adv-text h3,.blog-card-title,.blog-header h2,.cp-step-title,.cp-title,.fac-showcase-info .fac-title,.hero-title,.hp-card-title,.inq-title,.section-title,.tc-panel-title,.tc-title,h1,h2,h3,h4,h5,h6{
    color:#333
}
 .adv-text p,.blog-header p,.cp-desc,.cp-step-desc,.fac-showcase-info .fac-desc,.hero-desc,.hp-card-desc,.inq-desc,.section-desc,.tc-desc,.tc-panel-text,p{
    color:#666
}
 .btn-contact-us,.btn-primary,.btn-view-factory,.btn_effect4,.cp-cta-btn,.hp-btn-more:hover,.nav-cta,.sc-btn-top .sc-inner,.tc-tab.active {
    background:#f08300;
    border-color:#f08300
}
 .btn-contact-us,.btn-primary,.btn-view-factory,.btn_effect4,.cp-cta-btn,.hp-btn-more:hover,.nav-cta,.tc-tab.active {
    color:#fff
}
 .btn-outline,.hp-btn-more{
    border-color:#f08300;
    color:#f08300
}
 .carousel-arrow,.fac-showcase-info .fac-desc,.footer-divider,.hp-card,.pcat-btn,.swiper-btn,.tc-tab,hr,input,select,textarea {
    border-color:#f5f5f5
}
 ::-webkit-scrollbar-thumb{
    background:#f08300
}
 .carousel-arrow{
    font-size:0;
    width:50px;
    height:50px;
    background:#fff;
    border:1px solid #bdbdbd;
    color:#999
}
 .carousel-arrow::before{
    content:"";
    width:11px;
    height:11px;
    border:solid currentColor;
    border-width:0 2px 2px 0;
    display:block
}
 .carousel-prev::before{
    transform:rotate(135deg);
    margin-left:4px
}
 .carousel-next::before{
    transform:rotate(-45deg);
    margin-right:4px
}
 .carousel-arrow:hover{
    background:#fff;
    border-color:#f08300;
    color:#f08300
}
 .hero-arrow{
    background:#fff;
    border-color:#bdbdbd;
    color:#999
}
 .carousel-pagination .swiper-pagination-bullet{
    background:#f5f5f5
}
 .hero-pagination .swiper-pagination-bullet{
    background:rgba(255,255,255,.42)
}
 .carousel-pagination .swiper-pagination-bullet-active,.hero-pagination .swiper-pagination-bullet-active{
    background:#f08300
}
 .hp-panel{
    display:none
}
 .hp-panel.active{
    display:block
}
 .hero-title{
    color:#fff
}
 .hero-title span{
    color:#f08300
}
 .hero-desc{
    color:rgba(255,255,255,.72)
}
 #advantages .adv-text h3,#advantages .section-title{
    color:#fff
}
 #advantages .adv-text p,#advantages .section-desc{
    color:rgba(255,255,255,.84)
}
 #inquiry-form-section .inq-title{
    color:#fff
}
 #inquiry-form-section .inq-desc{
    color:rgba(255,255,255,.82)
}
 .auto-container{
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto
}
 .inside_banner{
    position:relative;
    min-height:450px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    /* background:#1f2933 */
}
 .inside_banner_bg{
    position:absolute;
    inset:0
}
 .inside_banner_bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(10,18,32,.76),rgba(240,131,0,.32))
}
 .inside_banner_bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .inside_banner_content{
    position:relative;
    z-index:1;
    margin:0 auto;
    padding-top:70px
}
 .inside_banner_content h1,
 .inside_banner_content .page_banner_title{
    margin:0 0 14px;
    color:#fff;
    font-size:clamp(36px,5vw,40px);
    font-weight:700;
    line-height:1.05
}
 .inside_banner_content p{
    margin:0 auto;
    color:rgba(255,255,255,.86);
    font-size:16px;
    line-height:1.7
}
 .page_inside{
    background:#fff;
    border-bottom:1px solid #f1f1f1
}
 .page_inside .auto-container{
    min-height:54px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#777;
    font-size:14px
}
 .page_inside a{
    color:#555;
    text-decoration:none;
    transition:color .2s
}
 .page_inside a:hover{
    color:var(--accent)
}
 .page_inside i{
    color:#bbb;
    font-style:normal
}
 .list_products .page_content{
    padding:64px 0 58px;
    background:#fafafa
}
 .list_products .page_content>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:34px;
    align-items:start
}
 .list_products .page_content_box{
    min-width:0
}
 .list_products .list_products_box{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
 .list_products .item_box{
    min-width:0;
    display:flex
}
 .list_products .item_box .hp-card{
    width:100%
}
 .list_products .hp-card{
    border-radius:8px;
    box-shadow:0 5px 10px rgba(22,32,46,.06)
}
 .list_products .hp-card-title{
    margin:0;
    min-height:50px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .list_products .left_recommend_info .title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .list_products .hp-card-footer{
    gap:10px;
    align-items:center;
    flex-wrap:wrap
}
 .list_products .inquire{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    color:#fff;
    background:var(--accent);
    border:1.5px solid var(--accent);
    border-radius:20px;
    padding:6px 18px;
    cursor:pointer;
    transition:background .2s,border-color .2s,color .2s
}
 .list_products .inquire:hover{
    /* background:#1f2933; */
    /* border-color:#1f2933 */
}
 .list_faq .page_content,.list_news .page_content{
    padding:64px 0 58px;
    background:#fafafa
}
 .list_faq .page_content>.auto-container,.list_news .page_content>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:34px;
    align-items:start
}
 .list_faq .page_content_box,.list_news .page_content_box{
    min-width:0
}
 .news_featured{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
    gap:22px;
    margin-bottom:26px
}
 .news_featured_big,.news_featured_small,.news_item{
    background:#fff;
    border:1px solid #eee;
    border-radius:8px
}
 .news_featured_big{
    display:block;
    overflow:hidden;
    color:inherit;
    text-decoration:none
}
 .news_featured_big .img_box{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden
}
 .news_featured_big img,.news_featured_small img,.news_img img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease
}
 .news_featured_big:hover img,.news_featured_small:hover img,.news_item:hover .news_img img{
    transform:scale(1.05)
}
 .news_featured_big .text_box{
    display:block;
    padding:24px 26px 26px
}
 .news_featured_big strong{
    display:block;
    margin-bottom:12px;
    font-size: 22px;
    line-height:1.28
}
 .news_featured_big .remark{
    display:block;
    margin-bottom:14px;
    font-size:15px;
    line-height:1.72
}
 .news_meta{
    color:#888;
    font-size:14px;
    line-height:1.5
}
 .news_meta i{
    display:inline-block;
    width:4px;
    height:4px;
    margin:0 10px 2px;
    border-radius:50%;
    background:#ccc
}
 .news_featured_side{
    display:grid;
    gap:22px
}
 .news_featured_small{
    display:block;
    overflow:hidden;
    color:inherit;
    text-decoration:none
}
 .news_featured_small .img_box{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden
}
 .news_featured_small .text_box{
    display:block;
    padding:18px 18px 20px
}
 .news_featured_small strong{
    display:block;
    margin-bottom:10px;
    font-size:18px;
    line-height:1.38;
    transition:color .2s
}
 .news_featured_small:hover strong,.news_item:hover h3 a{
    color:var(--accent)
}
 .news_list_box{
    display:grid;
    gap:20px
}
 .news_item{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:22px;
    align-items:center;
    padding:18px
}
 .news_img{
    display:block;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:6px
}
 .news_info{
    min-width:0
}
 .news_info h3{
    margin:8px 0 10px;
    font-size:20px;
    line-height:1.35
}
 .news_info h3 a{
    /* color:#1f2933; */
    text-decoration:none;
    transition:color .2s
}
 .news_info p{
    margin:0 0 16px;
    color:#666;
    font-size:15px;
    line-height:1.72
}
 .news_featured_small .text_box strong,
 .news_featured_big strong,
 .news_info h3,
 .news_info p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .news_more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 18px;
    border:1.5px solid var(--accent);
    border-radius:18px;
    color:var(--accent);
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:background .2s,color .2s,border-color .2s
}
 .news_more:hover{
    /* color:#fff; */
    /* background:#1f2933; */
    /* border-color:#1f2933 */
}
 .faq_panel{
    overflow:hidden
}
 .faq_list{
    display:flex;
    flex-direction:column;
    gap:20px
}
 .faq_item{
    border:1px solid #e7ecf4;
    border-radius:8px;
    background:#fff;
    overflow:hidden
}
 .faq_item summary{
    min-height:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px;
    font-size:16px;
    line-height:1.45;
    font-weight:500;
    cursor:pointer;
    list-style:none
}
 .faq_item summary::-webkit-details-marker{
    display:none
}
 .faq_item[open] summary{
    color:#f08300
}
 .faq_toggle{
    position:relative;
    width:18px;
    height:18px;
    flex:0 0 18px
}
 .faq_toggle::after,.faq_toggle::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:15px;
    height:2px;
    border-radius:99px;
    background:#f08300;
    transform:translate(-50%,-50%)
}
 .faq_toggle::after{
    transform:translate(-50%,-50%) rotate(90deg);
    transition:transform .2s,opacity .2s
}
 .faq_item[open] .faq_toggle::after{
    opacity:0;
    transform:translate(-50%,-50%) rotate(0)
}
 .faq_answer{
    margin:0 12px 12px;
    padding:18px 20px;
    border-radius:6px;
    color:#566274;
    font-size:15px;
    line-height:1.72
}
 .faq_answer p{
    margin:0
}
 .inside-pagination{
    margin-top:34px
}
 .inside-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none
}
 .inside-pagination li a{
    min-width:40px;
    height:40px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#444;
    background:#fff;
    border:1px solid #eee;
    border-radius:4px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:all .2s
}
 .inside-pagination li a:hover,.inside-pagination li.active a{
    color:#fff;
    background:var(--accent);
    border-color:var(--accent)
}
 .inside-pagination li svg{
    width:18px;
    height:18px;
    display:block
}
 .inside-pagination li svg path{
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .sidebar{
    min-width:0;
    align-self:start;
    position:sticky;
    top:110px;
    z-index:2
}
 .sidebar .sidebar_box{
    display:flex;
    flex-direction:column;
    gap:18px
}
 .sidebar .sidebar_box>div{
    background:#fff;
    border:1px solid #eee;
    border-radius:8px;
    padding:22px
}
 .sidebar .sidebar_box .sidebar_search_box{
    padding:0;
    border:0
}
 .sidebar .sidebar_box h3{
    margin:0 0 16px;
    /* color:#1f2933; */
    font-size:20px;
    line-height:1.3;
    /* font-weight:800; */
}
 .sidebar .sidebar_box ul{
    margin:0;
    padding:0;
    list-style:none
}
 .left_recommend_news li+li,.sidebar .category li+li{
    border-top:1px solid #f1f1f1
}
 .left_recommend_news a,.sidebar .category a{
    display:block;
    padding:11px 0;
    color:#555;
    text-decoration:none;
    font-size:15px;
    line-height:1.5;
    transition:color .2s,padding-left .2s
}
 .left_recommend_news a:hover,.sidebar .category a:hover,.sidebar .category li.active a{
    color:var(--accent);
    padding-left:6px
}
 .sidebar_search_box{
    display:flex;
    align-items:center;
    gap:8px;
    padding:14px
}
 .sidebar_search_box .form_control{
    flex:1 1 auto;
    min-width:0;
    width:100%;
    height:44px;
    border:1px solid #eee;
    border-radius:4px;
    padding:0 14px;
    color:#333;
    font-size:14px;
    font-family:inherit;
    outline:0;
    transition:border-color .2s
}
 .sidebar_search_box .form_control:focus{
    border-color:var(--accent)
}
 .sidebar_search_box .search_btn{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--accent);
    border-radius:4px;
    cursor:pointer;
    transition:background .2s
}
 .sidebar_search_box .search_btn:hover{
    /* background:#1f2933 */
}
 .sidebar_search_box .search_btn svg{
    width:18px;
    height:18px;
    display:block
}
 .sidebar_search_box .search_btn svg circle,.sidebar_search_box .search_btn svg path{
    fill:none;
    stroke:#ffffff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .sidebar_pro_swiper{
    height:160px;
    overflow:hidden
}
 .sidebar_news_swiper{
    height:430px;
    overflow:hidden
}
 .sidebar_news_swiper .swiper-slide,.sidebar_pro_swiper .swiper-slide{
    height:auto
}
 .left_recommend_item{
    display:grid;
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
    align-items:center;
    color:#333;
    text-decoration:none;
    min-height:74px
}
 .left_recommend_item img{
    width:74px;
    height:74px;
    object-fit:contain;
    background:#fafafa;
    border:1px solid #f1f1f1;
    border-radius:6px
}
 .left_recommend_info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px
}
 .left_recommend_info .title{
    color:#333;
    font-size:14px;
    line-height:1.45;
    font-weight:600
}
 .left_recommend_info .stars{
    display:inline-flex;
    align-items:center;
    gap:2px;
    color:#f08300;
    line-height:1
}
 .left_recommend_info .stars .product_star_icon{
    width:13px;
    height:13px;
    flex-basis:13px
}
 .left_news_item{
    display:block;
    color:#333;
    text-decoration:none;
    min-height:206px
}
 .left_recommend_news .left_news_item:hover{
    padding-left:0
}
 .left_news_text{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:7px;
    padding-top:10px
}
 .left_news_text .title{
    color:#333;
    font-size:14px;
    line-height:1.45;
    font-weight:600;
    transition:color .2s
}
 .left_news_text .date{
    color:#999;
    font-size:12px;
    line-height:1.2
}
 .left_news_img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:6px;
    background:#f5f5f5
}
 .left_news_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s
}
 .left_news_item:hover .title{
    color:var(--accent)
}
 .left_news_item:hover .left_news_img img{
    transform:scale(1.06)
}
 .left_salesman{
    overflow:hidden
}
 .sidebar_sales_swiper{
    height:214px;
    overflow:hidden
}
 .sidebar_sales_swiper .swiper-slide{
    height:auto
}
 .salesman_item{
    display:grid;
    grid-template-columns: 60px minmax(0,1fr);
    gap: 10px;
    align-items:center;
    min-height:98px;
    /* padding: 0px; */
    /* border:1px solid #f1f1f1; */
    /* border-radius:8px; */
    /* background:#fafafa; */
}
 .salesman_item .img_box{
    width: 60px;
    height: 60px;
    overflow:hidden;
    border-radius:50%;
    /* border:2px solid #fff; */
    /* box-shadow:0 6px 16px rgba(22,32,46,.12); */
    /* background:#eee; */
}
 .salesman_item .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .salesman_item .text_box{
    min-width:0
}
 .salesman_item .title{
    margin-bottom:6px;
    /* color:#1f2933; */
    font-size:15px;
    line-height:1.3;
    font-weight: 600;
}
 .salesman_item a{
    display:block;
    color:#666;
    font-size: 14px;
    line-height:1.5;
    text-decoration:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:color .2s
}
 .salesman_item a:hover{
    color:var(--accent)
}
 .left_contact p{
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.7
}
 .left_contact p+p{
    margin-top:10px
}
 .left_contact a{
    color:#333;
    text-decoration:none
}
 .left_contact a:hover{
    color:var(--accent)
}
 .list_products_editor{
    padding:90px 0;
    padding-bottom:0;
    background:#fff
}
 .list_products_editor .product_show_content{
    color:#555;
    font-size:16px;
    line-height:1.75
}
 .list_products_editor .product_show_content p{
    margin:0 0 14px
}
 .list_products_editor .product_show_content strong{
    /* color:#1f2933 */
}
 .list_products_editor .product_show_content img{
    border-radius:8px
}
 .page_contact{
    background:#fff;
    color:#243040
}
 .page_contact a{
    text-decoration:none
}
 .page_contact svg circle,.page_contact svg path,.page_contact svg rect{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .page_contact .contact_brand_icon circle,.page_contact .contact_brand_icon path,.page_contact .contact_brand_icon rect{
    fill:currentColor;
    stroke:none
}
 .page_contact .contact_card_icon svg.icon,.page_contact .contact_person_list svg.icon,.page_contact .contact_social_item i svg.icon{
    fill:currentColor;
    stroke:none
}
 .page_contact .contact_card_icon svg.icon path,.page_contact .contact_person_list svg.icon path,.page_contact .contact_social_item i svg.icon path{
    fill:currentColor;
    stroke:none
}
 .contact_bottom_cta,.contact_branch_section,.contact_cards_section,.contact_follow_section,.contact_form_section,.contact_map_section{
    padding:90px 0;
    background:#fff
}
 .contact_cards_section,.contact_follow_section,.contact_map_section{
    background:linear-gradient(180deg,#fff 0,#f7f9fc 100%)
}
 .contact_branch_section{
    padding-bottom:0
}
 .contact_info_grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px
}
 .contact_info_card{
    min-height:228px;
    padding:34px 18px 26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    background:#fff;
    border:1px solid #edf1f6;
    border-radius:8px
}
 .contact_card_icon{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    color:#f08300
}
 .contact_card_icon svg{
    width:54px;
    height:54px
}
 .contact_info_card h2{
    margin:0 0 13px;
    font-size:18px;
    line-height:1.25
}
 .contact_info_card p{
    margin:0;
    color:#3e4653;
    font-size:15px;
    line-height:1.65
}
 .contact_info_card p+p{
    margin-top:4px
}
 .contact_info_card a{
    color:#3e4653;
    transition:color .2s
}
 .contact_info_card a:hover{
    color:var(--accent)
}
 .contact_form_grid{
    display:grid;
    grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);
    gap:24px;
    align-items:stretch
}
 .contact_branch_card,.contact_form_card,.contact_map_card,.contact_person_card{
    background:#fff;
    border:1px solid #edf1f6;
    border-radius:8px
}
 .contact_form_card,.contact_person_card{
    padding:34px
}
 .contact_block_title{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:50px
}
 .contact_block_title span{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f08300
}
 .contact_block_title svg{
    width:30px;
    height:30px
}
 .contact_block_title h2{
    margin:0;
    /* color:#1f2933; */
    font-size:28px;
    line-height:1.2;
    font-weight: 600;
}
 .contact_common_form form{
    gap:0
}
 .contact_form_fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 22px
}
 .contact_form_fields label{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
    font-size:14px;
    line-height:1.3
}
 .contact_form_fields label>span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:18px
}
 .contact_form_fields b{
    color:#d83737;
    font-weight:800
}
 .contact_form_fields input,.contact_form_fields select,.contact_form_fields textarea{
    width:100%;
    min-width:0;
    border:1px solid #e3e8ef;
    border-radius:6px;
    background:#fff;
    font-family:inherit;
    font-size:15px;
    outline:0;
    box-sizing:border-box;
    transition:border-color .2s,box-shadow .2s
}
 .contact_form_fields input,.contact_form_fields select{
    height:48px;
    padding:0 15px
}
 .contact_form_fields textarea{
    min-height:104px;
    padding:14px 15px;
    resize:vertical
}
 .contact_form_fields input::placeholder,.contact_form_fields textarea::placeholder{
    color:#9ba5b2
}
 .contact_form_fields input:focus,.contact_form_fields select:focus,.contact_form_fields textarea:focus{
    border-color:#f08300;
    box-shadow:0 0 0 3px rgba(7,88,186,.09)
}
 .contact_field_wide{
    grid-column:1/-1
}
 .contact_upload_box{
    position:relative;
    min-height:58px;
    margin-top:18px;
    border:1px dashed #cdd5df;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#627083;
    background:#fbfcfe;
    overflow:hidden
}
 .contact_upload_box .file-ele{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer
}
 .contact_upload_box span{
    width:31px;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#f08300;
    background:#eaf3ff
}
 .contact_upload_box svg{
    width:19px;
    height:19px
}
 .contact_upload_box p{
    margin:0;
    color:#627083;
    font-size: 14px;
    line-height:1.35;
    text-align:left
}
 .contact_upload_box small{
    color:#8b96a5
}
 .contact_common_form #fileName{
    margin-top:8px;
    color:#627083;
    font-size:13px
}
 .contact_submit{
    margin-top:18px
}
 .contact_submit button{
    width:100%;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:none;
    border-radius:6px;
    background:#f08300;
    color:#fff;
    font-family:inherit;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:transform .2s,box-shadow .2s,background .2s
}
 .contact_submit button:hover{
    transform:translateY(-2px);
    /* background:linear-gradient(135deg,#1f2933,#f08300) */
}
 .contact_submit svg{
    width:22px;
    height:22px
}
 .contact_secure_note{
    margin:14px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#8b96a5;
    font-size: 14px;
}
 .contact_secure_note svg{
    width:15px;
    height:15px
}
 .contact_person_card{
    display:flex;
    flex-direction:column;
    min-width:0
}
 .contact_person_swiper{
    position:relative;
    width:100%;
    min-width:0;
    max-width:100%;
    padding-bottom: 30px;
    overflow:hidden
}
 .contact_person_swiper .swiper-wrapper{
    min-width:0
}
 .contact_person_swiper .swiper-slide{
    width:100%;
    min-width:0;
    height:auto
}
 .contact_person_profile{
    text-align:center
}
 .contact_person_profile img{
    width:120px;
    height:120px;
    object-fit:cover;
    border-radius:50%;
    display:block;
    margin:0 auto 22px;
    background:#eef2f7
}
 .contact_person_profile h3{
    margin:0 0 20px;
    font-size:20px;
    line-height:1.2
}
 .contact_person_profile p{
    margin:0 0 22px;
    color:#3e4653;
    font-size:18px;
    line-height:1.4
}
 .contact_person_list{
    border-top:1px solid #e6ebf1;
    padding-top:20px
}
 .contact_person_list p{
    display:grid;
    grid-template-columns:34px 92px minmax(0,1fr);
    align-items:center;
    gap:12px;
    /* margin: 0 0 5px; */
    font-size: 15px;
    line-height:1.35
}
 .contact_person_list span{
    width: 40px;
    height: 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f08300;
    /* background:#eef6ff; */
    border-radius:50%
}
 .contact_person_list svg{
    width: 22px;
    height: 22px;
}
 .contact_person_list strong{
    /* font-weight:600; */
}
 .contact_person_list a,.contact_person_list em{
    min-width:0;
    color:#344052;
    font-style:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
 .contact_person_list a:hover{
    color:var(--accent)
}
 .contact_person_controls{
    position:absolute;
    left:0;
    right:0;
    bottom: 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
}
 .contact_person_pagination{
    position:static;
    width:auto!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px
}
 .contact_person_pagination .swiper-pagination-bullet{
    width:7px;
    height:7px;
    margin:0!important;
    background:#cdd6e0;
    opacity:1
}
 .contact_person_pagination .swiper-pagination-bullet-active{
    background:#f08300
}
 .contact_response_box{
    margin-top:auto;
    padding:24px;
    display:flex;
    align-items:center;
    gap:22px;
    border-radius:8px;
    background:linear-gradient(135deg,#edf5ff,#dcecff)
}
 .contact_response_box>span{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f08300
}
 .contact_response_box svg{
    width:48px;
    height:48px
}
 .contact_response_box h3{
    margin:0 0 6px;
    color:#f08300;
    font-size:19px;
    line-height:1.25;
    /* font-weight:800; */
}
 .contact_response_box p{
    margin:0;
    color:#344052;
    font-size:15px;
    line-height:1.55
}
 .contact_branch_card,.contact_map_card{
    padding:0;
    border:0
}
 .contact_map_visual{
    position:relative;
    min-height:500px;
    border-radius:8px;
    overflow:hidden;
    background:#eaf0f6
}
 .contact_map_frame{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    border:0
}
 .contact_map_visual::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0) 45%)
}
 .contact_map_info{
    position:absolute;
    z-index:3;
    right:28px;
    top:34px;
    width:min(360px,calc(100% - 56px));
    padding:28px;
    border-radius:8px;
    background:rgba(255,255,255,.95);
    box-shadow:0 16px 38px rgba(21,38,67,.16)
}
 .contact_map_info h3{
    margin:0 0 18px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    /* color:#1f2933; */
    font-size:21px;
    line-height:1.45;
    /* font-weight:800; */
}
 .contact_map_info h3 svg{
    width:21px;
    height:21px;
    flex:0 0 21px;
    margin-top:4px;
    color:#f08300
}
 .contact_map_info p{
    margin:0 0 24px;
    color:#566274;
    font-size:15px;
    line-height:1.7
}
 .contact_map_info>div{
    display:flex;
    gap:12px;
    border-top:1px solid #e8edf3;
    padding-top:20px
}
 .contact_map_info a{
    flex:1;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dce3ec;
    border-radius:5px;
    color:#f08300;
    font-size:14px;
    font-weight:600;
    transition:background .2s,color .2s,border-color .2s
}
 .contact_map_info a:hover{
    background:#f08300;
    border-color:#f08300;
    color:#fff
}
 .contact_branch_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px
}
 .contact_branch_item{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:26px;
    align-items:start
}
 .contact_branch_item>img{
    width:100%;
    aspect-ratio:1.15;
    object-fit:cover;
    border-radius:6px;
    display:block
}
 .contact_branch_item h3{
    margin:0 0 14px;
    /* color:#1f2933; */
    font-size:20px;
    line-height:1.3;
    /* font-weight:800; */
}
 .contact_branch_item h3 span{
    display:inline-flex;
    margin-left:8px;
    padding:4px 8px;
    border-radius:4px;
    background:#eaf3ff;
    color:#f08300;
    font-size:11px;
    line-height:1;
    font-weight:800
}
 .contact_branch_item p{
    margin:0 0 10px;
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:9px;
    color:#566274;
    font-size:14px;
    line-height:1.55
}
 .contact_branch_item p svg{
    width:16px;
    height:16px;
    margin-top:3px;
    color:#f08300
}
 .contact_branch_item p a{
    color:#566274
}
 .contact_branch_item p a:hover{
    color:var(--accent)
}
 .contact_branch_item em{
    display:block;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #e8edf3;
    color:#344052;
    font-style:normal;
    font-size:14px;
    line-height:1.6
}
 .contact_follow_head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:50px
}
 .contact_follow_head span{
    width:29px;
    height:29px;
    color:#1f4f8f
}
 .contact_follow_head svg{
    width:29px;
    height:29px
}
 .contact_follow_head h2{
    margin:0;
    /* color:#1f2933; */
    font-size:30px;
    line-height:1.2;
    /* font-weight:800; */
}
 .contact_social_grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px
}
 .contact_social_item{
    min-height:96px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid #edf1f6;
    border-radius:8px;
    background:#fff;
    transition:transform .2s,box-shadow .2s
}
 .contact_social_item:hover{
    transform:translateY(-4px)
}
 .contact_social_item i{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-style:normal;
    font-size:25px;
    line-height:1;
    font-weight:800
}
 .contact_social_item i svg{
    width:24px;
    height:24px;
    display:block;
    fill:none;
    stroke:#ffffff;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .contact_social_item i .contact_brand_icon{
    fill:#ffffff;
    stroke:none
}
 .contact_social_item i .contact_brand_icon path{
    fill:#ffffff;
    stroke:none
}
 .contact_social_item span{
    color:#243040;
    font-size:15px;
    line-height:1.2;
    font-weight:700
}
 .social_facebook i{
    background:#1877f2
}
 .social_linkedin i{
    background:#0a66c2;
    font-size:18px
}
 .social_instagram i{
    background:radial-gradient(circle at 30% 30%,#ffd86f 0 16%,#f4447e 42%,#8438c9 78%)
}
 .social_youtube i{
    background:red
}
 .social_whatsapp i{
    background:#25d366
}
 .social_wechat i{
    background:#16c35b
}
 .social_wechat{
    position:relative
}
 .contact_wechat_qr{
    position:absolute;
    left:50%;
    bottom:calc(100% + 14px);
    z-index:10;
    width:150px;
    padding:10px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 30px rgba(22,35,55,.2);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,8px);
    transition:opacity .2s,visibility .2s,transform .2s
}
 .contact_wechat_qr:after{
    position:absolute;
    top:100%;
    left:50%;
    width:0;
    height:0;
    border:7px solid transparent;
    border-top-color:#fff;
    content:"";
    transform:translateX(-50%)
}
 .contact_wechat_qr img{
    display:block;
    width:100%;
    height:auto
}
 .social_wechat:hover .contact_wechat_qr,.social_wechat:focus .contact_wechat_qr{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0)
}
 .contact_cta_inner{
    position:relative;
    min-height:240px;
    display:grid;
    grid-template-columns:112px minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    padding:36px 58px;
    overflow:hidden;
    border-radius:8px;
    color:#fff
}
 .contact_cta_inner>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.35
}
 .contact_cta_inner::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(4,58,122,.75),rgba(7,88,186,.8))
}
 .contact_cta_icon,.contact_cta_inner>a,.contact_cta_text{
    position:relative;
    z-index:1
}
 .contact_cta_icon{
    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--white);
    border-radius:50%;
    color:#fff
}
 .contact_cta_icon svg{
    width:48px;
    height:48px
}
 .contact_cta_text h2{
    margin:0 0 8px;
    color:#fff;
    font-size:30px;
    line-height:1.2
}
 .contact_cta_text p{
    width:min(640px,100%);
    margin:0;
    color:var(--white);
    font-size:16px;
    line-height:1.65
}
 .contact_cta_inner>a{
    min-width:236px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:6px;
    background:#fff;
    color:#f08300;
    font-size: 16px;
    /* font-weight:600; */
    transition:background .2s,color .2s,transform .2s
}
 .contact_cta_inner>a svg{
    width:24px;
    height:24px
}
 .contact_cta_inner>a:hover{
    background:var(--accent);
    color:#fff;
    transform:translateY(-2px)
}
 .page_about{
    background:#fff;
    color:#243040
}
 .page_about .about_section_head span {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--accent);
    font-size:13px;
    font-weight:600;
    letter-spacing:1.6px;
    text-transform:uppercase
}
 .page_about .about_section_head span::before{
    content:"";
    width:28px;
    height:3px;
    border-radius:99px;
    background:var(--accent)
}
 .page_about .about_section_head{
    margin:0 auto 34px;
    text-align:center
}
 .page_about .about_section_head h2{
    margin:8px 0 10px;
    font-size:38px;
    line-height:1.18;
}
 .page_about .about_section_head p{
    width:min(680px,100%);
    margin:0 auto;
    color:#666;
    font-size:16px;
    line-height:1.75
}
 .about_intro_section{
    padding:90px 0;
    padding-bottom:0;
    background:linear-gradient(180deg,#fff 0,#f7f9fb 100%)
}
 .about_intro_grid{
    display:grid;
    grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);
    gap:54px;
    align-items:center
}
 .about_intro_text h1{
    margin-bottom:20px;
    font-size:40px;
    line-height:1.12;
    font-weight: 600;
}
 .about_intro_text p{
    margin:0 0 26px;
    color:#5c6673;
    font-size:16px;
    line-height:1.78
}
 .about_btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    min-height:46px;
    padding:0 24px;
    color:#fff;
    background:var(--accent);
    border-radius:4px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:background .2s,transform .2s
}
 .about_btn:hover{
    transform:translateY(-2px)
}
 .about_intro_visual{
    position:relative;
    min-height:360px;
    margin:0;
    overflow:hidden;
    cursor:pointer
}
 .about_intro_visual img{
    width:100%;
    height:420px;
    display:block;
    object-fit:cover;
    border-radius:2px;
    box-shadow:0 24px 46px rgba(18,30,46,.12)
}
 .about_intro_visual::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(22,34,49,.06),rgba(22,34,49,.32));
    pointer-events:none
}
 .about_video_play{
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:78px;
    height:78px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    color:#fff;
    background:var(--accent);
    box-shadow:0 18px 42px rgba(0,0,0,.24);
    z-index:2;
    transition:transform .25s,background .25s
}
 .about_intro_visual:hover .about_video_play{
    transform:translate(-50%,-50%) scale(1.06);
    /* background:#1f2933 */
}
 .about_video_play::before{
    content:"";
    position:absolute;
    inset:-10px;
    border:1px solid rgba(255,255,255,.6);
    border-radius:50%
}
 .about_video_play svg{
    width:34px;
    height:34px;
    margin-left:4px;
    fill:currentColor
}
 .culture_icon svg,.service_icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .culture_icon img{
    width:60px;
    height:60px;
    display:block;
    object-fit:cover
}
 .about_culture_section{
    padding:90px 0;
    background:#f5f8fb
}
 .about_culture_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 44px;
    align-items:center
}
 .culture_photo{
    overflow:hidden;
    border-radius:2px
}
 .culture_photo img{
    width:100%;
    height:400px;
    display:block;
    object-fit:cover
}
 .culture_card{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:24px;
    align-items:center;
    min-height:172px
}
 .culture_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:76px;
    height:76px;
    color:var(--accent);
    background:#fff;
    border-radius:50%;
    overflow:hidden
}
 .culture_icon svg{
    width:34px;
    height:34px
}
 .culture_card h3{
    margin:0 0 10px;
    /* color:#1f2933; */
    font-size:22px;
    line-height:1.2;
}
 .culture_card p{
    margin:0;
    /* color:#5f6b78; */
    font-size:15px;
    line-height:1.68
}
 .about_services_section{
    padding:90px 0;
    background:linear-gradient(180deg,#fff 0,#f6f8fb 100%)
}
 .about_service_grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
    width:min(1400px,calc(100% - 80px));
    margin:0 auto
}
 .about_service_card{
    position:relative;
    overflow:hidden;
    min-height:100%;
    color:#243040;
    background:#fff;
    border:1px solid #edf0f3;
    border-radius:8px;
    transition:transform .25s,box-shadow .25s,border-color .25s
}
 .about_service_card img{
    width:100%;
    height:190px;
    display:block;
    object-fit:cover;
    transition:transform .45s ease
}
 .about_service_card:hover{
    transform:translateY(-6px);
    border-color:rgba(240,131,0,.32)
}
 .about_service_card:hover img{
    transform:scale(1.06)
}
 .service_overlay{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-height:232px;
    padding:28px 24px 26px;
    text-align:left
}
 .service_num{
    position:absolute;
    right:22px;
    top:24px;
    color:#edf1f5;
    font-size:42px;
    line-height:1;
    font-weight:800
}
 .service_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin-bottom:18px;
    color:#fff;
    border-radius:8px
}
 .service_icon svg{
    width:24px;
    height:24px;
    stroke-width:1.9
}
 .service_icon img{
    width:40px;
    height:40px;
    display:block;
    object-fit:contain;
    transition:none
}
 .about_service_card:hover .service_icon img{
    transform:none
}
 .service_overlay h3{
    margin:0 0 12px;
    /* color:#1f2933; */
    font-size:21px;
    line-height:1.25;
    font-weight:800
}
 .service_overlay p{
    width:100%;
    margin:0;
    /* color:#66717f; */
    font-size:14px;
    line-height:1.68
}
 .about_cert_section{
    padding:90px 0;
    background:linear-gradient(180deg,rgba(248,250,252,.8),rgba(248,250,252,.8)),url("./images/about-certificate-background-8919.webp") center/cover no-repeat;
    overflow:hidden
}
 .about_cert_wrap{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 54px;
    gap:18px;
    align-items:center;
    width:min(1400px,calc(100% - 60px));
    margin:0 auto
}
 .about_cert_swiper{
    width:100%;
    min-width:0
}
 .about_cert_item{
    text-align:center
}
 .about_cert_item img{
    width:100%;
    object-fit:contain;
    display:block;
    margin:0 auto 14px
}
 .about_cert_item h3{
    margin:0 0 4px;
    font-size:16px;
    line-height:1.25
}
 .about_cert_item p{
    margin:0;
    font-size:14px;
    line-height:1.45
}
 .about_cert_arrow{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e5e8ec;
    border-radius:50%;
    background:#fff;
    color:#9ba6b2;
    cursor:pointer;
    transition:color .2s,border-color .2s,transform .2s
}
 .about_cert_arrow:hover{
    color:var(--accent);
    border-color:var(--accent);
    transform:translateY(-2px)
}
 .about_cert_arrow svg{
    width:24px;
    height:24px
}
 .about_cert_arrow path{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .about_history_section{
    padding:90px 0;
    padding-bottom:0;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98)),url("./images/about-history-background-1741.webp") center/cover no-repeat
}
 .about_history_wrap{
    position:relative;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 54px;
    gap:18px;
    align-items:center;
    width:min(1400px,calc(100% - 60px));
    margin:0 auto
}
 .about_history_swiper{
    position:relative;
    width:100%;
    min-width:0;
    padding:18px 2px 44px
}
 .about_history_swiper::before{
    content:"";
    position:absolute;
    top:91px;
    left:28px;
    right:28px;
    height:2px;
    background:#d9a45d
}
 .timeline_item{
    position:relative;
    min-width:0;
    height:100%;
    padding:0 0 8px;
    text-align:center
}
 .timeline_item::before{
    content:"";
    position:absolute;
    top:66px;
    left:50%;
    width:16px;
    height:16px;
    transform:translateX(-50%);
    border:3px solid #d9a45d;
    border-radius:50%;
    background:#fff;
    z-index:1
}
 .timeline_year{
    font-size:24px;
    line-height:1;
    font-weight:600;
    margin-bottom:80px
}
 .timeline_item h3{
    min-height:58px;
    margin:10px 0 7px;
    color:#253246;
    font-size:14px;
    line-height:1.35;
    font-weight:800
}
 .timeline_item p{
    min-height:96px;
    margin:0 0 22px;
    font-size:14px;
    line-height:1.55
}
 .timeline_item img{
    width:100%;
    aspect-ratio:16/9;
    display:block;
    object-fit:cover;
    border-radius:2px
}
 .about_history_arrow{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e5e8ec;
    border-radius:50%;
    background:#fff;
    color:#9ba6b2;
    cursor:pointer;
    transition:color .2s,border-color .2s,transform .2s
}
 .about_history_arrow:hover{
    color:var(--accent);
    border-color:var(--accent);
    transform:translateY(-2px)
}
 .about_history_arrow svg{
    width:24px;
    height:24px
}
 .about_history_arrow path{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .about_history_pagination .swiper-pagination-bullet{
    background:#d0d6dd;
    opacity:1
}
 .about_history_pagination .swiper-pagination-bullet-active{
    background:var(--accent)
}
 .page_services{
    background:#fff;
    color:#243040
}
 .services_cta_actions svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .services_cta_section{
    position:relative;
    overflow:hidden;
    min-height:220px;
    display:flex;
    align-items:center;
    color:#fff;
    background:#074c99
}
 .services_cta_bg{
    position:absolute;
    inset:0
}
 .services_cta_bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,71,142,.94),rgba(0,71,142,.74),rgba(0,71,142,.18))
}
 .services_cta_bg img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
 .services_cta_content{
    position:relative;
    z-index:1;
    padding:45px 0
}
 .services_cta_content h2{
    margin:0 0 12px;
    color:#fff;
    font-size:32px;
    line-height:1.2
}
 .services_cta_content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.6
}
 .services_cta_actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap
}
 .services_cta_primary,.services_cta_secondary{
    min-width:154px;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding: 0 15px;
    border-radius:4px;
    font-size:14px;
    font-weight: 600;
    text-decoration:none;
    transition:background .2s,color .2s,border-color .2s,transform .2s
}
 .services_cta_primary{
    color: #333333;
    background:#fff;
    border:1px solid #fff
}
 .services_cta_secondary{
    color:#fff;
    background:0 0;
    border:1px solid rgba(255,255,255,.72)
}
 .services_cta_primary:hover,.services_cta_secondary:hover{
    transform:translateY(-2px)
}
 .services_cta_primary:hover{
    color:#fff;
    background:var(--accent);
    border-color:var(--accent)
}
 .services_cta_secondary:hover{
    color:#333;
    background:#fff;
    border-color:#fff
}
 .services_cta_actions svg{
    width:19px;
    height:19px
}
 .page_factory{
    background:#fff;
    color:#243040
}
 .factory_overview_section{
    padding:90px 0;
    background:#f6f8fb
}
 .factory_dual_card>h2{
    margin:0 0 28px;
    font-size:32px;
    line-height:1.2;
    font-weight:600;
    text-align:center
}
 .factory_base_grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:96px;
    align-items:stretch
}
 .factory_base_card{
    overflow:hidden
}
 .factory_base_card>img{
    width:100%;
    height:420px;
    display:block;
    object-fit:cover
}
 .factory_base_content{
    padding:40px 0;
    padding-bottom:0
}
 .factory_base_card h3{
    margin:0 0 12px;
    font-size:22px;
    line-height:1.2;
}
 .factory_base_info p{
    margin:0;
    font-size:15px;
    line-height:1.62
}
 .factory_base_info p+p{
    margin-top:16px
}
 .factory_base_info p:first-child{
    display:flex;
    align-items:center;
    gap:18px;
    font-weight:700
}
 .factory_base_info strong{
    /* color:#1f2933; */
    font-size:16px;
}
 .factory_base_info i{
    display:block;
    width:1px;
    height:18px;
    background:#d8dee6
}
 .process_icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .factory_process_section{
    padding:64px 0 58px;
    background:#fff
}
 .factory_process_head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:28px;
    /* color:#0c2444; */
    text-align:center;
    /* text-transform:uppercase; */
}
 .factory_process_head span{
    color:#f08300;
    font-size:38px;
    line-height:1;
    font-weight:800
}
 .factory_process_head h2{
    margin:0;
    /* color:#0c2444; */
    font-size: 28px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:.4px
}
 .factory_process_steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:30px
}
 .factory_process_item{
    position:relative;
    text-align:center
}
 .factory_process_item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:42px;
    left:calc(50% + 54px);
    width:calc(100% - 74px);
    height:2px;
    border-top:2px dotted #9bbbea
}
 .factory_process_item:not(:last-child)::before{
    content:"";
    position:absolute;
    top:37px;
    right:-21px;
    width:0;
    height:0;
    border-left:9px solid #9bbbea;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent
}
 .process_icon{
    width:84px;
    height:84px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    padding:15px;
    color:#fff;
    border-radius:50%;
    border:1px solid rgba(7,88,186,.22)
}
 .process_icon img{
    width:48px;
    height:48px;
    display:block;
    object-fit:contain
}
 .factory_process_item strong{
    display:block;
    margin-bottom:4px;
    font-size:16px
}
 .factory_process_item h3{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.25
}
 .factory_process_item p{
    margin:0 auto;
    font-size:18px;
    line-height:1.62
}
 .factory_workshop_section{
    padding:90px 0;
    padding-bottom:0;
    background:#fff
}
 .factory_section_head{
    margin-bottom:50px;
    text-align:center
}
 .factory_section_head h2{
    margin:0;
    /* color:#1f2933; */
    font-size: 28px;
    line-height:1.2;
    /* font-weight:800; */
}
 .factory_workshop_wrap{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 48px;
    gap:20px;
    align-items:center
}
 .factory_workshop_swiper{
    width:100%;
    min-width:0;
    padding-bottom:50px
}
 .factory_workshop_swiper img{
    width:100%;
    aspect-ratio:4/3;
    display:block;
    object-fit:cover;
    border-radius:6px
}
 .factory_workshop_arrow{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e1e7ee;
    border-radius:50%;
    /* color:#7f91a7; */
    background:#fff;
    cursor:pointer;
    transition:color .2s,border-color .2s,transform .2s
}
 .factory_workshop_arrow:hover{
    color:var(--accent);
    border-color:var(--accent);
    transform:translateY(-2px)
}
 .factory_workshop_arrow svg{
    width:24px;
    height:24px
}
 .factory_workshop_arrow path{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .factory_workshop_pagination{
    bottom:0!important
}
 .factory_workshop_pagination .swiper-pagination-bullet{
    background:#cdd6df;
    opacity:1
}
 .factory_workshop_pagination .swiper-pagination-bullet-active{
    background:var(--accent)
}
 .factory_capacity_section{
    padding:90px 0
}
 .factory_capacity_section h2{
    margin:0 0 50px;
    font-size:28px;
    line-height:1.2;
    /* font-weight:600; */
    text-align:center;
    /* text-transform: capitalize; */
}
 .factory_capacity_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px
}
 .capacity_item{
    min-height:130px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px;
    text-align:center;
    border:1px solid #edf1f5;
    border-radius:6px
}
 .capacity_item strong{
    display:block;
    font-size:31px;
    line-height:1.05;
    font-weight:800
}
 .capacity_item span{
    margin-top:15px;
    font-size:16px;
    line-height:1.34
}
 .factory_cta_section{
    padding:0 0 90px;
    background:#fff
}
 .factory_cta_section .auto-container{
    position:relative;
    min-height:270px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    border-radius:8px;
    overflow:hidden
}
 .factory_cta_bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
}
 .factory_cta_section .auto-container::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(7,88,186,.94),rgba(0,65,127,.9))
}
 .factory_cta_section a,.factory_cta_section h2,.factory_cta_section p{
    position:relative;
    z-index:1
}
 .factory_cta_section h2{
    margin:0 0 10px;
    color:#fff;
    font-size:30px;
    line-height:1.25;
    /* font-weight:800; */
}
 .factory_cta_section p{
    margin:0 0 24px;
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.6
}
 .factory_cta_section a{
    min-width:178px;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 26px;
    color:#f08300;
    background:#fff;
    border-radius:4px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:transform .2s,background .2s,color .2s
}
 .factory_cta_section a:hover{
    color:#fff;
    background:var(--accent);
    transform:translateY(-2px)
}
 .factory_support_section{
    padding:0 0 90px;
    background:#f6f8fb
}
 .factory_support_grid{
    display:grid;
    grid-template-columns:1fr
}
 .factory_support_card{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center
}
 .factory_support_card.delivery .factory_support_image{
    order:1
}
 .factory_support_card.delivery .factory_support_text{
    order:2
}
 .factory_support_text{
    padding:40px
}
 .factory_support_text h2{
    margin:0 0 22px;
    /* color:#1f2933; */
    font-size:25px;
    line-height:1.2;
}
 .factory_support_intro{
    margin:0 0 22px;
    /* color:#5f6b78; */
    font-size:15px;
    line-height:1.72
}
 .factory_support_text ul{
    margin:0;
    padding:0;
    list-style:none
}
 .factory_support_text li{
    position:relative;
    margin:0;
    padding:0 0 0 30px;
    /* color:#334155; */
    font-size:15px;
    line-height:1.7;
    font-weight:700
}
 .factory_support_text li+li{
    margin-top:12px
}
 .factory_support_card.delivery .factory_support_text li{
    display:flex;
    align-items:baseline;
    gap:10px;
    flex-wrap:nowrap
}
 .factory_support_card.delivery .factory_support_text li strong{
    flex:0 0 auto
}
 .factory_support_card.delivery .factory_support_text li p{
    margin:0;
    white-space:nowrap
}
 .factory_support_text li::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:16px;
    height:12px;
    background:var(--accent);
    clip-path:polygon(13% 45%,38% 70%,88% 12%,100% 25%,39% 95%,0 56%)
}
 .factory_support_image{
    margin:0;
    overflow:hidden
}
 .factory_support_image img{
    width:100%;
    height:100%;
    min-height:300px;
    display:block;
    object-fit:cover
}
 .show_products_detail .show_product_summary{
    padding:90px 0;
    background:#fff
}
 .show_products_detail .show_product_summary>.auto-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:46px;
    align-items:start
}
 .show_product_gallery,.show_product_info{
    min-width:0
}
 .show_gallery_main{
    position:relative;
    overflow:hidden;
    border:1px solid #eee;
    border-radius:8px;
    background:#fafafa
}
 .show_gallery_main .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:1/1
}
 .show_gallery_main img{
    width:100%;
    height:100%;
    object-fit:contain;
    cursor:zoom-in
}
 .show_color_preview{
    position:absolute;
    inset:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fafafa;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s
}
 .show_color_preview.active{
    opacity:1;
    pointer-events:auto
}
 .show_color_preview img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    cursor:zoom-in
}
 .show_gallery_thumbs_wrap{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    gap:10px;
    align-items:center;
    margin-top:14px;
    min-width:0
}
 .show_gallery_thumbs{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden
}
 .show_gallery_thumbs .swiper-slide{
    height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:6px;
    overflow:hidden;
    background:#fff;
    cursor:pointer;
    opacity:.56;
    transition:border-color .2s,opacity .2s
}
 .show_gallery_thumbs .swiper-slide-thumb-active{
    border-color:var(--accent);
    opacity:1
}
 .show_gallery_thumbs img{
    width:100%;
    height:100%;
    object-fit:contain
}
 .show_recommend_next,.show_recommend_prev,.show_thumb_next,.show_thumb_prev{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:50%;
    background:#fff;
    color:#333;
    cursor:pointer;
    transition:background .2s,border-color .2s,color .2s
}
 .show_recommend_next:hover,.show_recommend_prev:hover,.show_thumb_next:hover,.show_thumb_prev:hover{
    background:var(--accent);
    border-color:var(--accent);
    color:#fff
}
 .show_recommend_next svg,.show_recommend_prev svg,.show_thumb_next svg,.show_thumb_prev svg{
    width:19px;
    height:19px
}
 .show_recommend_next path,.show_recommend_prev path,.show_thumb_next path,.show_thumb_prev path{
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .show_product_info h1{
    margin:0 0 16px;
    font-size:30px;
    line-height:1.2
}
 .show_product_desc{
    margin:0 0 16px;
    color:#666;
    font-size:16px;
    line-height:1.75
}
 .show_product_stars{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:18px;
    color:var(--accent);
    line-height:1
}
 .show_product_stars .product_star_icon{
    width:18px;
    height:18px;
    flex-basis:18px
}
 .show_product_attrs{
    margin:0 0 20px;
    padding:0;
    list-style:none;
    border-top:1px solid #eee
}
 .show_product_attrs li{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:16px;
    padding:12px 0;
    border-bottom:1px solid #eee
}
 .show_product_attrs span{
    color:#888;
    font-size:14px
}
 .show_product_attrs strong{
    color:#333;
    font-size:14px
}
 .show_product_colors{
    margin:0 0 22px
}
 .show_product_colors h3{
    margin:0 0 12px;
    color:#333;
    font-size:17px;
    line-height:1.35;
    font-weight:700
}
 .show_color_list{
    display:grid;
    grid-template-columns:repeat(8,42px);
    gap:10px 12px;
    align-items:center
}
 .show_color_option{
    width:42px;
    height:42px;
    padding:3px;
    border:1px solid #e5e8ec;
    border-radius:3px;
    background:#fff;
    cursor:pointer;
    overflow:hidden;
    transition:border-color .2s,box-shadow .2s,transform .2s
}
 .show_color_option:hover,.show_color_option.active{
    border-color:var(--accent);
    box-shadow:0 6px 14px rgba(240,131,0,.14);
    transform:translateY(-1px)
}
 .show_color_option img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
 .show_product_contact{
    display:grid;
    gap:8px;
    margin-bottom:22px
}
 .show_product_contact a{
    display:flex;
    align-items:center;
    gap:8px;
    color:#333;
    font-size:16px;
    text-decoration:none;
    transition:color .2s
}
 .show_product_contact svg{
    width:17px;
    height:17px;
    flex:0 0 17px;
    fill:var(--accent)
}
 .show_product_contact span{
    min-width:0
}
 .show_product_contact a:hover{
    color:var(--accent)
}
 .show_product_actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:22px
}
 .show_contact_btn,.show_product_actions .quote-button{
    min-width:142px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:24px;
    font-weight:600;
    cursor:pointer;
    text-decoration:none
}
 .show_product_actions .quote-button{
    color:#fff;
    background:var(--accent);
    border:1.5px solid var(--accent)
}
 .show_contact_btn{
    color:#1f2933;
    background:#fff;
    border:1.5px solid #ddd;
    transition:background .2s,border-color .2s,color .2s
}
 .show_contact_btn:hover{
    color:#fff;
    background:var(--accent);
    border-color:var(--accent)
}
 .share_box{
    padding-top:18px;
    border-top:1px solid #eee
}
 .show_product_detail_area{
    padding:90px 0;
    background:#fafafa
}
 .show_product_detail_area>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:34px;
    align-items:start
}
 .show_product_detail_area .page_content_box{
    min-width:0;
    padding:34px;
    border:1px solid #eee;
    border-radius:8px;
    background:#fff
}
 .show_recommend_products{
    padding-top:90px;
    background:#fff;
    padding-bottom:0
}
 .show_recommend_head{
    margin:0 auto 50px;
    text-align:center
}
 .show_recommend_head span{
    display:inline-block;
    margin-bottom:8px;
    color:var(--accent);
    font-size:13px;
    font-weight:600;
    letter-spacing:1.8px;
    text-transform:uppercase
}
 .show_recommend_head h2{
    margin:0 0 12px;
    font-size:34px;
    line-height:1.25
}
 .show_recommend_head p{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.7
}
 .show_recommend_wrap{
    position:relative;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    gap:18px;
    align-items:center;
    min-width:0
}
 .show_recommend_swiper{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden
}
 .show_recommend_swiper .item_box{
    display:flex;
    height:100%
}
 .show_recommend_swiper .hp-card{
    width:100%;
    border-radius:8px
}
 .show_recommend_swiper .hp-card-title{
    min-height:50px
}
 .show_recommend_swiper .hp-card-footer{
    gap:10px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap
}
 .show_recommend_swiper .hp-btn-more,.show_recommend_swiper .inquire{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
    box-sizing:border-box
}
 .show_recommend_swiper .inquire{
    font-weight:700;
    color:#fff;
    background:var(--accent);
    border:1.5px solid var(--accent);
    border-radius:20px;
    padding:6px 18px;
    cursor:pointer;
    transition:background .2s,border-color .2s,color .2s
}
 .show_recommend_swiper .inquire:hover{
    /* background:#1f2933; */
    /* border-color:#1f2933 */
}
 .show_recommend_pagination{
    display:none
}
 .show_image_lightbox,.show_video_modal{
    position:fixed;
    inset:0;
    z-index:2000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:34px;
    background:rgba(7,12,18,.82)
}
 .show_image_lightbox.open,.show_video_modal.open{
    display:flex
}
 .show_image_lightbox img{
    max-width:min(980px,92vw);
    max-height:86vh;
    object-fit:contain;
    border-radius:8px;
    background:#fff
}
 .show_lightbox_close,.show_video_close{
    position:absolute;
    top:22px;
    right:24px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.14);
    font-size:28px;
    line-height:1;
    cursor:pointer
}
 .show_video_frame{
    width:min(960px,92vw);
    aspect-ratio:16/9;
    background:#000;
    border-radius:8px;
    overflow:hidden
}
 .show_video_frame iframe{
    width:100%;
    height:100%;
    display:block;
    border:0
}
 .show_video_frame video{
    width:100%;
    height:100%;
    display:block;
    background:#000
}

/* Quotation page */
.quotation-page{
    background:linear-gradient(180deg,#fff 0,#f6f8fb 100%);
    color:#333
}
.quotation-page .contact-shell{
    width:min(1400px,calc(100% - 48px));
    margin:0 auto;
    padding:72px 0 96px
}
.quotation-intro{
    max-width:900px;
    margin:0 auto 38px;
    text-align:center
}
.quotation-intro h1{
    margin:0 0 14px;
    color:var(--dark);
    font-size:clamp(32px,3.6vw,48px);
    line-height:1.15;
    font-weight:600;
    letter-spacing:-.02em
}
.quotation-intro h1:after{
    display:block;
    width:64px;
    height:3px;
    margin:18px auto 0;
    border-radius:2px;
    background:var(--accent);
    content:""
}
.quotation-intro p{
    max-width:820px;
    margin:0 auto;
    color:var(--text-muted);
    font-size:16px;
    line-height:1.8
}
.quotation-layout{
    display:grid;
    grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);
    gap:28px;
    align-items:start
}
.quotation-page .form-card,.quote-selection-card{
    position:relative;
    overflow:hidden;
    border:1px solid #e7ebf0;
    border-radius:8px;
    background:#fff;
    box-shadow:0 16px 42px rgba(13,27,42,.07)
}
.quotation-page .form-card:before,.quote-selection-card:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:var(--accent);
    content:""
}
.quote-selection-card{
    padding:32px
}
.quote-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:24px
}
.quotation-page .form-card-header h2,.quote-card-head h2{
    margin:0;
    color:var(--dark);
    font-size:22px;
    line-height:1.3;
    font-weight:800
}
.quote-card-head h2 .product-number{
    color:var(--accent)
}
.quote-list-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px
}
.quotation-page .btn-continue,.quote-list-actions button{
    min-height:40px;
    border:1px solid #e1e6ec;
    border-radius:6px;
    padding:9px 14px;
    background:#f7f9fb;
    color:#333;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:color .2s,border-color .2s,background .2s,transform .2s
}
.quotation-page .btn-continue:hover,.quote-list-actions button:hover{
    border-color:var(--accent);
    background:#fff7ed;
    color:var(--accent);
    transform:translateY(-1px)
}
.quote-empty{
    border:1px dashed #d7dde5;
    border-radius:8px;
    padding:38px 24px;
    background:linear-gradient(145deg,#fafbfc,#f5f7fa);
    text-align:center
}
.quote-empty h3{
    margin:0 0 8px;
    color:var(--dark);
    font-size:19px;
    line-height:1.35;
    font-weight:800
}
.quote-empty p{
    max-width:420px;
    margin:0 auto 20px;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.7
}
.quotation-page .btn-cta,.quotation-page .btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    border:0;
    border-radius:6px;
    padding:12px 25px;
    background:var(--accent);
    color:#fff;
    font-family:inherit;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:transform .2s,box-shadow .2s,background .2s
}
.quotation-page .btn-cta:hover,.quotation-page .btn-submit:hover{
    background:#d97500;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(240,131,0,.24)
}
.quote-product-list{
    display:flex;
    flex-direction:column;
    gap:12px
}
.quote-product-item{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:12px;
    border:1px solid #e7ebf0;
    border-radius:8px;
    background:#fafbfc;
    transition:border-color .2s,box-shadow .2s,transform .2s
}
.quote-product-item:hover{
    border-color:#f3c58e;
    box-shadow:0 8px 20px rgba(13,27,42,.06);
    transform:translateY(-1px)
}
.quote-product-media{
    width:76px;
    height:76px;
    overflow:hidden;
    border:1px solid #edf0f4;
    border-radius:7px;
    background:#fff
}
.quote-product-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
.quote-product-body{
    min-width:0
}
.quote-product-title{
    display:-webkit-box;
    overflow:hidden;
    color:var(--dark);
    font-size:15px;
    line-height:1.45;
    font-weight:700;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.quote-product-title:hover{
    color:var(--accent)
}
.quote-product-actions{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:2px
}
.quote-product-select{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#4f5967;
    font-size:14px;
    font-weight:700;
    cursor:pointer
}
.quote-product-check{
    width:17px;
    height:17px;
    accent-color:var(--accent)
}
.quote-product-remove{
    border:0;
    padding:4px 0;
    background:transparent;
    color:#c93636;
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    cursor:pointer
}
.quote-product-remove:hover{
    color:#9f1f1f
}
.quote-list-footer{
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid #edf0f4
}
.quote-list-footer p{
    margin:0;
    color:#4f5967;
    font-size:14px;
    font-weight:700
}
.quote-list-footer .product-number{
    color:var(--accent)
}
.quotation-page .form-card{
    padding:36px
}
.quotation-page .form-card-header{
    margin-bottom:26px
}
.quotation-page .form-card-header p{
    margin:8px 0 0;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.7
}
.quotation-page .form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px
}
.quotation-page .form-group{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0
}
.quotation-page .form-group.full{
    grid-column:1/-1
}
.quotation-page .form-group label{
    color:#333;
    font-size:14px;
    line-height:1.3;
    font-weight:700
}
.quotation-page .form-group label span{
    color:#d83737
}
.quotation-page .form-group input,.quotation-page .form-group textarea{
    width:100%;
    min-width:0;
    border:1px solid #e1e6ec;
    border-radius:6px;
    outline:0;
    background:#fff;
    color:#333;
    font-family:inherit;
    font-size:15px;
    transition:border-color .2s,box-shadow .2s,background .2s
}
.quotation-page .form-group input{
    height:50px;
    padding:0 15px
}
.quotation-page .form-group textarea{
    min-height:150px;
    padding:14px 15px;
    resize:vertical
}
.quotation-page .form-group input::placeholder,.quotation-page .form-group textarea::placeholder{
    color:#9ba5b2
}
.quotation-page .form-group input:focus,.quotation-page .form-group textarea:focus{
    border-color:var(--accent);
    background:#fffdf9;
    box-shadow:0 0 0 3px rgba(240,131,0,.1)
}
.quotation-submit{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:24px
}

:is(.page_default_detail,.blog_detail_page){
    background:#f5f7fa;
    color:var(--text-muted)
}
:is(.page_default_detail,.blog_detail_page) .article_container{
    width:min(1400px,calc(100% - 48px));
    margin:0 auto
}
:is(.page_default_detail,.blog_detail_page) .article_hero{
    padding:90px 0 0
}
:is(.page_default_detail,.blog_detail_page) .article_hero h1{
    max-width:90%;
    margin:0 auto;
    color:var(--primary);
    font-size:clamp(20px,3.2vw,26px);
    font-weight:600;
    line-height:1.22;
    text-align:center
}
:is(.page_default_detail,.blog_detail_page) .article_content{
    padding:70px 0 90px
}
:is(.page_default_detail,.blog_detail_page) .article_body{
    min-width:0;
    padding:30px;
    border-radius:8px;
    background:#fff
}
:is(.page_default_detail,.blog_detail_page) .article_body>:first-child{margin-top:0}
:is(.page_default_detail,.blog_detail_page) .article_body>:last-child{margin-bottom:0}
:is(.page_default_detail,.blog_detail_page) .article_body p{
    margin:0 0 20px;
    color:var(--text-muted);
    font-size:16px;
    line-height:1.65;
    overflow-wrap:anywhere
}
:is(.page_default_detail,.blog_detail_page) .article_body h2,
:is(.page_default_detail,.blog_detail_page) .article_body h3,
:is(.page_default_detail,.blog_detail_page) .article_body h4{
    color:var(--primary);
    scroll-margin-top:110px
}
:is(.page_default_detail,.blog_detail_page) .article_body h2{margin:30px 0 15px;font-size:22px;line-height:1.25;font-weight:600}
:is(.page_default_detail,.blog_detail_page) .article_body h3{margin:34px 0 14px;font-size:24px;line-height:1.3;font-weight:700}
:is(.page_default_detail,.blog_detail_page) .article_body h4{margin:28px 0 12px;font-size:20px;line-height:1.35;font-weight:700}
:is(.page_default_detail,.blog_detail_page) .article_body img{
    max-width:100%!important;
    height:auto;
    margin:28px 0 12px;
    border-radius:5px
}
:is(.page_default_detail,.blog_detail_page) .article_body p:has(>img){margin:20px 0 15px}
:is(.page_default_detail,.blog_detail_page) .article_body p:has(>img) img{margin:0}
:is(.page_default_detail,.blog_detail_page) .article_body strong{color:var(--primary);font-weight:600}
:is(.page_default_detail,.blog_detail_page) .article_body a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
:is(.page_default_detail,.blog_detail_page) .article_body ol,
:is(.page_default_detail,.blog_detail_page) .article_body ul{
    display:grid;
    gap:10px;
    margin:0 0 24px 24px;
    color:var(--text-muted);
    font-size:16px;
    line-height:1.85;
    list-style:revert
}
:is(.page_default_detail,.blog_detail_page) .article_body li::marker{color:var(--accent);font-weight:700}
:is(.page_default_detail,.blog_detail_page) .article_table{overflow:auto;margin:28px 0}
:is(.page_default_detail,.blog_detail_page) .article_body table{
    width:100%;
    min-width:680px;
    border-collapse:collapse;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 0 0 1px var(--border)
}
:is(.page_default_detail,.blog_detail_page) .article_body td,
:is(.page_default_detail,.blog_detail_page) .article_body th{
    padding:14px 16px;
    border-bottom:1px solid var(--border);
    color:var(--text-muted);
    font-size:15px;
    line-height:1.6;
    text-align:left
}
:is(.page_default_detail,.blog_detail_page) .article_body th{background:#fff6eb;color:var(--primary);font-weight:700}
.blog_detail_page .article_meta{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    margin-top:20px;
    color:var(--text-muted);
    font-size:15px;
    font-weight:500
}
.blog_detail_page .article_meta span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.blog_detail_page .article_meta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.blog_detail_page .blog_detail_layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.blog_detail_page .blog_detail_anchor a.active,
.blog_detail_page .blog_detail_anchor li.active>a{padding-left:6px;color:var(--accent)}
.blog_detail_page .blog_detail_toc_btn,
.blog_detail_page .blog_detail_toc_mask{display:none}
body.blog_detail_toc_open{overflow:hidden}
.blog_detail_page .blog_detail_nav{padding:0 0 96px}
.blog_detail_page .blog_detail_nav_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.blog_detail_page .blog_detail_nav_item{display:grid;gap:10px;padding:20px;border-radius:8px;background:#fff;transition:transform .2s,box-shadow .2s}
.blog_detail_page .blog_detail_nav_item:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(22,32,46,.06)}
.blog_detail_page .blog_detail_nav_item.empty{background:#f0f2f4;color:#999;box-shadow:none}
.blog_detail_page .blog_detail_nav_item.next{text-align:right}
.blog_detail_page .blog_detail_nav_item span{color:var(--accent);font-size:13px;font-weight:600;text-transform:uppercase}
.blog_detail_page .blog_detail_nav_item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--primary);font-size:16px;line-height:1.4;font-weight:500}

.thanks_page .thanks_scope{
    padding:90px 0;
    background:linear-gradient(180deg,#fff 0,var(--light-bg) 100%)
}
.thanks_page .thanks_panel{
    max-width:860px;
    margin:0 auto;
    padding:58px 48px;
    text-align:center;
    background:var(--white);
    border:1px solid rgba(240,131,0,.18);
    border-radius:var(--radius);
    box-shadow:0 18px 50px rgba(13,27,42,.08)
}
.thanks_page .thanks_icon{
    width:76px;
    height:76px;
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(240,131,0,.12);
    color:var(--accent);
    font-size:30px
}
.thanks_page .thanks_icon svg{
    width: 60px;
    height: 60px;
}
.thanks_page .thanks_content h2{
    margin-bottom:16px;
    color:var(--dark);
    font-size:34px;
    line-height:1.3
}
.thanks_page .thanks_content p{
    max-width:620px;
    margin:0 auto;
    color:var(--text-muted);
    font-size:16px;
    line-height:1.8
}
.thanks_page .thanks_actions{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap
}
.thanks_page .thanks_button{
    min-height:48px;
    padding:11px 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid var(--accent);
    border-radius:6px;
    font-weight:700;
    line-height:1.4;
    transition:color var(--transition),background var(--transition),transform var(--transition)
}
.thanks_page .thanks_button:hover{transform:translateY(-2px)}
.thanks_page .thanks_button_primary{background:var(--accent);color:var(--white)}
.thanks_page .thanks_button_primary:hover{background:#d97600;border-color:#d97600;color:var(--white)}
.thanks_page .thanks_button_outline{background:var(--white);color:var(--dark)}
.thanks_page .thanks_button_outline:hover{background:var(--accent);color:var(--white)}