*{
    box-sizing:border-box;
    color:#333
}
 html{
    font-family:Poppins,sans-serif;
    color:#172238
}
 body{
    min-width:320px;
    margin:0;
    overflow-x:hidden;
    font-size:16px;
    line-height:1.5;
    color:#333
}
 a{
    color:inherit;
    text-decoration:none
}
 button,input{
    font:inherit
}
 img{
    display:block;
    max-width:100%
}
 .line-1,.line-2,.line-3,.line-4,.line-5,.line-6,.line-7,.line-8,.line-9{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical
}
 .line-1{
    -webkit-line-clamp:1
}
 .line-2{
    -webkit-line-clamp:2
}
 .line-3{
    -webkit-line-clamp:3
}
 .line-4{
    -webkit-line-clamp:4
}
 .line-5{
    -webkit-line-clamp:5
}
 .line-6{
    -webkit-line-clamp:6
}
 .line-7{
    -webkit-line-clamp:7
}
 .line-8{
    -webkit-line-clamp:8
}
 .line-9{
    -webkit-line-clamp:9
}
 .site_wrap{
    width:100%;
    min-height:100vh;
    margin:0 auto;
    overflow:visible
}
 .auto-container{
    width:100%;
    max-width:1520px;
    margin:0 auto
}
 .btn_effect4{
    transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease
}
 .btn_effect4:hover{
    transform:translateY(-2px)
}
 .site_header{
    position:sticky;
    left:0;
    right:0;
    top:0;
    z-index:100;
    padding:0;
    background:#fff;
    transition:padding 260ms ease,background-color 260ms ease,box-shadow 260ms ease
}
 .site_header_placeholder{
    display:none
}
 .site_header .auto-container{
    max-width:1720px
}
 .header_top_strip{
    overflow:hidden;
    border-bottom:1px solid rgba(0,1,245,.02);
    background:linear-gradient(90deg,#d9dffb 0,#e3e7f5 20%,#fff 50%,#d9dffb 100%);
    font-size:14px;
    line-height:1.35;
    text-align:center
}
 .header_top_strip .auto-container{
    display:flex;
    justify-content:center
}
 .header_top_strip span{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:100%;
    padding:10px 20px;
    white-space:nowrap
}
 .header_top_strip span+span::before{
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:18px;
    background:linear-gradient(180deg,rgba(0,1,245,0),rgba(0,1,245,.32),rgba(0,1,245,0));
    transform:translateY(-50%);
    content:""
}
 .site_header .header_inner{
    display:flex;
    align-items:center;
    min-height:75px;
    padding:0 25px;
    border-radius:0;
    background:#fff;
    backdrop-filter:none;
    transition:min-height 260ms ease,background-color 260ms ease,box-shadow 260ms ease
}
 .site_header.is_scrolled{
    padding:0;
    background:#fff
}
 .site_header.is_scrolled .header_inner{
    background:#fff;
    box-shadow:none
}
 .site_header .logo{
    flex:0 0 auto;
    width:248px;
    margin-right:24px
}
 .site_header .logo img{
    width:100%;
    height:auto
}
 .site_header .site_tagline{
    max-width:235px;
    font-size:15px;
    line-height:1.35;
    color:#58687d
}
 .site_nav{
    flex:1 1 auto;
    min-width:0
}
 .site_nav ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:50px;
    margin:0;
    padding:0;
    list-style:none
}
 .site_nav li{
    position:relative;
    display:flex;
    align-items:center
}
 .site_nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:45px;
    font-size:16px;
    padding:25.5px 0;
    color:#101827;
    white-space:nowrap;
    transition:color 250ms ease
}
 .site_nav a:hover,.site_nav li.active>a{
    color:#0001f5
}
 .site_nav a::after{
    display:block;
    content:"";
    width:0;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:#0001f5;
    transition:width 250ms ease
}
 .site_nav li.has_sub.active>a::after,.site_nav li.has_sub:hover>a::after{
    width:100%
}
 .nav_dropdown_toggle{
    position:relative;
    width:22px;
    height:22px;
    margin-left:5px;
    padding:0;
    border:0;
    background:0 0;
    cursor:pointer
}
 .nav_dropdown_toggle span{
    position:absolute;
    left:6px;
    top:6px;
    width:8px;
    height:8px;
    border-right:2px solid #101827;
    border-bottom:2px solid #101827;
    transform:rotate(45deg);
    transition:border-color 250ms ease,transform 250ms ease
}
 .site_nav .has_sub:hover .nav_dropdown_toggle span{
    border-color:#0001f5
}
 .site_nav .sub_menu{
    position:absolute;
    left:50%;
    top:calc(100% + 0px);
    display:block;
    /* width:230px; */
    /* border:1px solid rgba(0,1,245,.1); */
    /* border-radius: 0 0 8px 8px; */
    background:#fff;
    visibility:hidden;
    z-index:2;
    opacity:0;
    overflow:visible;
    transform:translateX(-50%) translateY(8px);
    transition:opacity 250ms ease,visibility 250ms ease,transform 250ms ease
}
 .site_nav .has_sub:hover .sub_menu{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0)
}
 .site_nav .sub_menu li{
    position:relative;
    display:block;
    border-radius: 8px;
    /* overflow: hidden; */
}
 .site_nav .sub_menu a{
    display:flex;
    min-height:40px;
    padding:0 12px;
    font-size:14px;
    color:#324155
}
 .site_nav .sub_menu a:hover{
    color:#0001f5;
    background:#f4f8fc
}
 .site_nav .has_third>a{
    padding-right:34px
}
 .site_nav .has_third::after{
    position:absolute;
    right:14px;
    top:50%;
    width:7px;
    height:7px;
    border-top:1.5px solid currentColor;
    border-right:1.5px solid currentColor;
    color:#324155;
    pointer-events:none;
    transform:translateY(-50%) rotate(45deg);
    transition:color 250ms ease;
    content:""
}
 .site_nav .has_third:hover::after{
    color:#0001f5
}
 .site_nav .third_menu{
    position:absolute;
    left:calc(100% - 1px);
    top:-1px;
    display:block;
    /* width:280px; */
    margin:0;
    padding:0;
    /* border:1px solid rgba(0,1,245,.1); */
    /* border-radius:8px; */
    background:#fff;
    /* box-shadow:0 16px 34px rgba(31,95,175,.12); */
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translateX(8px);
    transition:opacity 250ms ease,visibility 250ms ease,transform 250ms ease
}
 .site_nav .has_third:hover .third_menu{
    opacity:1;
    visibility:visible;
    transform:translateX(0)
}
 .header_actions{
    position:relative;
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:14px
}
 .header_icon_btn,.menu_toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    background:0 0;
    cursor:pointer
}
 .header_icon_btn{
    width:42px;
    height:42px;
    border:1px solid #dce7f5;
    border-radius:50%;
    color:#24334a
}
 .header_icon_btn svg,.search_btn svg{
    width:22px;
    height:22px;
    fill:currentColor
}
 .search_modal{
    position:fixed;
    inset:0;
    z-index:60;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:150px 24px 40px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity 250ms ease,visibility 250ms ease
}
 .search-open .search_modal{
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
 .search_modal_mask{
    position:absolute;
    inset:0;
    background:rgba(23,34,56,.42)
}
 .search_modal_inner{
    position:relative;
    width:min(760px,100%);
    padding:70px 25px 25px;
    border-radius:10px;
    background:#fff;
    transform:translateY(-12px);
    transition:transform 250ms ease
}
 .search-open .search_modal_inner{
    transform:translateY(0)
}
 .header_search_form{
    display:flex;
    align-items:center;
    width:100%
}
 .header_search_form .search_input{
    display:flex;
    align-items:center;
    flex:1 1 auto;
    min-width:0;
    border:1px solid rgba(0,1,245,.16);
    border-radius:5px;
    overflow:hidden
}
 .header_search_form .keywords{
    flex:1 1 auto;
    width:100%;
    min-width:0;
    height:44px;
    border:0;
    outline:0;
    color:#172238;
    padding:0 15px
}
 .header_search_form .search_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:44px;
    height:44px;
    color:#fff;
    background:#0001f5;
    cursor:pointer
}
.header_search_form .search_btn svg{
    fill:#fff
}
 .search_close{
    position:absolute;
    right:14px;
    top:14px;
    flex:0 0 auto;
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:#f2f5f8;
    cursor:pointer
}
 .search_close span{
    position:absolute;
    left:11px;
    top:19px;
    width:18px;
    height:2px;
    border-radius:2px;
    background:#172238
}
 .search_close span:first-child{
    transform:rotate(45deg)
}
 .search_close span:nth-child(2){
    transform:rotate(-45deg)
}
 .quote_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:135px;
    height:42px;
    padding:0 20px;
    border-radius:26px;
    font-size:16px;
    color:#fff;
    background:#0001f5;
    white-space:nowrap
}
 .quote_btn:hover{
    background:#174d91
}
 .menu_toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #dce7f5;
    border-radius:50%
}
 .menu_toggle span{
    width:18px;
    height:2px;
    border-radius:2px;
    background:#172238;
    transition:transform 250ms ease,opacity 250ms ease
}
 .menu-open .menu_toggle span:first-child{
    transform:translateY(7px) rotate(45deg)
}
 .menu-open .menu_toggle span:nth-child(2){
    opacity:0
}
 .menu-open .menu_toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)
}
 .index_banner{
    position:relative;
    background:#f4f8fc
}
 .index_banner_swiper{
    position:relative;
    width:100%;
    overflow:hidden
}
 .index_banner_swiper .swiper-wrapper{
    align-items:stretch
}
 .index_banner_swiper .swiper-slide{
    background:#f4f8fc
}
 .index_banner_swiper .swiper-slide img{
    width:100%;
    height:auto
}
 .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width:50px;
    height:50px;
    margin-top:-18px;
    border-radius:50%;
    background-color:rgba(255,255,255,.9);
    background-image:none;
    box-shadow:0 8px 18px rgba(23,34,56,.12);
    transition:opacity 250ms ease,transform 250ms ease
}
 .index_banner .swiper-button-next::before,.index_banner .swiper-button-prev::before{
    position:absolute;
    left:50%;
    top:50%;
    width:9px;
    height:9px;
    border-top:2px solid #0001f5;
    border-right:2px solid #0001f5;
    content:""
}
 .index_banner .swiper-button-prev::before{
    transform:translate(-35%,-50%) rotate(-135deg)
}
 .index_banner .swiper-button-next::before{
    transform:translate(-65%,-50%) rotate(45deg)
}
 .index_banner .swiper-button-prev{
    left:20px
}
 .index_banner .swiper-button-next{
    right:20px
}
 .index_banner .swiper-button-next:hover,.index_banner .swiper-button-prev:hover{
    transform:scale(1.04)
}
 .index_banner .swiper-pagination{
    bottom:22px
}
 .index_banner .swiper-pagination-bullet{
    width:30px;
    height:4px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .index_banner .swiper-pagination-bullet-active{
    background:#0001f5
}
 .index_product_categories{
    margin-top:90px;
    padding:90px 0;
    background:#eef6ff url("../images/index/new-products/new-products-bg.webp") center top/cover no-repeat
}
 .index_product_categories .index_section_head h2{
    font-size:52px;
    font-weight:700;
    font-family:Georgia
}
 .index_section_head{
    max-width:1100px;
    margin:0 auto 60px;
    text-align:center
}
 .index_section_head h2{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:22px;
    margin:0;
    font-size:38px;
    line-height:1.12;
    font-weight:500
}
 .index_section_head h2::after,.index_section_head h2::before{
    display:inline-block;
    width:166px;
    height:30px;
    content:""
}
 .index_section_head h2::before{
    background:linear-gradient(90deg,rgba(0,1,245,0),rgba(0,1,245,.35) 58%,#0001f5) left center/126px 1px no-repeat,url("../images/common/star.webp") right center/30px 30px no-repeat
}
 .index_section_head h2::after{
    background:url("../images/common/star.webp") left center/30px 30px no-repeat,linear-gradient(90deg,#0001f5,rgba(0,1,245,.35) 42%,rgba(0,1,245,0)) right center/126px 1px no-repeat
}
 .index_blog .index_section_head p,.index_certificates .index_section_head p,.index_cta .index_section_head p,.index_faq .index_section_head p,.index_hot_products .index_section_head p,.index_product_categories .index_section_head p,.index_video .index_section_head p,.index_why_choose .index_section_head p{
    margin:15px auto 0;
    font-size:17px;
    line-height:1.5;
    color:#58687d
}
 .index_new_product_main{
    position:relative;
    perspective:1200px
}
 .index_new_product_swiper{
    overflow:visible
}
 .index_new_product_swiper .swiper-wrapper{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:15px;
    align-items:stretch
}
 .index_new_product_swiper .swiper-slide{
    height:auto;
    transition:opacity 260ms ease,transform 260ms ease
}
 .new_product_item{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:360px;
    overflow:visible;
    border:0;
    border-radius:8px;
    background:url("../images/index/new-products/new-product-card-bg.webp") center center/100% 100% no-repeat;
    backdrop-filter:blur(5px);
    transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease
}
 .new_product_image{
    position:relative;
    display:flex;
    flex:1 1 auto;
    align-items:flex-end;
    justify-content:center;
    min-height:400px;
    margin:0;
    padding:25px 18px 35px;
    isolation:isolate;
    z-index:1
}
 .new_product_image img{
    display:block;
    object-fit:contain;
    transition:transform .5s ease
}
 .new_product_front{
    position:relative;
    z-index:2;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:340px
}
 .new_product_tray{
    position:absolute;
    left:50%;
    bottom:-25px;
    z-index:1;
    width:95%;
    height:auto;
    pointer-events:none;
    transform:translateX(-50%)
}
 .new_product_tray{
    display:none!important
}
 .new_product_item:hover .new_product_front{
    transform:scale(1.04)
}
 .new_product_item:hover .new_product_back{
    transform:translateX(-50%) scale(1.04)
}
 .new_product_back{
    position:absolute;
    left:50%;
    bottom:32px;
    z-index:3;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:300px;
    opacity:0;
    clip-path:inset(0 100% 0 0);
    transform:translateX(-50%)
}
 .new_product_text{
    display:none
}
 .new_product_item figcaption{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:15px 15px 24px;
    text-align:center
}
 .new_product_item figcaption h3{
    display:-webkit-box;
    height:50px;
    margin:0 0 10px;
    overflow:hidden;
    font-size:18px;
    line-height:1.5;
    font-weight:600;
    color:#172238;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .new_product_item figcaption p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    font-size:14px;
    line-height:1.5;
    color:#58687d;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
 .new_product_cover{
    position:absolute;
    inset:0;
    z-index:5;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:scale(.985);
    transition:opacity 260ms ease,visibility 260ms ease,transform 260ms ease
}
 .new_product_cover.active{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:scale(1)
}
 .index_new_product_main.is_viewing .index_new_product_swiper .swiper-slide{
    opacity:.15
}
 .index_new_product_main.is_viewing .index_new_product_swiper .swiper-slide.is_active{
    opacity:0
}
 .new_product_cover .new_product_item{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
    gap:40px;
    align-items:center;
    min-height:430px;
    padding:40px;
    border-color:rgba(0,1,245,.16);
    background:#e6eefd;
    transform:none
}
 .new_product_cover .new_product_item::after,.new_product_cover .new_product_item::before{
    display:none
}
 .new_product_cover .new_product_item:hover{
    transform:none
}
 .new_product_cover .new_product_text{
    display:block;
    max-height:346px;
    padding-right:12px;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,1,245,0.24) rgba(0,1,245,0.06)
}
 .new_product_cover .new_product_text h3{
    margin:0;
    font-size:28px;
    line-height:1.5;
    font-weight:500;
    color:#172238
}
 .new_product_cover .new_product_text h3::after{
    display:block;
    width:54px;
    height:2px;
    margin:18px 0 16px;
    background:#0001f5;
    content:""
}
 .new_product_cover .new_product_text p{
    margin:0 0 12px;
    font-size:16px;
    line-height:1.5;
    color:#58687d
}
 .new_product_cover .new_product_text p:last-child{
    margin-bottom:0
}
 .new_product_cover .new_product_image{
    min-height:340px;
    padding:0 0 36px
}
 .new_product_cover .new_product_tray{
    display:none
}
 .new_product_cover .new_product_front{
    max-width:82%;
    max-height:330px;
    opacity:.18;
    transform:scale(.98)
}
 .new_product_cover .new_product_back{
    inset:auto auto 36px 50%;
    width:auto;
    max-width:82%;
    height:auto;
    max-height:330px;
    opacity:1;
    transform:translateX(-50%);
    transition:clip-path 680ms ease
}
 .new_product_cover.is_ready .new_product_back{
    clip-path:inset(0 0 0 0)
}
 .new_product_cover .new_product_item figcaption{
    display:none
}
 .index_product_categories .swiper-pagination{
    display:none;
    position:static;
    margin-top:24px
}
 .index_product_categories .swiper-pagination-bullet{
    width:30px;
    height:4px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .index_product_categories .swiper-pagination-bullet-active{
    background:#0001f5
}
 .index_hot_products{
    padding:90px 0 0;
    background:#fff
}
 .index_hot_products_swiper_box{
    position:relative
}
 .index_hot_products_swiper{
    overflow:hidden;
    padding:0
}
 .index_hot_products_swiper .swiper-wrapper{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
    width:auto;
    height:auto;
    transform:none
}
 .index_hot_products_swiper .swiper-slide{
    width:auto;
    height:auto;
    margin:0
}
 .index_hot_products_swiper .swiper-slide:nth-child(-n+4){
    grid-column:span 3
}
 .index_hot_products_swiper .swiper-slide:nth-child(n+5):nth-child(-n+7){
    grid-column:span 4
}
 .index_hot_products .hot_product_item{
    display:block;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(0,1,245,.1);
    border-radius:8px;
    background:#fff
}
 .index_hot_products .img_box{
    height:400px;
    overflow:hidden;
    background:#f4f8fc url("../images/index/hot-products/hot-product-new-03-background.webp") center/cover no-repeat
}
 .index_hot_products .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .index_hot_products .hot_product_item:hover .img_box img{
    transform:scale(1.045)
}
 .index_hot_products .text_box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px;
    text-align:center;
    background:linear-gradient(180deg,rgba(255,255,255,.68) 0,rgba(239,247,255,.9) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78)
}
 .index_hot_products h3{
    display:-webkit-box;
    margin:0 0 10px;
    overflow:hidden;
    font-size:18px;
    line-height:1.3;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .index_hot_products .text_box p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    font-size:15px;
    line-height:1.5;
    color:#666;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
 .index_hot_products>p{
    display:-webkit-box;
    height:50px;
    margin:0;
    overflow:hidden;
    font-size:15px;
    line-height:1.65;
    color:#58687d;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .index_oem_odm{
    position:relative;
    padding:0;
    overflow:hidden;
    background:#fff
}
 .index_oem_image_only{
    position:relative;
    display:block;
    width:100%
}
 .index_oem_image_only img{
    display:block;
    width:100%;
    height:auto
}
 .index_oem_picture{
    display:block;
    width:100%
}
 .index_certificates{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.98),rgba(255,255,255,0) 34%),linear-gradient(180deg,#fff 0,#f6f9fd 100%)
}
 .index_certificates_swiper_box{
    position:relative;
    padding:0 60px
}
 .index_certificates_swiper{
    overflow:hidden;
    padding:8px 2px 0
}
 .index_certificates .swiper-slide{
    height:auto
}
 .certificate_card{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
 .certificate_card:hover{
    border-color:rgba(255,255,255,.98);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 0 28px rgba(255,255,255,.68),0 18px 42px rgba(31,95,175,.14);
    transform:translateY(-4px)
}
 .certificate_card img{
    display:block;
    max-width:100%;
    max-height:100%;
    object-fit:contain
}
 .index_certificates .swiper-button-next,.index_certificates .swiper-button-prev{
    width:48px;
    height:48px;
    border:1px solid rgba(0,1,245,.14);
    border-radius:50%;
    background:rgba(255,255,255,.9);
    background-image:none;
    transition:background .3s ease,border-color .3s ease,transform .3s ease
}
 .index_certificates .swiper-button-prev{
    left:0
}
 .index_certificates .swiper-button-next{
    right:0
}
 .index_certificates .swiper-button-next::before,.index_certificates .swiper-button-prev::before{
    position:absolute;
    left:50%;
    top:50%;
    width:11px;
    height:11px;
    border-top:3px solid #0001f5;
    border-right:3px solid #0001f5;
    content:"";
    transition:border-color .3s ease
}
 .index_certificates .swiper-button-prev::before{
    transform:translate(-35%,-50%) rotate(-135deg)
}
 .index_certificates .swiper-button-next::before{
    transform:translate(-65%,-50%) rotate(45deg)
}
 .index_certificates .swiper-button-next:hover,.index_certificates .swiper-button-prev:hover{
    border-color:rgba(0,1,245,.52);
    background:#0001f5;
    transform:scale(1.04)
}
 .index_certificates .swiper-button-next:hover::before,.index_certificates .swiper-button-prev:hover::before{
    border-color:#fff
}
 .index_certificates .swiper-pagination{
    position:static;
    margin-top:30px
}
 .index_certificates .swiper-pagination-bullet{
    width:30px;
    height:4px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .index_certificates .swiper-pagination-bullet-active{
    background:#0001f5
}
 .index_new_about_us{
    --new-about-bg-height:1000px;
    --new-about-bg-size:100% auto;
    --new-about-fade-height:200px;
    max-width:1920px;
    position:relative;
    padding:90px 0 90px;
    margin:auto;
    margin-top:90px;
    overflow:hidden;
    background-color:#fff
}
 .index_new_about_us::before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:1;
    width:100%;
    height:var(--new-about-bg-height);
    background-image:url("../images/index/new-about/new-about-section-bg-20260709.webp");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:var(--new-about-bg-size);
    pointer-events:none;
    content:""
}
 .index_new_about_us::after{
    position:absolute;
    left:0;
    right:0;
    top:calc(var(--new-about-bg-height) - var(--new-about-fade-height));
    bottom:auto;
    z-index:1;
    height:var(--new-about-fade-height);
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 74%);
    pointer-events:none;
    content:""
}
 .new_about_mobile_visual{
    display:none
}
 .new_about_hero{
    position:relative;
    width:100%;
    overflow:hidden;
    background:0 0
}
 .new_about_hero img{
    display:block;
    width:auto;
    height:auto
}
 .new_about_hero_picture{
    display:block;
    width:100%
}
 .new_about_hero::after{
    display:none
}
 .new_about_hero>.auto-container{
    position:relative;
    z-index:3;
    transform:none
}
 .new_about_hero_text{
    position:relative;
    z-index:2;
    max-width:750px;
    text-align:left;
    transform:none
}
 .new_about_art_title{
    display:block;
    width:min(520px,100%);
    height:auto;
    margin:0 0 20px 50px;
    max-height:45px
}
 .new_about_hero_label{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    margin:0 0 20px;
    padding:0 70px 0 24px;
    background:linear-gradient(90deg,#0001f5 0,rgba(0,1,245,.72) 52%,rgba(0,1,245,0) 100%);
    color:#fff;
    font-size:18px;
    line-height:1;
    font-style:italic;
    letter-spacing:3px;
    text-transform:uppercase
}
 .new_about_hero_text h2{
    margin:0 0 10px;
    color:#06145f;
    font-size:clamp(40px, 4vw, 64px);
    line-height:1;
    text-transform:uppercase
}
 .new_about_hero_text h3{
    margin:0 0 10px;
    color:#0001f5;
    font-size:clamp(36px, 3.6vw, 58px);
    line-height:1.05;
    font-weight:700;
    text-transform:uppercase;
    font-style:oblique;
    padding-left:25px
}
 .new_about_hero_text p{
    margin:0 0 18px;
    max-width:620px;
    font-size:15px;
    line-height:1.68
}
 .new_about_overview{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:30px;
    align-items:stretch
}
 .new_about_stats{
    position:relative;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:0;
    grid-column:1/-1;
    grid-row:1;
    width:auto;
    max-width:100%;
    margin:auto;
    padding:20px 0;
    border:1px solid #fff;
    border-radius:8px;
    background:rgba(255,255,255,.5);
    backdrop-filter:blur(2px)
}
 .new_about_stats::before{
    display:none
}
 .new_about_stat{
    position:relative;
    display:grid;
    grid-template-columns:65px max-content;
    grid-template-rows:auto auto;
    align-content:center;
    align-items:center;
    flex:0 0 auto;
    min-width:max-content;
    padding:0 20px;
    gap:5px 15px;
    border-radius:0;
    background:0 0;
    text-align:left;
    backdrop-filter:none
}
 .new_about_stat::before{
    display:none
}
 .new_about_stat+.new_about_stat{
    border-left:1px solid rgba(0,1,245,.18)
}
 .new_about_stat_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    grid-row:1/3;
    width:65px;
    height:65px;
    border:0;
    border-radius:50%;
    background:#e8f2fd;
    color:#0001f5
}
 .new_about_stat:nth-child(2) .new_about_stat_icon{
    background:0
}
 .new_about_stat_icon img{
    display:block;
    width:30px;
    height:30px
}
 .new_about_stat:nth-child(2) .new_about_stat_icon img{
    width:65px;
    height:65px
}
 .new_about_stat span{
    display:block;
    margin:0;
    font-size:14px;
    line-height:1.35;
    font-weight:500;
    white-space:nowrap
}
 .new_about_stat strong{
    position:relative;
    display:block;
    padding-bottom:0;
    font-size:36px;
    line-height:1.1;
    font-weight:500;
    color:#0001f5;
    white-space:nowrap
}
 .new_about_stars{
    color:#ffb000!important;
    font-size:20px!important;
    letter-spacing:3px;
    line-height:1!important
}
 .new_about_market p::after{
    display:none
}
 .new_about_market p{
    grid-column:2;
    position:relative;
    margin:0;
    padding-bottom:0;
    font-size:13px;
    line-height:1.48;
    font-weight:500;
    color:#344861
}
 .new_about_intro{
    grid-column:1/-1;
    grid-row:2;
    display:block;
    min-width:0;
    max-width:100%;
    overflow:hidden
}
 .new_about_intro_visual{
    position:relative;
    display:none;
    grid-column:2;
    grid-row:1;
    min-width:0;
    margin:0;
    overflow:hidden;
    background:#eef6ff;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.82)
}
 .new_about_intro_visual img{
    width:100%;
    height:100%;
    min-height:330px;
    object-fit:cover;
    transition:transform .5s ease
}
 .new_about_intro .new_about_intro_visual:hover img{
    transform:scale(1.03)
}
 .new_about_video_btn{
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:65px;
    height:65px;
    padding:0;
    border:1px solid rgba(255,255,255,.9);
    border-radius:50%;
    background:rgba(255,255,255,.88);
    box-shadow:0 0 0 10px rgba(255,255,255,.18),0 14px 34px rgba(0,1,245,.18);
    cursor:pointer;
    transform:translate(-50%,-50%);
    transition:transform 240ms ease,background 240ms ease,box-shadow 240ms ease
}
 .new_about_video_btn::after,.new_about_video_btn::before{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    content:""
}
 .new_about_video_btn::before{
    inset:-13px;
    border:1px solid rgba(255,255,255,.78);
    animation:newAboutVideoPulse 1.8s ease-out infinite
}
 .new_about_video_btn::after{
    left:50%;
    top:50%;
    width:0;
    height:0;
    margin-left:4px;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:17px solid #0001f5;
    border-radius:0;
    transform:translate(-50%,-50%)
}
 .new_about_video_btn span{
    position:absolute;
    inset:8px;
    border-radius:50%;
    background:linear-gradient(180deg,rgba(238,246,255,.94),rgba(255,255,255,.98));
    box-shadow:inset 0 0 0 1px rgba(0,1,245,.08)
}
 .new_about_video_btn:hover{
    background:#fff;
    box-shadow:0 0 0 12px rgba(255,255,255,.22),0 18px 42px rgba(0,1,245,.24);
    transform:translate(-50%,-50%) scale(1.05)
}
 @keyframes newAboutVideoPulse{
    0%{
        opacity:.7;
        transform:scale(.9)
    }
     70%{
        opacity:0;
        transform:scale(1.28)
    }
     100%{
        opacity:0;
        transform:scale(1.28)
    }
}
 .new_about_intro_panel{
    display:none!important;
    flex-direction:column;
    min-width:0;
    padding:0;
    border-radius:0;
    background:0 0;
    backdrop-filter:none
}
 .new_about_who{
    min-width:0;
    padding:26px 30px;
    border:1px solid rgba(255,255,255,.84);
    border-radius:8px;
    background:rgba(255,255,255,.82);
    box-shadow:0 16px 36px rgba(31,95,175,.08);
    backdrop-filter:blur(5px)
}
 .new_about_who h3{
    position:relative;
    margin:0 0 18px;
    padding-bottom:12px;
    font-size:20px;
    line-height:1.35;
    font-weight:600;
    color:#172238
}
 .new_about_who h3::after{
    position:absolute;
    left:0;
    bottom:0;
    width:42px;
    height:2px;
    background:#0001f5;
    content:""
}
 .new_about_who p{
    margin:0;
    font-size:16px;
    line-height:1.8;
    color:#273b55;
    max-width:720px
}
 .new_about_who p br{
    display:block;
    margin-top:14px;
    content:""
}
 .new_about_more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    width:158px;
    height:40px;
    margin-top:30px;
    border:1px solid #0001f5;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#0001f5;
    font-size:14px;
    line-height:1;
    font-weight:500
}
 .new_about_more span{
    color:inherit
}
 .new_about_more svg{
    width:20px;
    height:20px;
    color:inherit
}
 .new_about_more svg path{
    fill:none;
    stroke:#0001f5;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:stroke .3s ease
}
 .new_about_more:hover{
    background:#0001f5;
    color:#fff
}
 .new_about_more:hover svg path{
    stroke:#ffffff
}
 .new_about_intro_thumbs{
    grid-column:auto;
    grid-row:auto;
    width:100%;
    max-width:100%;
    min-width:0;
    margin-top:0;
    padding-top:0;
    overflow:hidden
}
 .new_about_intro_thumbs .swiper-wrapper{
    align-items:stretch;
    min-width:0
}
 .new_about_intro_thumbs .swiper-slide{
    display:flex;
    flex-direction:column;
    min-width:0;
    height:auto;
    overflow:hidden;
    border-radius:8px;
    backdrop-filter:blur(5px)
}
 .new_about_intro_thumbs figure{
    height:auto;
    min-width:0;
    margin:0;
    overflow:hidden;
    border-radius:0;
    min-height:245px;
    max-height:none;
    aspect-ratio:3/2
}
 .new_about_intro_thumbs figure img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .new_about_intro_thumbs .swiper-slide:hover figure img{
    transform:scale(1.04)
}
 .new_about_thumb_body{
    display:grid;
    grid-template-columns:55px minmax(0,1fr);
    align-items:center;
    gap:15px;
    padding:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(240,248,255,.78))
}
 .new_about_thumb_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:55px;
    height:55px;
    border-radius:50%;
    background:rgba(238,246,255,.82)
}
 .new_about_thumb_icon img{
    display:block;
    width:30px;
    height:30px
}
 .new_about_thumb_body h3{
    margin:0;
    color:#0001f5;
    font-size:16px;
    line-height:1.35;
    font-weight:500
}
 .new_about_intro_thumbs .swiper-pagination{
    position:static;
    display:none;
    margin-top:14px;
    line-height:0
}
 .new_about_intro_thumbs.swiper-horizontal>.swiper-pagination-bullets{
    position:static;
    bottom:auto;
    left:auto;
    width:100%
}
 .new_about_intro_thumbs .swiper-pagination-bullet{
    width:28px;
    height:4px;
    margin:0 5px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .new_about_intro_thumbs .swiper-pagination-bullet-active{
    background:#0001f5
}
 .new_about_cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px
}
 .new_about_card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.82);
    border-radius:5px;
    background:rgba(255,255,255,.9);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
 .new_about_card:hover{
    border-color:rgba(255,255,255,.98);
    transform:translateY(-4px)
}
 .new_about_card_img{
    aspect-ratio:3/2;
    overflow:hidden
}
 .new_about_card_img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .new_about_card:hover .new_about_card_img img{
    transform:scale(1.045)
}
 .new_about_card_body{
    position:relative;
    padding:30px;
    text-align:center;
    background:radial-gradient(circle at 50% 0,rgba(255,255,255,.98),rgba(255,255,255,0) 50%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,249,255,.9))
}
 .new_about_card_body h3{
    position:relative;
    margin:0 0 22px;
    padding-bottom:15px;
    font-size:20px;
    line-height:1.35;
    text-transform:uppercase
}
 .new_about_card_body h3::after{
    position:absolute;
    left:50%;
    bottom:0;
    width:38px;
    height:2px;
    background:#0001f5;
    transform:translateX(-50%);
    content:""
}
 .new_about_card_body p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    font-size:15px;
    line-height:1.8;
    color:#344861;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5
}
 .new_about_values{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin-top:40px;
    padding:30px;
    overflow:hidden;
    border-radius:5px;
    background:url("../images/index/new-about/new-about-values-bg.webp") center center/cover no-repeat
}
 .new_about_value{
    position:relative;
    min-width:0;
    padding:0 28px;
    text-align:center
}
 .new_about_value+.new_about_value{
    border-left:1px solid rgba(0,1,245,.2)
}
 .new_about_value_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:76px;
    height:76px;
    margin:0 auto 14px;
    border:1px solid rgba(0,1,245,.16);
    border-radius:50%;
    background:rgba(255,255,255,.76)
}
 .new_about_value_icon img{
    display:block;
    width:42px;
    height:42px;
    object-fit:contain
}
 .new_about_value h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.35;
    text-transform:uppercase
}
 .new_about_value p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:#172238
}
 .new_about_trust{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    overflow:visible;
    border-radius:8px
}
 .new_about_trust_col{
    position:relative;
    z-index:1;
    min-width:0;
    padding:0;
    backdrop-filter:blur(4px)
}
 .new_about_trust_col h3{
    position:relative;
    margin:0 0 24px;
    padding-bottom:14px;
    font-size:20px;
    line-height:1.35;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:2px
}
 .new_about_trust_col h3::after{
    position:absolute;
    left:50%;
    bottom:0;
    width:160px;
    height:1px;
    background:linear-gradient(90deg,rgba(0,1,245,0),rgba(0,1,245,.45),rgba(0,1,245,0));
    transform:translateX(-50%);
    content:""
}
 .new_about_trust_col h3 span{
    display:block;
    margin-bottom:4px;
    font-size:16px;
    line-height:1.35;
    font-weight:700
}
 .new_about_brand_logos,.new_about_platform_logos{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    gap:0;
    overflow:hidden;
    background:linear-gradient(90deg,rgba(0,1,245,0),rgba(0,1,245,.12) 16%,rgba(0,1,245,.18) 50%,rgba(0,1,245,.12) 84%,rgba(0,1,245,0)) center center/100% 1px no-repeat,linear-gradient(180deg,rgba(0,1,245,0),rgba(0,1,245,.12) 16%,rgba(0,1,245,.18) 50%,rgba(0,1,245,.12) 84%,rgba(0,1,245,0)) 25% center/1px 100% no-repeat,linear-gradient(180deg,rgba(0,1,245,0),rgba(0,1,245,.12) 16%,rgba(0,1,245,.18) 50%,rgba(0,1,245,.12) 84%,rgba(0,1,245,0)) 50% center/1px 100% no-repeat,linear-gradient(180deg,rgba(0,1,245,0),rgba(0,1,245,.12) 16%,rgba(0,1,245,.18) 50%,rgba(0,1,245,.12) 84%,rgba(0,1,245,0)) 75% center/1px 100% no-repeat
}
 .brand_logo,.platform_logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:70px;
    padding:12px 18px;
    font-weight:700;
    white-space:nowrap;
    color:#1c2536
}
 .brand_logo img{
    display:block;
    max-width:100%;
    max-height:42px;
    object-fit:contain
}
 .brand_more,.platform_more{
    font-size:26px;
    font-weight:500;
    color:#333a48
}
 .platform_logo img{
    display:block;
    max-width:100%;
    max-height:42px;
    object-fit:contain
}
 .new_about_growth{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:260px;
    margin-top:40px;
    padding:40px 40px 40px 100px;
    overflow:hidden;
    border-radius:8px;
    background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.54) 50%,rgba(255,255,255,.08)),url("../images/index/new-about/new-about-growth-bg.webp") center center/cover no-repeat
}
 .new_about_growth::before{
    display:none
}
 .new_about_growth::after{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.34) 44%,rgba(255,255,255,0));
    pointer-events:none;
    content:""
}
 .new_about_growth p{
    position:relative;
    z-index:1;
    max-width:870px;
    margin:0;
    font-size:21px;
    line-height:1.7
}
 .new_about_growth p strong{
    font-weight:500;
    color:#0001f5
}
 .index_why_choose{
    position:relative;
    isolation:isolate;
    padding:90px 0 90px;
    overflow:hidden
}
 .index_why_choose::before{
    position:absolute;
    inset:0;
    z-index:-1;
    background:url("../images/index/why-choose/why-choose-soft-bg.webp") center center/cover no-repeat;
    opacity:.2;
    filter:saturate(.62) contrast(.82) brightness(1.08);
    content:""
}
 .index_why_choose::after{
    position:absolute;
    inset:0;
    z-index:-2;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.7) 42%,rgba(255,255,255,.94)),radial-gradient(circle at 50% 48%,rgba(255,255,255,.78),rgba(255,255,255,.34) 34%,rgba(255,255,255,.72) 72%);
    content:""
}
 .why_choose_layout{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 410px minmax(0,1fr);
    align-items:center;
    gap:64px;
    min-height:520px
}
 .why_choose_side{
    display:grid;
    gap:24px
}
 .why_choose_card{
    position:relative;
    display:grid;
    grid-template-columns:66px minmax(0,1fr);
    align-items:flex-start;
    min-height:238px;
    padding:26px 24px;
    border:1px solid rgba(0,1,245,.18);
    border-radius:8px;
    background:rgba(255,255,255,.66)
}
 .why_choose_left .why_choose_card::after,.why_choose_right .why_choose_card::after{
    position:absolute;
    top:50%;
    width:88px;
    height:1px;
    background:linear-gradient(90deg,rgba(0,1,245,.9),rgba(0,1,245,0));
    content:""
}
 .why_choose_left .why_choose_card::after{
    right:-88px
}
 .why_choose_right .why_choose_card::after{
    left:-88px;
    transform:rotate(180deg)
}
 .why_center_icon,.why_icon{
    display:flex;
    align-items:center;
    justify-content:center
}
 .why_icon{
    width:65px;
    height:65px
}
 .why_icon img{
    width:46px;
    height:46px;
    object-fit:contain
}
 .why_text h3{
    margin:0 0 12px;
    font-size:18px;
    line-height:1.3;
    font-weight:600;
    color:#172238
}
 .why_text h3::after{
    display:block;
    width:118px;
    height:1px;
    margin-top:12px;
    background:linear-gradient(90deg,#0001f5,rgba(0,1,245,0));
    content:""
}
 .why_text p{
    margin:0;
    font-size:14px;
    line-height:1.65;
    color:#58687d
}
 .why_choose_center{
    position:relative;
    --why-orbit-radius:218px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:410px;
    height:410px;
    margin:0 auto;
    padding:44px;
    border:1px solid rgba(0,1,245,.18);
    border-radius:50%;
    background:rgba(255,255,255,.68);
    text-align:center;
    box-shadow:inset 0 0 0 10px rgba(255,255,255,.5),0 18px 46px rgba(0,1,245,.1)
}
 .why_choose_center::after,.why_choose_center::before{
    position:absolute;
    inset:-14px;
    border:1px solid rgba(0,1,245,.1);
    border-radius:50%;
    content:""
}
 .why_choose_center::after{
    inset:-28px;
    opacity:.55
}
 .why_orbit_dot{
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    width:12px;
    height:12px;
    margin:-6px 0 0 -6px;
    border:2px solid rgba(255,255,255,.96);
    border-radius:50%;
    background:#0001f5;
    box-shadow:0 0 0 5px rgba(0,1,245,.12),0 0 16px rgba(0,1,245,.35);
    animation:whyOrbitDot 8s linear infinite
}
 @keyframes whyOrbitDot{
    from{
        transform:rotate(0) translateX(var(--why-orbit-radius)) rotate(0)
    }
     to{
        transform:rotate(360deg) translateX(var(--why-orbit-radius)) rotate(-360deg)
    }
}
 .why_center_icon{
    width:76px;
    height:76px;
    margin-bottom:22px
}
 .why_center_icon img{
    width:48px;
    height:48px;
    object-fit:contain
}
 .why_choose_center h3{
    margin:0;
    font-size:20px;
    line-height:1.18;
    font-weight:600;
    color:#172238
}
 .why_choose_center h3::after{
    display:block;
    width:150px;
    height:2px;
    margin:18px auto 18px;
    background:linear-gradient(90deg,rgba(0,1,245,0),#0001f5 50%,rgba(0,1,245,0));
    content:""
}
 .why_choose_center p{
    max-width:260px;
    margin:0 auto;
    font-size:13px;
    line-height:1.65;
    color:#58687d
}
 .why_choose_slogan{
    width:max-content;
    margin:34px auto 0;
    padding:20px 30px;
    border:1px solid rgba(0,1,245,.16);
    border-radius:44px;
    background:#fff;
    text-align:center;
    font-size:20px;
    line-height:1.35;
    font-weight:600
}
 .index_video{
    position:relative;
    overflow:hidden;
    padding:90px 0 0;
    background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.98),rgba(255,255,255,0) 34%),linear-gradient(180deg,#fff 0,#f4f8fc 52%,#fff 100%)
}
 .index_video_swiper_box{
    position:relative
}
 .index_video_swiper{
    overflow:visible;
    position:relative;
    z-index:1
}
 .index_video .swiper-slide{
    height:auto
}
 .video_card{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    overflow:visible;
    border:1px solid rgba(255,255,255,.78);
    border-radius:8px;
    background:linear-gradient(180deg,rgba(255,255,255,.48) 0,rgba(237,246,255,.76) 100%);
    cursor:pointer;
    text-align:left;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease
}
 .video_card::after{
    display:none;
    content:none
}
 .video_card:hover{
    border-color:rgba(255,255,255,.96);
    transform:translateY(-4px)
}
 .video_card .img_box{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:8px 8px 0 0;
    background:linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 100%) left top/9px 100% no-repeat,radial-gradient(circle at 55% 34%,rgba(255,255,255,.98),rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(244,249,255,.74),rgba(224,239,255,.58))
}
 .video_card .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    padding:10px;
    transition:transform .5s ease
}
 .video_card:hover .img_box img{
    transform:scale(1.045)
}
 .video_card .img_box::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(224,239,255,.18));
    pointer-events:none
}
 .video_play_btn{
    position:absolute;
    right:14px;
    top:14px;
    z-index:2;
    width:50px;
    height:50px;
    border:1px solid rgba(255,255,255,.78);
    border-radius:50%;
    background:rgba(255,255,255,.9)
}
 .video_play_btn::after,.video_play_btn::before{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none
}
 .video_play_btn::before{
    inset:-10px;
    border:1px solid rgba(255,255,255,.75);
    animation:videoPulse 1.8s ease-out infinite
}
 .video_play_btn::after{
    left:20px;
    top:16px;
    width:0;
    height:0;
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-left:13px solid #0001f5;
    border-radius:0
}
 @keyframes videoPulse{
    0%{
        opacity:.68;
        transform:scale(.9)
    }
     70%{
        opacity:0;
        transform:scale(1.28)
    }
     100%{
        opacity:0;
        transform:scale(1.28)
    }
}
 .video_card .text_box{
    padding:20px;
    border-radius:0 0 8px 8px;
    background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(239,247,255,.76))
}
 .video_card h3{
    display:-webkit-box;
    margin:0 0 8px;
    overflow:hidden;
    font-size:18px;
    font-weight:600;
    line-height:1.45;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .video_card h3::after{
    display:block;
    width:34px;
    height:2px;
    margin-top:8px;
    background:#0001f5;
    content:""
}
 .video_card p{
    display:-webkit-box;
    height:24px;
    margin:0;
    overflow:hidden;
    font-size:15px;
    line-height:1.6;
    color:#666;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
 .index_video .swiper-pagination{
    position:static;
    margin-top:26px
}
 .index_video .swiper-pagination-bullet{
    width:30px;
    height:4px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .index_video .swiper-pagination-bullet-active{
    background:#0001f5
}
 body.video-open{
    overflow:hidden
}
 .video_modal{
    position:fixed;
    inset:0;
    z-index:1002;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    opacity:0;
    visibility:hidden;
    transition:opacity 260ms ease,visibility 260ms ease
}
 .video_modal[aria-hidden=false]{
    opacity:1;
    visibility:visible
}
 .video_modal_mask{
    position:absolute;
    inset:0;
    background:rgba(10,18,34,.72)
}
 .video_modal_inner{
    position:relative;
    z-index:1;
    width:min(1080px,100%);
    padding:58px 16px 16px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 24px 70px rgba(0,0,0,.24)
}
 .video_modal_frame{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:8px;
    background:#000
}
 .video_modal_frame iframe{
    width:100%;
    height:100%;
    border:0
}
 .video_close{
    position:absolute;
    right:14px;
    top:14px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:#f4f8fc;
    cursor:pointer;
    transition:background 260ms ease
}
 .video_close:hover{
    background:rgba(0,1,245,.08)
}
 .video_close span{
    position:absolute;
    left:9px;
    top:16px;
    width:16px;
    height:2px;
    border-radius:2px;
    background:#172238
}
 .video_close span:first-child{
    transform:rotate(45deg)
}
 .video_close span:last-child{
    transform:rotate(-45deg)
}
 .index_blog{
    padding:90px 0 90px;
    background:#fff
}
 .index_blog_swiper_box{
    position:relative
}
 .index_blog_swiper{
    overflow:hidden
}
 .index_blog .swiper-slide{
    height:auto
}
 .blog_card{
    display:block;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(0,1,245,.1);
    border-radius:8px;
    background:#fff;
    transition:transform .3s ease,border-color .3s ease
}
 .blog_card:hover{
    border-color:rgba(0,1,245,.28);
    transform:translateY(-4px)
}
 .blog_card .img_box{
    aspect-ratio:4/3;
    height:auto;
    overflow:hidden;
    background:#f4f8fc
}
 .blog_card .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .blog_card:hover .img_box img{
    transform:scale(1.045)
}
 .blog_card .text_box{
    min-height:245px;
    padding:24px 24px 26px
}
 .blog_date{
    margin-bottom:13px;
    font-size:14px;
    line-height:1.2
}
 .blog_card h3{
    display:-webkit-box;
    height:58px;
    margin:0 0 13px;
    overflow:hidden;
    font-size:20px;
    line-height:1.45;
    font-weight:600;
    color:#172238;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .blog_card p{
    display:-webkit-box;
    height:48px;
    margin:0 0 15px;
    overflow:hidden;
    font-size:14px;
    line-height:1.7;
    color:#58687d;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .blog_card span{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:#0001f5
}
 .index_blog .swiper-pagination{
    position:static;
    margin-top:26px
}
 .index_blog .swiper-pagination-bullet{
    width:30px;
    height:4px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .index_blog .swiper-pagination-bullet-active{
    background:#0001f5
}
 .index_faq{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    margin-bottom:90px;
    background:#f3f8ff url("../images/index/faq/faq-bg.webp") center center/cover no-repeat
}
 .index_faq::before{
    display:none
}
 .index_faq .auto-container{
    position:relative;
    z-index:1
}
 .faq_support_grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    margin-bottom:34px
}
 .faq_support_card{
    display:flex;
    min-height:250px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:30px;
    border:1px solid rgba(0,1,245,.1);
    border-radius:8px;
    background:rgba(255,255,255,.76);
    text-align:center;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease
}
 .faq_support_card:hover{
    border-color:rgba(0,1,245,.28);
    transform:translateY(-4px)
}
 .faq_support_icon{
    width:50px;
    height:50px;
    margin-bottom:10px;
    overflow:hidden
}
 .faq_support_icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    opacity: .8;
}
 .faq_support_card h3{
    margin:10px 0 0;
    font-size:18px;
    line-height:1.35;
    font-weight:600
}
 .faq_support_card p{
    min-height:50px;
    margin:10px 0 0;
    font-size:14px;
    line-height:1.75;
    color:#666
}
 .faq_support_card span{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:500;
    color:#0001f5
}
 .faq_contact_bar a::after,.faq_support_card span::after{
    content:"";
    width:8px;
    height:8px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    transform:rotate(45deg)
}
 .faq_list{
    overflow:hidden
}
 .faq_item+.faq_item{
    border-top:1px solid rgba(0,1,245,.12)
}
 .faq_question{
    display:grid;
    width:100%;
    grid-template-columns:40px minmax(0,1fr) 35px;
    align-items:center;
    gap:15px;
    padding:20px;
    border:0;
    background:0 0;
    text-align:left;
    cursor:pointer
}
 .faq_question span{
    font-size:18px;
    line-height:1;
    font-weight:600
}
 .faq_question strong{
    font-size:18px;
    line-height:1.45;
    font-weight:500;
    color:#172238
}
 .faq_question i{
    position:relative;
    width:28px;
    height:28px;
    border:1px solid rgba(0,1,245,.18);
    border-radius:50%;
    background:#fff
}
 .faq_question i::after,.faq_question i::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:12px;
    height:2px;
    border-radius:2px;
    background:#0001f5;
    transform:translate(-50%,-50%);
    transition:transform 250ms ease
}
 .faq_question i::after{
    transform:translate(-50%,-50%) rotate(90deg)
}
 .faq_item.active .faq_question i::after{
    transform:translate(-50%,-50%) rotate(0)
}
 .faq_answer{
    display:none;
    padding:0 60px 25px 75px
}
 .faq_item.active .faq_answer{
    display:block
}
 .faq_answer p{
    margin:0;
    font-size:15px;
    line-height:1.85;
    color:#58687d
}
 .faq_contact_bar{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-top:30px;
    text-align:center
}
 .faq_contact_bar img{
    width:50px;
    height:50px
}
 .faq_contact_bar p{
    margin:0;
    font-size:16px;
    line-height:1.6;
    color:#304766
}
 .faq_contact_bar a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:500;
    color:#0001f5;
    white-space:nowrap
}
 .index_cta{
    padding:90px 0 90px;
    background:#f4f8fc url("../images/index/cta/cta-bg-soft.webp") center center/cover no-repeat
}
 .index_cta_box{
    display:grid;
    grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);
    gap:54px;
    align-items:stretch
}
 .cta_contact{
    display:grid;
    align-content:start;
    gap:20px
}
 .cta_contact_item{
    position:relative;
    display:grid;
    grid-template-columns:45px minmax(0,1fr);
    gap:20px;
    padding:0 0 20px;
    border-bottom:1px solid rgba(0,1,245,.12)
}
 .cta_contact_icon,.side_contact_item,.subscribe_form button{
    display:flex;
    align-items:center;
    justify-content:center
}
 .cta_contact_icon,.side_contact_item{
    color:#0001f5
}
 .cta_contact_icon{
    width:45px;
    height:45px;
    border:1px solid rgba(0,1,245,.2);
    border-radius:50%;
    background:rgba(255,255,255,.72)
}
 .cta_contact_icon svg,.cta_submit_icon,.side_contact_item svg,.subscribe_form_icon{
    display:block
}
 .cta_contact_icon svg{
    width:25px;
    height:25px
}
 .cta_contact_icon svg :not([fill=none]),.side_contact_item svg :not([fill=none]){
    fill:currentColor
}
 .cta_contact_icon svg [stroke],.side_contact_item svg [stroke]{
    stroke:currentColor
}
 .cta_contact_item span{
    display:block;
    margin-bottom:4px;
    font-size:15px;
    line-height:1.35;
    font-weight:600;
    color:#172238
}
 .cta_contact_item a,.cta_contact_item p{
    margin:0;
    font-size:15px;
    line-height:1.65;
    color:#58687d
}
 .cta_contact_map{
    overflow:hidden;
    border:1px solid rgba(0,1,245,.12);
    border-radius:8px;
    background:rgba(255,255,255,.72)
}
 .cta_contact_map iframe{
    display:block;
    width:100%;
    height:150px
}
 .cta_form{
    padding:32px;
    border:1px solid rgba(0,1,245,.1);
    border-radius:8px;
    background:rgba(255,255,255,.9)
}
 .cta_form .input{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 18px
}
 .cta_form input,.cta_form textarea,.subscribe_form input{
    width:100%;
    border:1px solid rgba(0,1,245,.18);
    border-radius:5px;
    background:#fff;
    font-family:Poppins,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.4;
    outline:0;
    transition:border-color 240ms ease,box-shadow 240ms ease
}
 .cta_form input::placeholder,.cta_form textarea::placeholder,.subscribe_form input::placeholder{
    color:#7d8ba0;
    font-family:Poppins,sans-serif;
    font-size:15px;
    font-weight:400
}
 .cta_submit,.subscribe_form button{
    font-family:Poppins,sans-serif
}
 .cta_form input{
    height:47px;
    padding:0 15px
}
 .cta_form textarea{
    height:150px;
    padding:15px;
    resize:vertical
}
 .cta_form .textarea_box{
    margin-top:16px
}
 .cta_form input:focus,.cta_form textarea:focus,.subscribe_form input:focus{
    border-color:rgba(0,1,245,.62)
}
 .upload-box{
    margin-top:16px
}
 .upload-box label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#172238
}
 .upload-wrap{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
    min-height:80px;
    padding:15px;
    overflow:hidden;
    border:1px dashed rgba(0,1,245,.28);
    border-radius:5px;
    background:rgba(244,248,252,.68)
}
 .file-ele{
    position:absolute;
    inset:0;
    z-index:2;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0
}
 .file-open{
    flex:0 0 auto;
    width:42px;
    height:42px;
    border:1px solid rgba(0,1,245,.18);
    border-radius:50%;
    background:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15V4' stroke='%230001f5' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M8.2 7.8L12 4L15.8 7.8' stroke='%230001f5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 15.5V18.8H19V15.5' stroke='%230001f5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center/22px 22px no-repeat,#fff
}
 .upload-wrap p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:#58687d
}
 .upload-wrap strong{
    color:#172238
}
 .upload-wrap span{
    font-size:13px;
    color:#7d8ba0
}
 .form-file-name{
    margin-top:8px
}
 .form-file-name p{
    margin:0;
    font-size:13px;
    line-height:1.6;
    color:#58687d
}
 .cta_submit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:100%;
    height:50px;
    margin-top:18px;
    border:0;
    border-radius:5px;
    background:#0001f5;
    color:#fff;
    cursor:pointer
}
 .cta_submit span{
    font-family:Poppins,sans-serif;
    font-size:16px;
    font-weight:600;
    color:#fff
}
 .cta_submit_icon,.subscribe_form_icon{
    width:18px;
    height:18px;
    color:currentColor;
    transition:transform .3s ease
}
 .site_footer{
    padding:64px 0 28px;
    background:0 0;
    color:#172238
}
 .footer_main{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,0.9fr)) minmax(0,1.25fr);
    gap:34px
}
 .footer_logo{
    display:block;
    width:230px;
    margin-bottom:22px
}
 .footer_logo img{
    width:100%;
    height:auto
}
 .footer_brand p,.footer_subscribe p{
    max-width:330px;
    margin:0 0 24px;
    font-size:16px;
    line-height:1.8;
    color:#58687d
}
 .footer_social{
    display:flex;
    flex-wrap:wrap;
    gap:12px
}
 .footer_social a{
    display:flex;
    align-items:center;
    justify-content:center;
    transition:border-color 240ms ease,transform 240ms ease
}
 .footer_social a:hover{
    border-color:rgba(0,1,245,.48);
    transform:translateY(-2px)
}
 .footer_social img{
    width:30px;
    height:30px;
    object-fit:contain
}
 .footer_col h3,.footer_subscribe h3{
    margin:0 0 22px;
    font-size:18px;
    line-height:1.3;
    font-weight:600;
    color:#172238
}
 .footer_col ul{
    margin:0;
    padding:0;
    list-style:none
}
 .footer_col li+li{
    margin-top:12px
}
 .footer_col a{
    font-size:16px;
    line-height:1.5;
    color:#58687d;
    transition:color 220ms ease
}
 .footer_col a:hover{
    color:#0001f5
}
 .subscribe_form{
    position:relative;
    max-width:330px
}
 .subscribe_form input{
    height:45px;
    padding:0 54px 0 15px
}
 .subscribe_form button{
    position:absolute;
    right:0;
    top:0;
    width:45px;
    height:45px;
    border:0;
    border-radius:4px;
    background:#0001f5;
    color:#fff;
    cursor:pointer
}
 .subscribe_form button:hover .subscribe_form_icon{
    transform:translate(2px,-2px)
}
 .footer_bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:44px;
    padding-top:24px;
    border-top:1px solid rgba(0,1,245,.12)
}
 .footer_bottom p{
    margin:0;
    font-size:16px;
    color:#58687d
}
 .footer_bottom div{
    display:flex;
    gap:28px
}
 .footer_bottom a{
    font-size:16px;
    color:#58687d
}
 .index_hot_products .swiper-pagination{
    display:none;
    position:static;
    margin-top:26px
}
 .index_hot_products .swiper-pagination-bullet{
    width:30px;
    height:4px;
    border-radius:4px;
    background:rgba(23,34,56,.28);
    opacity:1
}
 .index_hot_products .swiper-pagination-bullet-active{
    background:#0001f5
}
 .side_contact{
    position:fixed;
    right:20px;
    top:75%;
    z-index:90;
    display:flex;
    flex-direction:column;
    gap:8px;
    transform:translateY(-50%)
}
 .side_contact_item{
    position:relative;
    width:46px;
    height:46px;
    border:1px solid rgba(0,1,245,.16);
    border-radius:6px;
    background:rgba(255,255,255,.92);
    cursor:pointer;
    transition:color 260ms ease,background-color 260ms ease,border-color 260ms ease,transform 260ms ease
}
 .side_contact_item svg{
    width:22px;
    height:22px
}
 .side_contact_item span{
    position:absolute;
    right:calc(100% + 10px);
    top:50%;
    min-width:86px;
    padding:10px 15px;
    border-radius:5px;
    color:#0001f5;
    background:rgb(0 1 245 / 10%);
    font-size:14px;
    line-height:1.2;
    text-align:center;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(8px,-50%);
    transition:opacity 220ms ease,visibility 220ms ease,transform 220ms ease
}
 .side_contact_item:hover{
    border-color:#0001f5;
    background:#0001f5;
    color:#fff;
    transform:translateX(-4px)
}
 .side_contact_item:hover svg :not([fill=none]){
    fill:#ffffff
}
 .side_contact_item:hover svg [stroke]{
    stroke:#ffffff
}
 .side_contact_item:hover span{
    opacity:1;
    visibility:visible;
    transform:translate(0,-50%)
}
 .side_back_top{
    padding:0
}
 .side_back_top.hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none
}
 .loading-box{
    position:fixed;
    left:50%;
    top:50%;
    z-index:1000;
    display:none;
    transform:translate(-50%,-50%)
}
 .list_product{
    color:#071a3d;
    background:#fff
}
.list_product .page_content{
}
 .page_inside{
    padding:20px 0;
    background:#f4f4f4
}
 .page_inside .auto-container{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:14px;
    color:#64748b
}
 .page_inside a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#28436e
}
 .page_inside a:hover,.page_inside span{
    color:#0001f5
}
 .page_inside svg{
    width:17px;
    height:17px;
    fill:currentColor
}
 .page_inside i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:10px;
    height:18px;
    font-size:14px;
    font-style:normal;
    line-height:1;
    color:#8b9ab0
}
 .page_inside strong{
    font-weight:400
}
 .page_content{
    padding:90px 0 90px
}
 .list_page_intro{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:50px
}
 .list_page_intro h1,.list_page_intro h2{
    margin:0 0 8px;
    font-size:32px;
    line-height:1.25;
    font-weight:600
}
 .list_page_intro p{
    margin:0;
    font-size:16px;
    color:#65748d
}
 .list_product_layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:26px;
    align-items:start
}
 .sidebar{
    position:sticky;
    top:120px;
    align-self:start;
    height:fit-content
}
 .sidebar_search_box{
    position:relative;
    margin-bottom:16px
}
 .sidebar_search_box input{
    width:100%;
    height:45px;
    padding:0 42px 0 12px;
    border:1px solid #d6e2f4;
    border-radius:8px;
    font-size:14px;
    color:#213a61;
    outline:0
}
 .sidebar_search_box input:focus{
    border-color:#0001f5
}
 .sidebar_search_box .search_btn{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0;
    border:0;
    color:#0001f5;
    background:0 0;
    cursor:pointer
}
 .sidebar_search_box svg{
    width:18px;
    height:18px;
    fill:currentColor
}
 .sidebar_group+.sidebar_group{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #d8e4f5
}
 .sidebar_group_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px
}
 .sidebar_group_head h2{
    margin:0;
    font-size: 20px;
    font-weight:500
}
 .inside-pagination ul,.sidebar_group ul{
    margin:0;
    padding:0;
    list-style:none
}
 .sidebar_group li a,
 .sidebar_category_parent a{
    display:flex;
    align-items:center;
    min-height:45px;
    padding:0 10px;
    border-radius:4px;
    font-size: 18px;
    color:#344b6f;
    transition:color .2s ease,background-color .2s ease
}
 .sidebar_group li a:hover{
    color:#0001f5;
    background:#f5f8ff
}
 .sidebar_category_parent a:hover{
    color:#0001f5;
    background:transparent
}
 .sidebar_group li.active>a{
    color:#0001f5;
    background:#edf3ff
}
 .sidebar_group li.active>.sidebar_category_parent>a{
    color:#0001f5;
    background:transparent
}
 .sidebar_category_parent{
    display:grid;
    grid-template-columns:minmax(0,1fr) 38px;
    align-items:center;
    min-height:45px;
    padding:0;
    border-radius:4px;
    background:#edf3ff;
    transition:background-color .2s ease
}
 .sidebar_category_parent a{
    min-height:45px;
    padding:0 0 0 10px
}
 .sidebar_category_parent:hover{
    background:#f5f8ff
}
 .sidebar_sub_toggle{
    position:relative;
    width:38px;
    height:28px;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    cursor:pointer;
    transition:background-color .2s ease
}
 .sidebar_sub_toggle span{
    position:absolute;
    left:50%;
    top:50%;
    width:8px;
    height:8px;
    border-top:2px solid #344b6f;
    border-right:2px solid #344b6f;
    transform:translate(-60%,-50%) rotate(45deg);
    transition:border-color .2s ease,transform .2s ease
}
 .sidebar_sub_toggle:hover{
    background:transparent
}
 .sidebar_sub_toggle:hover span,
 .sidebar_has_children.open .sidebar_sub_toggle span{
    border-color:#0001f5
}
 .sidebar_has_children.open .sidebar_sub_toggle span{
    transform:translate(-50%,-62%) rotate(135deg)
}
 .sidebar_sub_categories{
    display:none;
    margin:6px 0 8px!important;
    padding:0!important
}
 .sidebar_has_children.open>.sidebar_sub_categories{
    display:block
}
 .sidebar_sub_categories li a{
    /* min-height: 45px; */
    padding:0 10px;
    font-size: 16px;
    color:#5e7190
}
 .list_product .list_product_layout .page_content_box .item_box{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}
 .list_product .list_product_layout .page_content_box .item_box .item{
    min-width:0;
    overflow:hidden;
    border:1px solid #d8e4f5;
    border-radius:8px;
    background:#fff;
    transition:border-color 240ms ease,transform 240ms ease
}
 .list_product .list_product_layout .page_content_box .item_box .item:hover{
    border-color:#9fb9ee;
    transform:translateY(-3px)
}
 .list_product .list_product_layout .page_content_box .item_box .item>a{
    display:block;
    height:100%;
    color:inherit
}
 .list_product .list_product_layout .page_content_box .item_box .item .img_box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:450px;
    padding:10px 0;
    overflow:hidden
}
 .list_product .list_product_layout .page_content_box .item_box .item img{
    position:relative;
    z-index:1;
    height:stretch;
    object-fit:contain;
    transition:transform 350ms ease
}
 .list_product .list_product_layout .page_content_box .item_box .item:hover img.scale{
    transform:scale(1.06)
}
 .list_product .list_product_layout .page_content_box .item_box .item .inquire{
    position:absolute;
    top:15px;
    right:15px;
    z-index:3;
    padding:5px 10px;
    border:1px solid #0001f5;
    border-radius:5px;
    font-size:12px;
    line-height:1;
    font-weight:600;
    color:#fff;
    background:#0001f5;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px);
    transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background-color .2s ease
}
 .list_product .list_product_layout .page_content_box .item_box .item:hover .inquire{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
 .list_product .list_product_layout .page_content_box .item_box .item .inquire:hover{
    background:#111bce
}
 .product_badge{
    position:absolute;
    top:15px;
    left:15px;
    z-index:2;
    padding:5px 10px;
    border:1px solid #6f89ff;
    border-radius:5px;
    font-size:12px;
    line-height:1;
    font-weight:600;
    color:#0001f5;
    background:#f4f6ff
}
 .product_badge.hot{
    border-color:#f99;
    color:#e02929;
    background:#fff1f1
}
 .list_product .list_product_layout .page_content_box .item_box .item .text_box{
    padding:20px;
    border-top:1px solid #e2eaf6;
    text-align:center
}
 .list_product .list_product_layout .page_content_box .item_box .item h2{
    margin:0 0 9px;
    font-size:20px;
    line-height:1.4;
    font-weight:600
}
 .list_product .list_product_layout .page_content_box .item_box .item p{
    position:relative;
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:#52647e
}
.list_product_editor{
    padding: 60px 0 0;
    background: #F7F9FD;
}
 .inside-pagination{
    margin-top:45px
}
 .inside-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px
}
 .inside-pagination a,.inside-pagination span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding:0 8px;
    border:1px solid #d8e4f5;
    border-radius:6px;
    font-size:14px;
    color:#183457;
    background:#fff
}
 .inside-pagination a:hover,.inside-pagination li.active a{
    border-color:#0001f5;
    color:#fff;
    background:#0001f5
}
 .inside-pagination svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .head_block{
    margin-bottom:30px;
    text-align:center
}
 .head_block .title{
    font-size:38px;
    line-height:1.25;
    font-weight:700
}
 .head_block .title span{
    color: #1458ff;
}
 .head_block .remark{
    margin-top:10px;
    font-size:15px;
    line-height:1.6
}
 .head_block_light .remark,.head_block_light .title{
    color:#fff
}
 .common_inquiry{
    position:relative;
    padding: 90px 0 90px;
    overflow:hidden;
    background-color:#f3f8ff;
    background-image:url("../images/common/common-inquiry-bg.webp");
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%
}
 .common_inquiry::before{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.08);
    content:"";
    pointer-events:none
}
 .common_inquiry .auto-container{
    position:relative;
    z-index:1
}
 .common_inquiry .head_block{
    margin-bottom:26px
}
 .common_inquiry .head_block_light .title{
    color: #333333;
}
 .common_inquiry .head_block_light .remark{
    color:#526987
}
 .common_inquiry_form form{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,0.9fr) minmax(0,1.55fr) auto;
    gap:8px;
    align-items:stretch
}
 .common_inquiry_form .input{
    display:contents
}
 .common_inquiry_form input,.common_inquiry_form textarea{
    display:block;
    width:100%;
    height:52px;
    padding:0 14px;
    border:1px solid #cbdcf3;
    border-radius:5px;
    font-family:Poppins,sans-serif;
    font-size:13px;
    line-height:52px;
    color:#263b5c;
    background:rgba(255,255,255,.94);
    /* box-shadow:0 8px 24px rgba(31,76,143,.08); */
    outline:0
}
 .common_inquiry_form textarea{
    padding-top:0;
    overflow:hidden;
    resize:none;
    white-space:nowrap
}
 .common_inquiry_form input:focus,.common_inquiry_form textarea:focus{
    border-color:#8fb9ff
}
 .common_inquiry_form input::placeholder,.common_inquiry_form textarea::placeholder{
    color:#718096
}
 .common_inquiry_form .submit,.common_inquiry_form .submit button{
    height:52px
}
 .common_inquiry_form .submit>input{
    display:none
}
 .common_inquiry_form .submit button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-width:174px;
    padding:0 22px;
    border: 0;
    border-radius:5px;
    font-family:Poppins,sans-serif;
    font-size:14px;
    font-weight:600;
    color:#fff;
    background: #1458ff;
    cursor:pointer;
    transition:color 220ms ease,background-color 220ms ease
}
 .common_inquiry_form .submit button:hover{
    color:#fff;
    background:#071a3d;
    /* border-color:#071a3d; */
}
 .common_inquiry_form .submit svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .common_inquiry_form .submit svg path{
    fill:none;
    stroke:#fff
}
 .list_blog{
    color:#071a3d;
    background:#fff
}
 .page_banner{
    position:relative;
    width:100%;
    max-height:600px;
    overflow:hidden;
    background:#dcebf5
}
 .page_banner .page_banner_img img{
    display:block;
    width:100%;
    max-height:600px;
    object-fit:cover
}

 .page_banner::after{
    display:none;
    content:none
}
 .page_banner .page_banner_content{
    position:absolute;
    inset:0;
    z-index:1;
    display:flex;
    align-items:center
}
 .page_abouts .page_banner .page_banner_content,
 .list_product .page_banner .page_banner_content,
 .page_oemodm .page_banner .page_banner_content,
 .show_products .page_banner .page_banner_content{
    inset:auto 0 auto 0;
    top:15%;
    display:block
}
 .list_product .page_banner .page_banner_content>.auto-container,
 .show_products .page_banner .page_banner_content>.auto-container{
    max-width:1720px;
    /* padding: 0 25px; */
}
 .page_oemodm .page_banner .page_banner_content{
    /* text-align:center; */
}
 .page_oemodm .page_banner .page_banner_content h1,
 .page_oemodm .page_banner .page_banner_content p{
    /* margin-right:auto; */
    /* margin-left:auto; */
}
 .page_banner .page_banner_content h1{
    max-width:680px;
    margin:0 0 12px;
    font-size:42px;
    line-height:1.2;
    font-weight:700;
    color:#fff
}
 .list_product .page_banner .page_banner_content h1,
 .show_products .page_banner .page_banner_content h1{
    color:#101827
}
 .page_banner .page_banner_content p{
    max-width:510px;
    margin:0;
    font-size:16px;
    line-height:1.7;
    color:#fff
}
.page_contact .page_banner .page_banner_content{
    top:-100px;
    right:-25px;
    text-align:center
}
.page_contact .page_banner .page_banner_content h1{
    max-width:760px;
    margin-right:auto;
    margin-left:auto
}
.page_contact .page_banner .page_banner_content p{
    max-width:680px;
    margin-right:auto;
    margin-left:auto
}
 .list_product .page_banner .page_banner_content p,
 .show_products .page_banner .page_banner_content p{
    color:#101827
}
 .list_video .page_banner .page_banner_content{
    inset:0;
    display:flex;
    align-items:center;
    text-align:center
}
 .list_video .page_banner .page_banner_content h1{
    margin:0 auto 12px;
    color:#101827
}
 .list_video .page_banner .page_banner_content p{
    margin:0 auto;
    color:#101827
}
  .page_banner_partners{
    width: min(430px,45vw);
    margin-top: 20px;
    margin-left: 25px;
    padding: 15px;
    border-radius: 8px;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(1px);
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius:8px;
    /* box-shadow: 0 0px 5px rgba(255, 255, 255.18); */
}
  .page_banner_partners strong{
    display:block;
    margin-bottom:10px;
    font-size:12px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#25303d
}
  .page_banner_partner_logos{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    /* gap: 10px; */
}
  .page_banner_partner_logos span{
    display:grid;
    place-items:center;
    min-width:0;
    height: 40px;
    /* background: #ffffff; */
    border-radius: 3px;
}
  .page_banner_partner_logos img{
    display:block;
    max-width:100%;
    max-height:100%;
}
 .page_banner_video_btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    margin-top:24px;
    padding:0 22px;
    border: 0;
    border-radius:999px;
    color:#fff;
    font-family:inherit;
    font-size:15px;
    font-weight:600;
    line-height:1;
    background: #fff;
    backdrop-filter:blur(8px);
    cursor:pointer;
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease
}
 .page_banner_video_btn svg{
    width:18px;
    height:18px;
    fill:currentColor
}
 .page_banner_video_btn:hover{
    color:#1458ff;
    /* border-color:#fff; */
    /* background:#fff; */
    transform:translateY(-2px)
}
 .page_banner_video_btn:hover span{
     color:#1458ff;
 }
.page_banner_video_btn:hover svg{
    fill:#1458ff;
}
 .list_blog_layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:26px;
    align-items:start
}
 .list_blog_items{
    display:grid;
    grid-template-columns:1fr;
    gap:22px
}
 .list_blog_items .blog_card{
    display:grid;
    grid-template-columns:minmax(0,400px) minmax(0,1fr);
    align-items:stretch
}
 .list_blog_items .blog_card .img_box{
    width:100%;
    max-width:400px;
    height:100%;
    aspect-ratio:auto
}
 .list_blog_items .blog_card .text_box{
    min-height:0
}
 .left_recommend_blog{
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid #d8e4f5
}
 .left_recommend_blog>h2{
    margin:0 0 13px;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
    color:#071a3d
}
 .left_recommend_blog_list{
    display:flex;
    flex-direction:column;
    gap:11px
}
 .left_recommend_blog_item{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:7px;
    border:1px solid #e0e8f5;
    border-radius:8px;
    color:#071a3d;
    background:#fff;
    transition:border-color .2s ease,background-color .2s ease
}
 .left_recommend_blog_item:hover{
    border-color:#aebff5;
    background:#f7f9ff
}
 .left_recommend_blog_item .img_box{
    width:72px;
    height:60px;
    overflow:hidden;
    border-radius:8px;
    background:#eef4fb
}
 .left_recommend_blog_item .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 250ms ease
}
 .left_recommend_blog_item:hover .img_box img{
    transform:scale(1.06)
}
 .left_recommend_blog_item h3{
    margin:0 0 5px;
    font-size:12px;
    line-height:1.4;
    font-weight:600
}
 .left_recommend_blog_item span{
    font-size:10px;
    color:#6b7c96
}
 .list_video{
    color:#071a3d;
    background:#fff
}
 .list_video_layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:26px;
    align-items:start
}
 .list_video_items{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px
}
 .list_video_items .video_card{
    height:auto
}
 .list_faq{
    color:#071a3d;
    background:#fff
}
 .list_faq_layout{
    display:block
}
 .list_faq_layout .page_content_box{
    width:100%
}
 .list_faq .faq_tabs{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    margin-bottom:60px;
    border-bottom:1px solid #dfe4ec
}
 .list_faq .faq_tabs button{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:15px;
    border:0;
    border-radius:0;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
    color:#344b6f;
    background:0 0;
    cursor:pointer;
    transition:color .2s ease,background-color .2s ease
}
 .list_faq .faq_tabs button+button{
    border-left:0
}
 .list_faq .faq_tabs button:hover{
    color:#0001f5;
    background:0 0
}
 .list_faq .faq_tabs button.active{
    background:0 0
}
 .list_faq .faq_tabs button.active::after{
    position:absolute;
    bottom:-1px;
    left:18%;
    width:64%;
    height:3px;
    background:#0001f5;
    content:""
}
 .list_faq .faq_tab_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    color:#5065b9;
    background:0 0;
    transition:color .2s ease,background-color .2s ease
}
 .list_faq .faq_tabs button.active span{
    color:#0001f5
}
 .list_faq .faq_tab_icon img{
    filter:grayscale(1);
    transition:filter .2s ease
}
 .list_faq .faq_list{
    display:grid;
    gap:12px
}
 .list_faq .faq_item{
    overflow:hidden;
    border:1px solid #dbe3ef;
    border-radius:8px;
    background:#fff;
    transition:border-color .2s ease,background-color .2s ease
}
 .list_faq .faq_item+.faq_item{
    border-top:1px solid #dbe3ef
}
 .list_faq .faq_item.open{
    border-color:#9eaff0;
    background:#f8f9ff
}
 .list_faq .faq_question{
    display:grid;
    grid-template-columns:48px 1fr 34px;
    align-items:center;
    width:100%;
    min-height:70px;
    padding:14px 20px;
    border:0;
    background:#fff;
    text-align:left;
    cursor:pointer;
    transition:color .2s ease,background-color .2s ease
}
 .list_faq .faq_item.open .faq_question,.list_faq .faq_question:hover{
    background:#f8f9ff
}
 .list_faq .faq_question_text{
    font-size:14px;
    line-height:24px;
    font-weight:600
}
 .list_faq .faq_number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    font-size:0;
    font-weight:700;
    color:#52698e;
    background:#eef2f8
}
 .list_faq .faq_number::before{
    font-size:13px;
    content:"Q"
}
 .list_faq .faq_item.open .faq_number{
    color:#fff;
    background:#0001f5
}
 .list_faq .faq_toggle{
    position:relative;
    width:28px;
    height:28px;
    border:1px solid #cfd9e8;
    border-radius:50%;
    background:#fff
}
 .list_faq .faq_toggle::after,.list_faq .faq_toggle::before{
    position:absolute;
    top:12px;
    left:8px;
    width:10px;
    height:2px;
    background:#102b68;
    content:""
}
 .list_faq .faq_toggle::after{
    transform:rotate(90deg)
}
 .list_faq .faq_item.open .faq_toggle::after{
    display:none
}
 .list_faq .faq_item.open .faq_toggle{
    background:#fff
}
 .list_faq .faq_answer{
    position:relative;
    padding:18px 20px 22px;
    border-top:1px solid #e1e6f2;
    color:#667895;
    background:#f8f9ff
}
 .list_faq .faq_answer::before{
    display:flex;
    float:left;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-right:14px;
    border-radius:50%;
    font-size:13px;
    font-weight:700;
    color:#fff;
    background:#102b68;
    content:"A"
}
 .list_faq .faq_answer p{
    overflow:hidden;
    margin:0;
    font-size:14px;
    line-height:24px
}
 .list_faq .faq_support_grid{
    margin-top:0;
    margin-bottom:60px
}
 .list_faq .faq_section_head{
    max-width:820px;
    margin:0 auto 42px;
    text-align:center
}
 .list_faq .faq_section_head .title{
    font-size:38px;
    line-height:48px;
    font-weight:600
}
 .list_faq .faq_section_head .title span{
    color:#0001f5
}
 .list_faq .faq_section_head .remark{
    margin-top:10px;
    font-size:14px;
    line-height:24px;
    color:#657797
}
 .list_faq .faq_support_form{
    padding:80px 0;
    background:#f5f8fd
}
 .list_faq .faq_service_grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:64px
}
 .list_faq .faq_service_item{
    position:relative;
    min-height:170px;
    padding:2px 38px
}
 .list_faq .faq_service_item:first-child{
    padding-left:0
}
 .list_faq .faq_service_item:last-child{
    padding-right:0
}
 .list_faq .faq_service_item+.faq_service_item{
    border-left:1px solid #cfdaeb
}
 .list_faq .faq_service_number{
    display:block;
    margin-bottom:12px;
    font-size:30px;
    line-height:36px;
    font-weight:500
}
 .list_faq .faq_service_item h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:26px;
    font-weight:600
}
 .list_faq .faq_service_item p{
    margin:0;
    max-width:210px;
    font-size:13px;
    line-height:22px;
    color:#586d91
}
 .list_faq .faq_support_form_box{
    display:grid;
    grid-template-columns:330px 1fr;
    gap:52px
}
 .list_faq .faq_support_contact{
    padding:30px;
    border-radius:8px;
    background:linear-gradient(rgba(241,244,255,.88),rgba(241,244,255,.88)),url("../images/list-faq/faq-support-contact-bg.webp") center center/cover no-repeat;
    overflow:hidden
}
 .list_faq .faq_support_contact h2{
    margin:0 0 16px;
    font-size:40px;
    line-height:46px;
    font-weight:600
}
 .list_faq .faq_support_contact>p{
    margin:0 0 22px;
    font-size:14px;
    line-height:24px;
    color:#586d91
}
 .list_faq .faq_support_contact ul{
    display:grid;
    gap:18px;
    padding-left:0
}
 .list_faq .faq_support_contact li{
    display:flex;
    gap:10px;
    align-items:center;
    font-size:14px;
    line-height:20px
}
 .list_faq .faq_support_contact li small{
    font-size:13px
}
 .list_faq .faq_support_contact li svg{
    flex:0 0 34px;
    width:34px;
    height:34px;
    padding:7px;
    border:1px solid #ccd8fb;
    border-radius:8px;
    fill:#666;
    stroke:#0001f5;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    background:#fff
}
 .list_faq .faq_support_contact li small{
    display:block;
    color:#667895
}
 .list_faq .faq_support_contact .faq_wechat img{
    display:block;
    width:92px;
    height:92px;
    margin-top:8px;
    padding:4px;
    border:1px solid #d8e1ef;
    border-radius:8px;
    object-fit:contain;
    background:#fff
}
 .list_faq .faq_support_form_main{
    background:#fff;
    padding:30px;
    border-radius:8px;
    overflow:hidden
}
 .list_faq .faq_support_fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 24px
}
 .list_faq .faq_support_fields label{
    display:block
}
 .list_faq .faq_support_fields label>span,.list_faq .faq_support_form_main .upload-box>label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    line-height:20px;
    font-weight:500
}
 .list_faq .faq_support_fields i{
    font-style:normal;
    color:#f04444
}
 .list_faq .faq_support_fields input,.list_faq .faq_support_fields select,.list_faq .faq_support_fields textarea{
    width:100%;
    height:46px;
    padding:10px 12px;
    border:1px solid #d5dfed;
    border-radius:8px;
    outline:0;
    font-size:14px;
    color:#243a62;
    background:#fbfcff;
    transition:border-color .2s ease,background-color .2s ease
}
 .list_faq .faq_support_fields textarea{
    height:88px;
    padding-top:11px;
    resize:vertical;
    font-family:Poppins
}
 .list_faq .faq_support_fields input:focus,.list_faq .faq_support_fields select:focus,.list_faq .faq_support_fields textarea:focus{
    border-color:#0001f5;
    background:#fff
}
 .list_faq .faq_support_field_full{
    grid-column:1/-1
}
 .list_faq .faq_support_fields_bottom{
    margin-top:20px
}
 .list_faq .faq_support_form_main .upload-box{
    margin-top:20px
}
 .list_faq .faq_support_form_main .upload-wrap{
    min-height:76px;
    border-color:#b9c8e2;
    border-radius:8px;
    background:#fbfcff;
    transition:border-color .2s ease,background-color .2s ease
}
 .list_faq .faq_support_form_main .upload-wrap:hover{
    border-color:#0001f5;
    background:#f5f7ff
}
 .list_faq .faq_support_form_main .upload-wrap p{
    margin:0;
    color:#667895
}
 .list_faq .faq_support_form_main .upload-wrap p strong{
    color:#0001f5
}
 .list_faq .faq_support_submit{
    margin-top:18px
}
 .list_faq .faq_support_submit button{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    background:#0001f5;
    cursor:pointer;
    transition:background-color .2s ease,transform .2s ease
}
 .list_faq .faq_support_submit button:hover{
    background:#1113bd;
    transform:translateY(-1px)
}
 .page_contact .contact_map_section{
    padding:90px 0
}
 .page_contact .contact_map_box{
    position:relative;
    height:600px;
    overflow:hidden;
    background:#e8eef5
}
 .page_contact .contact_map_box iframe{
    display:block;
    width:100%;
    height:100%;
    border:0
}
 .page_contact .contact_map_content{
    position:absolute;
    inset:0;
    pointer-events:none
}
 .page_contact .contact_location_card{
    width:450px;
    margin-top:48px;
    margin-left:auto;
    padding:30px;
    border:1px solid #dce4ef;
    border-radius:8px;
    background:rgba(255,255,255,.96);
    pointer-events:auto
}
 .page_contact .contact_location_row{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:14px
}
 .page_contact .contact_location_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    color:#0001f5
}
 .page_contact .contact_location_actions svg,.page_contact .contact_location_icon svg,.page_contact .contact_quick_icon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .page_contact .contact_location_row h2,.page_contact .contact_location_row h3{
    margin:0 0 8px;
    font-size:16px;
    line-height:24px;
    font-weight:600
}
 .page_contact .contact_location_row p{
    margin:0;
    font-size:14px;
    line-height:24px;
    color:#586d91
}
 .page_contact .contact_working_hours{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #dce4ef
}
 .page_contact .contact_location_actions{
    display:grid;
    gap:20px;
    margin-top:20px
}
 .page_contact .contact_location_actions a{
    display:grid;
    grid-template-columns:24px minmax(0,1fr) 24px;
    align-items:center;
    gap:8px;
    width:100%;
    height:48px;
    padding:0 20px;
    overflow:hidden;
    border:1px solid #0001f5;
    border-radius:8px;
    box-sizing:border-box;
    font-size:14px;
    line-height:1;
    font-weight:600;
    text-align:center;
    white-space:nowrap;
    color:#0001f5;
    background:#fff;
    transition:color .2s ease,background-color .2s ease
}
 .page_contact .contact_location_actions a:first-child{
    border-color:#0001f5;
    color:#fff!important;
    background:#0001f5;
    opacity:1
}
 .page_contact .contact_location_actions a:first-child span,.page_contact .contact_location_actions a:first-child svg{
    color:#fff!important;
    stroke:#ffffff;
    opacity:1
}
 .page_contact .contact_location_actions a span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis
}
 .page_contact .contact_location_actions a i{
    display:block;
    width:24px;
    height:1px
}
 .page_contact .contact_location_actions a:hover{
    border-color:#0001f5;
    color:#fff!important;
    background:#0001f5
}
 .page_contact .contact_location_actions a:hover span,.page_contact .contact_location_actions a:hover svg{
    color:#fff!important;
    stroke:#ffffff;
    opacity:1
}
 .page_contact .contact_location_actions svg{
    width:19px;
    height:19px
}
 .page_contact .contact_quick_grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:-58px;
    overflow:hidden;
    border:1px solid #dce4ef;
    border-radius:8px;
    background:#fff
}
 .page_contact .contact_quick_item{
    display:grid;
    grid-template-columns:64px 1fr;
    gap:18px;
    align-items:center;
    min-height:150px;
    padding:30px;
    color:#102b68
}
 .page_contact .contact_quick_item+.contact_quick_item{
    border-left:1px solid #dce4ef
}
 .page_contact .contact_quick_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    border:1px solid #d4def0;
    border-radius:50%;
    color:#0001f5
}
.page_contact .contact_quick_icon img{
    max-width: 24px;
}
 .page_contact .contact_quick_whatsapp .contact_quick_icon{
    color:#17a84b
}
 .page_contact .contact_quick_item b,.page_contact .contact_quick_item small,.page_contact .contact_quick_item strong{
    display:block
}
 .page_contact .contact_quick_item strong{
    margin-bottom:5px;
    font-size:16px;
    font-weight:600;
    color:#666
}
 .page_contact .contact_quick_item b{
    font-size:16px;
    line-height:22px;
    font-weight:600;
    word-break:break-word
}
 .page_contact .contact_quick_item small{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:10px;
    font-size:14px;
    color:#0001f5
}
 .page_contact .contact_quick_item small svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:#0001f5;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .page_contact .contact_form_section{
    padding:90px 0;
    background:#eef6ff
}
 .page_contact .contact_form_head{
    max-width:820px;
    margin:0 auto 42px;
    text-align:center
}
 .page_contact .contact_form_head h2{
    margin:0;
    font-size:38px;
    line-height:48px;
    font-weight:600
}
 .page_contact .contact_form_head p{
    margin:10px 0 0;
    font-size:14px;
    line-height:24px;
    color:#657797
}
 .page_contact .faq_support_form_main{
    background:0 0
}
 .page_contact .faq_support_fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 24px
}
 .page_contact .faq_support_fields label,.page_contact .faq_support_fields label>span,.page_contact .faq_support_form_main .upload-box>label{
    display:block
}
 .page_contact .faq_support_fields label>span,.page_contact .faq_support_form_main .upload-box>label{
    margin-bottom:10px;
    font-size:14px;
    line-height:20px;
    font-weight:500
}
 .page_contact .faq_support_fields i{
    font-style:normal;
    color:#f04444
}
 .page_contact .faq_support_fields input,.page_contact .faq_support_fields select,.page_contact .faq_support_fields textarea{
    width:100%;
    height:46px;
    padding:10px 12px;
    border:1px solid #d5dfed;
    border-radius:8px;
    outline:0;
    font-family:inherit;
    font-size:14px;
    color:#243a62;
    background:#fff;
    transition:border-color .2s ease,background-color .2s ease
}
 .page_contact .faq_support_fields textarea{
    height:88px;
    padding-top:11px;
    resize:vertical
}
 .page_contact .faq_support_fields input:focus,.page_contact .faq_support_fields select:focus,.page_contact .faq_support_fields textarea:focus{
    border-color:#0001f5
}
 .page_contact .faq_support_field_full{
    grid-column:1/-1
}
 .page_contact .faq_support_fields_bottom,.page_contact .faq_support_form_main .upload-box{
    margin-top:20px
}
 .page_contact .faq_support_form_main .upload-wrap{
    min-height:76px;
    border-color:#9eb8e3;
    border-radius:8px;
    background:rgba(255,255,255,.72)
}
 .page_contact .faq_support_form_main .upload-wrap p{
    margin:0;
    color:#667895
}
 .page_contact .faq_support_form_main .upload-wrap p strong{
    color:#0001f5
}
 .page_contact .faq_support_submit{
    margin-top:18px
}
 .page_contact .faq_support_submit button{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    background:#0001f5;
    cursor:pointer
}
 .page_contact .contact_social_section{
    padding:90px 0;
    background:#fff;
    border-bottom:1px solid #d7e3f3
}
 .page_contact .contact_social_head{
    max-width:820px;
    margin:0 auto 42px;
    text-align:center
}
 .page_contact .contact_social_head h2{
    margin:0;
    font-size:38px;
    line-height:48px;
    font-weight:600
}
 .page_contact .contact_social_head p{
    margin:10px 0 0;
    font-size:14px;
    line-height:24px;
    color:#657797
}
 .page_contact .contact_social_grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:22px
}
 .page_contact .contact_social_card{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:48px 1fr;
    gap:12px;
    align-items:center;
    min-height:92px;
    padding:16px;
    border:1px solid #d8e3f2;
    border-radius:8px;
    color:#102b68;
    background:#fff;
    transition:border-color .2s ease,transform .2s ease
}
 .page_contact .contact_social_card:hover{
    border-color:#9caeff;
    transform:translateY(-3px)
}
 .page_contact .contact_social_card img{
    width:46px;
    height:46px;
    object-fit:contain
}
 .page_contact .contact_social_card small,.page_contact .contact_social_card strong{
    display:block
}
 .page_contact .contact_social_card strong{
    font-size:18px;
    line-height:30px;
    font-weight:600
}
 .page_contact .contact_social_card small{
    font-size:14px;
    line-height:18px;
    color:#71809b
}
 .page_oemodm .page_oemodm_box{
    width:100%
}
 .page_oemodm .oemodm_customization_services{
    padding: 90px 0 90px;
    background:#f7faff
}
 .page_oemodm .oemodm_section_head{
    max-width: 1200px;
    margin: 0 auto 50px;
    text-align:center
}
 .page_oemodm .oemodm_section_head h2{
    position:relative;
    margin:0;
    padding-bottom:18px;
    font-size:40px;
    line-height:1.2;
    font-weight:700;
    /* color:#082b73; */
}
 .page_oemodm .oemodm_section_head h2::after{
    position:absolute;
    left:50%;
    bottom:0;
    width:54px;
    height:3px;
    background:#1458ff;
    transform:translateX(-50%);
    content:""
}
 .page_oemodm .oemodm_section_head p{
    margin:18px 0 0;
    font-size:16px;
    line-height:1.75;
    color:#64738f
}
 .page_oemodm .oemodm_service_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
 .page_oemodm .oemodm_service_card{
    overflow:hidden;
    background:#fff;
    border:1px solid #dce6f7;
    border-radius:8px;
    /* box-shadow:0 12px 36px rgba(16,57,126,.07); */
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease
}
 .page_oemodm .oemodm_service_card:hover{
    border-color:#b8ccf5;
    /* box-shadow:0 18px 44px rgba(16,57,126,.13); */
    transform:translateY(-6px)
}
 .page_oemodm .oemodm_service_card .img_box{
    /* height:235px; */
    overflow:hidden;
    background:#eaf1fb
}
 .page_oemodm .oemodm_service_card .img_box img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease
}
 .page_oemodm .oemodm_service_card:hover .img_box img{
    transform:scale(1.035)
}
 .page_oemodm .oemodm_service_body{
    position:relative;
    padding:38px 26px 28px
}
 .page_oemodm .oemodm_service_icon{
    position:absolute;
    left:24px;
    top:-29px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    padding:12px;
    background:linear-gradient(145deg,#fff 12%,#edf4ff 100%);
    border:1px solid rgba(19,85,216,.22);
    border-radius:50%;
    /* box-shadow:0 8px 22px rgba(14,71,197,.14),inset 0 0 0 4px rgba(255,255,255,.74); */
}
 .page_oemodm .oemodm_service_icon img{
    display:block;
    width:32px;
    height:32px;
    object-fit:contain
}
 .page_oemodm .oemodm_service_body h3{
    margin:0 0 12px;
    font-size:20px;
    line-height:1.35;
    font-weight:700;
    /* color:#082b73; */
}
 .page_oemodm .oemodm_service_body p{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:#64738f
}
 .page_oemodm .oemodm_customization_scope{
    padding:0;
    background:#fff
}
 .page_oemodm .oemodm_scope_layout{
    display:grid;
    grid-template-columns:minmax(400px,34%) minmax(0,66%);
    min-height: 620px;
    overflow:hidden;
    background:#fff
}
 .page_oemodm .oemodm_scope_intro{
    position:relative;
    min-width:0;
    /* min-height: 750px; */
    overflow:hidden;
    background:#eaf4fe url(../images/page-oemodm/customization-scope/packaging-customization-background.webp) center center/cover no-repeat
}
 .page_oemodm .oemodm_scope_intro_content{
    position:relative;
    z-index:1;
    /* max-width:430px; */
    margin:0;
    padding: 40px;
    text-align:left
}
 .page_oemodm .oemodm_scope_eyebrow{
    display:block;
    margin-bottom:12px;
    font-size:16px;
    line-height:1.3;
    font-weight:500;
    letter-spacing:.14em;
    color:#1458ff
}
 .page_oemodm .oemodm_scope_intro_content h2::after{
    left:0;
    transform:none
}
 .page_oemodm .oemodm_scope_intro_content p{
    /* max-width:300px; */
}
 .page_oemodm .oemodm_scope_catalog{
    min-width:0;
    padding: 40px 0;
    background:#fff
}
 .page_oemodm .oemodm_scope_cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    height:100%
}
 .page_oemodm .oemodm_scope_card{
    min-width:0;
    padding: 0 30px 30px;
    border-left:1px solid #dbe6f5
}
 .page_oemodm .oemodm_scope_card:nth-child(3n+1){
    border-left:0
}
 .page_oemodm .oemodm_scope_card:nth-child(-n+3){
    padding-bottom: 30px;
}
 .page_oemodm .oemodm_scope_card:nth-child(n+4):nth-child(-n+6){
    padding-top:36px;
    border-top:1px solid #e2eaf5
}
 .page_oemodm .oemodm_scope_card h3{
    margin:0 0 20px;
    font-size:24px;
    line-height:1.25;
    font-weight:700;
    /* color:#071b4d; */
}
 .page_oemodm .oemodm_scope_detail{
    min-width:0;
    padding: 0 0 15px;
}
 .page_oemodm .oemodm_scope_detail+.oemodm_scope_detail{
    padding-top:15px;
    border-top:1px solid #dbe6f5
}
 .page_oemodm .oemodm_scope_detail strong{
    display:block;
    margin-bottom:5px;
    font-size: 12px;
    line-height:1.3;
    /* font-weight:700; */
    letter-spacing:.045em;
    /* text-transform:uppercase; */
    /* color:#1458ff; */
}
 .page_oemodm .oemodm_scope_detail+.oemodm_scope_detail strong{
    /* color:#082b73; */
}
 .page_oemodm .oemodm_scope_detail p{
    margin:0;
    font-size: 15px;
    line-height:1.5;
    color:#2e466b
}
 .page_oemodm .oemodm_scope_card_wide{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(190px,.8fr) minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:34px;
    margin-top:4px;
    padding:28px 38px 0;
    border-top:1px solid #dbe6f5;
    border-left:0
}
 .page_oemodm .oemodm_scope_card_wide .oemodm_scope_card_title{
    display:flex;
    align-items:center;
    gap:24px
}
 .page_oemodm .oemodm_scope_card_wide h3{
    margin:0
}
 .page_oemodm .oemodm_scope_card_wide .oemodm_scope_detail{
    padding:0 0 0 34px;
    border-top:0;
    border-left:1px solid #dbe6f5
}
 .page_oemodm .oemodm_scope_table_wrap{
    overflow-x:auto;
    background:#fff;
    border:1px solid #d9e5f7;
    border-radius:10px;
    /* box-shadow:0 16px 44px rgba(18,58,124,.08); */
}
 .page_oemodm .oemodm_scope_table{
    width:100%;
    min-width:820px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed
}
 .page_oemodm .oemodm_scope_table td,.page_oemodm .oemodm_scope_table th{
    padding:15px 22px;
    border-right:1px solid #e2eaf6;
    border-bottom:1px solid #e2eaf6;
    font-size:14px;
    line-height:1.5;
    text-align:left
}
 .page_oemodm .oemodm_scope_table tr>:last-child{
    border-right:0
}
 .page_oemodm .oemodm_scope_table tbody tr:last-child>*{
    border-bottom:0
}
 .page_oemodm .oemodm_scope_table thead th{
    background:#1458ff;
    font-size: 14px;
    font-weight:700;
    letter-spacing:.04em;
    text-align:center;
    text-transform:uppercase;
    color:#fff
}
 .page_oemodm .oemodm_scope_table thead th:first-child{
    width:16%;
    background:#e9f0ff;
    text-align:left;
    color:#123b82;
}
 .page_oemodm .oemodm_scope_table thead th:last-child{
    background:#082b73
}
 .page_oemodm .oemodm_scope_table tbody th{
    background:#f5f8fd;
    font-weight:700;
    /* color:#183c79; */
}
 .page_oemodm .oemodm_scope_table tbody td{
    color:#5d6f8c
}
 .page_oemodm .oemodm_scope_table tbody tr:hover td,.page_oemodm .oemodm_scope_table tbody tr:hover th{
    background-color:#f1f6ff
}
 .page_oemodm .oemodm_scope_table td span{
    position:relative;
    display:block;
    padding-left:25px
}
 .page_oemodm .oemodm_scope_table td span::before{
    position:absolute;
    left:0;
    top:2px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    background:#edf3ff;
    border:1px solid #8eb1f4;
    border-radius:50%;
    font-size:10px;
    font-weight:700;
    line-height:1;
    color:#1458ff;
    content:"\2713"
}
 .page_oemodm .oemodm_scope_table .oemodm_scope_empty{
    padding-left:47px;
    color:#aab5c8
}
 .page_oemodm .oemodm_scope_feature_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    margin-top:30px
}
 .page_oemodm .oemodm_scope_feature{
    display:grid;
    grid-template-columns:43% 57%;
    min-height:286px;
    overflow:hidden;
    background:#fff;
    border:1px solid #d9e5f7;
    border-radius:10px;
    /* box-shadow:0 14px 38px rgba(18,58,124,.07); */
    transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease
}
 .page_oemodm .oemodm_scope_feature:hover{
    border-color:#afc7f3;
    /* box-shadow:0 18px 42px rgba(18,58,124,.12); */
    transform:translateY(-4px)
}
 .page_oemodm .oemodm_scope_feature_content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:30px 12px 30px 28px
}
 .page_oemodm .oemodm_scope_feature_content h3{
    position:relative;
    margin:0 0 10px;
    padding-bottom:12px;
    font-size:18px;
    line-height:1.4;
    font-weight:700;
    /* text-transform:uppercase; */
    /* color:#1458ff; */
}
 .page_oemodm .oemodm_scope_feature_content h3::after{
    position:absolute;
    left:0;
    bottom:0;
    width:36px;
    height:2px;
    background:#1458ff;
    content:""
}
 .page_oemodm .oemodm_scope_feature_content p{
    margin:0 0 15px;
    font-size: 14px;
    line-height:1.6;
    color:#64738f
}
 .page_oemodm .oemodm_scope_feature_content ul{
    margin:0;
    padding:0;
    list-style:none
}
 .page_oemodm .oemodm_scope_feature_content li{
    position:relative;
    margin-top:7px;
    padding-left:19px;
    font-size: 14px;
    line-height:1.45;
    /* color:#244477; */
}
 .page_oemodm .oemodm_scope_feature_content li::before{
    position:absolute;
    left:0;
    top:4px;
    width:9px;
    height:9px;
    background:#1458ff;
    border:3px solid #dce7ff;
    border-radius:50%;
    box-sizing:border-box;
    content:""
}
 .page_oemodm .oemodm_scope_feature .img_box{
    min-width:0;
    overflow:hidden
}
 .page_oemodm .oemodm_scope_feature .img_box img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease
}
 .page_oemodm .oemodm_scope_feature:hover .img_box img{
    transform:scale(1.035)
}
 .page_oemodm .oemodm_service_support{
    position:relative;
    overflow:hidden;
    padding: 90px 0 0;
    /* background:linear-gradient(180deg,#f6f9ff 0,#eef4fc 100%); */
}
 .page_oemodm .oemodm_service_support .auto-container{
    position:relative
}
 .page_oemodm .oemodm_support_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(4,minmax(116px,auto));
    grid-auto-flow:column;
    column-gap:74px;
    row-gap:0
}
 .page_oemodm .oemodm_support_card{
    position:relative;
    display:grid;
    grid-template-columns: 115px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-content:center;
    column-gap: 20px;
    min-height: 115px;
    padding: 20px 0;
    /* border-bottom:1px solid #d7e3ff; */
}
 .page_oemodm .oemodm_support_card::before{
    position:absolute;
    top:24px;
    bottom:24px;
    left:118px;
    width:2px;
    background:#eee;
    content:""
}
 .page_oemodm .oemodm_support_card>span{
    grid-row:1 / span 2;
    align-self:center;
    font-size:62px;
    font-weight:700;
    line-height:1;
    letter-spacing:-.06em;
    color:#dce8ff
}
 .page_oemodm .oemodm_support_card h3{
    grid-column:2;
    margin:0 0 5px;
    padding-left: 25px;
    font-size: 20px;
    line-height:1.35;
    /* font-weight:700; */
}
 .page_oemodm .oemodm_support_card h3::after{
    display:none
}
 .page_oemodm .oemodm_support_card p{
    grid-column:2;
    margin:0;
    padding-left:24px;
    font-size: 16px;
    line-height:1.65;
    color:#64738f
}
 .page_oemodm .oemodm_process_block{
    /* margin-top:64px; */
    padding: 60px 0;
    background:#fff;
    /* border:1px solid #dbe6f7; */
    /* border-radius:14px; */
    /* box-shadow:0 18px 50px rgba(28,69,134,.08); */
}
 .page_oemodm .oemodm_process_head{
    margin-bottom:38px;
    text-align:center
}
 .page_oemodm .oemodm_process_head h3{
    margin:0 0 8px;
    font-size: 24px;
    line-height:1.35;
    /* font-weight:700; */
    /* color:#082b73; */
}
 .page_oemodm .oemodm_process_head p{
    margin:0;
    font-size:14px;
    line-height:1.7;
    color:#64738f
}
 .page_oemodm .oemodm_process_list{
    position:relative;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin:0;
    padding:0;
    list-style:none
}
 .page_oemodm .oemodm_process_list::before{
    position:absolute;
    left:8.5%;
    right:8.5%;
    top:38px;
    height:1px;
    background:repeating-linear-gradient(90deg,#a8c2f5 0 8px,transparent 8px 14px);
    content:""
}
 .page_oemodm .oemodm_process_list li{
    position:relative;
    text-align:center
}
 .page_oemodm .oemodm_process_icon{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:76px;
    height:76px;
    margin:0 auto 16px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    /* box-shadow:0 0 0 7px #fff,0 8px 20px rgba(20,88,255,.12); */
    transition:background .3s ease,transform .3s ease
}
 .page_oemodm .oemodm_process_list li:hover .oemodm_process_icon{
    background:#eef4ff;
    transform:translateY(-4px)
}
 .page_oemodm .oemodm_process_icon img{
    display:block;
    width:40px;
    height:40px;
    object-fit:contain
}
 .page_oemodm .oemodm_process_list li>span{
    display:inline-block;
    margin-bottom:7px;
    font-size: 15px;
    font-weight:700;
    letter-spacing:.12em;
    /* color:#1458ff; */
}
 .page_oemodm .oemodm_process_list h4{
    margin:0;
    font-size: 16px;
    line-height:1.45;
    font-weight:700;
    /* color:#102b61; */
}
 .page_oemodm .oemodm_testing_process{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:94px 0 108px;
    background:#dfeaf5 url("../images/page-oemodm/testing-process/scenes/testing-process-wide-factory-background.webp") center/cover no-repeat
}
 .page_oemodm .oemodm_testing_process::before{
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(180deg,rgba(250,252,255,.97) 0%,rgba(247,251,255,.88) 16%,rgba(237,246,255,.48) 42%,rgba(229,240,252,.28) 100%);
    content:""
}
 .page_oemodm .oemodm_testing_process .auto-container{
    position:relative;
    z-index:1;
    width:calc(100% - 120px);
    max-width:1840px
}
 .page_oemodm .oemodm_testing_process .oemodm_section_head{
    max-width:1500px;
    margin-bottom:58px
}
 .page_oemodm .oemodm_testing_process .oemodm_section_head h2{
    /* font-size:58px; */
    /* letter-spacing:-.025em; */
}
 .page_oemodm .oemodm_testing_process .oemodm_section_head p{
    /* margin-top:22px; */
    /* font-size:19px; */
}
 .page_oemodm .oemodm_test_flow{
    position:relative;
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:44px 22px;
    margin:0;
    padding:0;
    list-style:none
}
 .page_oemodm .oemodm_test_item{
    position:relative;
    grid-column:span 2;
    min-height:276px;
    padding: 20px;
    background:#f8faff;
    /* border:1px solid #dbe6f7; */
    border-radius: 8px;
    text-align:center;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease
}
 .page_oemodm .oemodm_test_item:nth-child(5){
    grid-column:2/span 2
}
 .page_oemodm .oemodm_test_item:hover{
    border-color:#abc4f4;
    /* box-shadow:0 16px 38px rgba(23,67,135,.11); */
    transform:translateY(-5px)
}
 .page_oemodm .oemodm_test_item::after{
    position:absolute;
    left:calc(100% + 1px);
    top:63px;
    width:22px;
    height:1px;
    background:#9fbcf2;
    content:""
}
 .page_oemodm .oemodm_test_item::before{
    position:absolute;
    left:calc(100% + 17px);
    top:59px;
    z-index:1;
    width:8px;
    height:8px;
    border-top:1px solid #6594ee;
    border-right:1px solid #6594ee;
    transform:rotate(45deg);
    content:""
}
 .page_oemodm .oemodm_test_item:last-child::after,.page_oemodm .oemodm_test_item:last-child::before,.page_oemodm .oemodm_test_item:nth-child(4)::after,.page_oemodm .oemodm_test_item:nth-child(4)::before{
    display:none
}
 .page_oemodm .oemodm_test_item:nth-child(4){
    box-shadow:0 12px 30px rgba(23,67,135,.06)
}
 .page_oemodm .oemodm_test_item:nth-child(4) .oemodm_test_step::after{
    position:absolute;
    right:50%;
    top:249px;
    width:1px;
    height:46px;
    background:linear-gradient(#9fbcf2,#d5e2f8);
    content:""
}
 .page_oemodm .oemodm_test_step{
    position:absolute;
    right:15px;
    top:12px;
    font-size:28px;
    font-weight:700;
    line-height:1;
    color:rgba(20,88,255,.1)
}
 .page_oemodm .oemodm_test_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    margin:0 auto 20px;
    background:#fff;
    /* border:1px solid #b8cef8; */
    border-radius:50%;
    /* box-shadow:0 8px 22px rgba(20,88,255,.1); */
}
 .page_oemodm .oemodm_test_icon img{
    display:block;
    width:100%;
    height:100%;
    /* border-radius:50%; */
    /* object-fit:cover; */
}
 .page_oemodm .oemodm_test_item:hover .oemodm_test_icon{
    /* background-color:#eef4ff; */
}
 .page_oemodm .oemodm_test_item h3{
    margin:0 0 12px;
    font-size:18px;
    line-height:1.4;
    font-weight:700;
    /* color:#082b73; */
}
 .page_oemodm .oemodm_test_item p{
    margin:0;
    font-size:14px;
    line-height:1.65;
    color:#64738f
}
 .page_oemodm .oemodm_testing_layout{
    position:relative
}
 .page_oemodm .oemodm_testing_visual{
    display:none
}
 .page_oemodm .oemodm_test_timeline{
    position:relative;
    --oemodm-axis-width:64px;
    --oemodm-axis-half:32px;
    width:90vw;
    margin:0 50%;
    max-width:1750px;
    transform:translateX(-50%)
}
 .page_oemodm .oemodm_test_timeline::before{
    display:none
}
 .page_oemodm .oemodm_test_timeline_list{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--oemodm-axis-width) minmax(0,1fr);
    grid-template-rows:repeat(11,90px);
    row-gap:0;
    margin:0;
    padding:0;
    list-style:none
}
 .page_oemodm .oemodm_test_axis{
    position:absolute;
    z-index:2;
    left:50%;
    top:0;
    bottom:0;
    width: 4px;
    background: #ffffff;
    /* box-shadow: 0 0 5px rgba(20,154,255,.86),0 0 17px rgba(20,154,255,.45); */
    transform:translateX(-50%);
    pointer-events:none;
    border-radius: 5px;
}
 .page_oemodm .oemodm_test_axis i{
    position:absolute;
    left:50%;
    top:var(--oemodm-axis-node-position);
    display:block;
    width:18px;
    height:18px;
    background:#fff;
    border: 2px solid #1458ff;
    border-radius:50%;
    /* box-shadow:0 0 0 4px rgba(235,244,255,.92),0 0 9px rgba(20,154,255,.82); */
    transform:translate(-50%,-50%)
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item,.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(5){
    position:relative;
    display:grid;
    grid-template-columns:66px 54px minmax(0,1fr) 230px;
    grid-template-rows:auto auto;
    grid-column:1;
    grid-row:1 / span 2;
    align-items:center;
    column-gap: 15px;
    min-height:180px;
    /* padding:14px; */
    /* background:rgba(255,255,255,.96); */
    /* border:1px solid rgba(203,221,244,.96); */
    /* border-radius:8px; */
    /* box-shadow:0 13px 26px rgba(21,61,113,.12); */
    text-align:left
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(1){
    width:calc(100% - 12px);
    justify-self:end
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(odd){
    justify-self:end
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(3),.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(5),.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(7){
    /* width: calc(100% - 54px); */
    justify-self:end
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(even){
    grid-column:3;
    justify-self:start;
    /* width: calc(100% - 20px); */
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(2){
    grid-row:2 / span 2
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(3){
    grid-row:4 / span 2
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(4){
    grid-row:5 / span 2
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(5){
    grid-row:7 / span 2
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(6){
    grid-row:8 / span 2
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(7){
    grid-row:10 / span 2
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item::after{
    position:absolute;
    left:100%;
    top:50%;
    display:block;
    width:var(--oemodm-axis-half);
    height:1px;
    background: #ffffff;
    transform:translateY(-50%);
    content:""
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item::before{
    display:none
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(even)::after{
    right:100%;
    left:auto
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(even)::before{
    display:none
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_step{
    position:static;
    grid-column:2;
    grid-row:1;
    align-self:end;
    /* margin-bottom:6px; */
    padding-bottom: 14px;
    font-size:36px;
    font-weight:700;
    line-height:1;
    letter-spacing:-.04em;
    color:#1458ff
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_icon{
    grid-column:1;
    grid-row:1 / span 2;
    width:62px;
    height:62px;
    margin:0;
    background:transparent
}
 .page_oemodm .oemodm_test_content{
    display:contents
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_content h3{
    grid-column:3;
    grid-row:1;
    align-self:end;
    margin:0 0 20px;
    font-size:21px;
    line-height:1.35;
    font-weight:700
}
 .page_oemodm .oemodm_test_timeline .oemodm_test_content p{
    grid-column:2 / 4;
    grid-row:2;
    align-self:start;
    margin:0;
    font-size: 16px;
    line-height:1.55;
    color:#64738f
}
 .page_oemodm .oemodm_test_scene{
    grid-column:4;
    grid-row:1 / span 2;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#eaf0f8;
    border-radius:6px;
    box-shadow:none;
    max-height: 100%;
    width: 100%;
}
 .page_oemodm .oemodm_test_scene img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 
 
 .page_abouts .abouts_certificates{
    padding:90px 0;
    overflow:hidden;
    background:#f8fbff url("../images/abouts/company-introduction/company-introduction-bg.webp") center/cover no-repeat
}
 .page_abouts .abouts_section_head{
    position:relative;
    z-index:3;
    max-width:1200px;
    margin:0 auto 50px;
    text-align:center
}
 .page_abouts .abouts_section_head>span{
    display:block;
    margin-bottom:9px;
    color:#1355d8;
    font-size:13px;
    font-weight:600;
    letter-spacing:.15em
}
 .page_abouts .abouts_section_head h2{
    margin:0;
    font-size:clamp(34px, 3vw, 44px);
    font-weight:600
}
 .page_abouts .abouts_section_head p{
    margin:15px auto 0;
    color:#58687d;
    font-size:16px;
    line-height:1.7
}
 .page_abouts .abouts_certificates_stage{
    position:relative;
    padding:0;
    overflow:hidden;
    border-radius:0;
    background:0 0
}
 .page_abouts .abouts_certificates_swiper_box{
    position:relative
}
 .page_abouts .abouts_certificates_swiper{
    overflow:hidden;
    padding:6px 4px 4px
}
 .page_abouts .abouts_certificates_swiper .swiper-slide{
    height:auto
}
 .page_abouts .abouts_certificate_card{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    transition:transform .3s ease,box-shadow .3s ease
}
 .page_abouts .abouts_certificate_card:hover{
    transform:translateY(-6px)
}
 .page_abouts .abouts_certificate_card img{
    display:block;
    width:100%;
    height:100%
}
 .page_abouts .abouts_certificates_next,.page_abouts .abouts_certificates_prev{
    width:44px;
    height:44px;
    margin-top:-22px;
    border:1px solid rgba(19,85,216,.22);
    border-radius:50%;
    background:rgba(255,255,255,.94);
    background-image:none;
    box-shadow:0 8px 24px rgba(13,55,118,.15)
}
 .page_abouts .abouts_certificates_prev{
    left:-64px
}
 .page_abouts .abouts_certificates_next{
    right:-64px
}
 .page_abouts .abouts_certificates_next::before,.page_abouts .abouts_certificates_prev::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:10px;
    border-top:2px solid #1355d8;
    border-right:2px solid #1355d8
}
 .page_abouts .abouts_certificates_prev::before{
    transform:translate(-35%,-50%) rotate(-135deg)
}
 .page_abouts .abouts_certificates_next::before{
    transform:translate(-65%,-50%) rotate(45deg)
}
 .page_abouts .abouts_certificates_pagination{
    position:static;
    margin-top:26px;
    text-align:center
}
 .page_abouts .abouts_certificates_pagination .swiper-pagination-bullet{
    width:28px;
    height:4px;
    margin:0 4px;
    border-radius:4px;
    background:#bdc9da;
    opacity:1
}
 .page_abouts .abouts_certificates_pagination .swiper-pagination-bullet-active{
    background:#1355d8
}
 
 
 .page_abouts .abouts_culture{
    position:relative;
    padding: 90px 0 90px;
    margin-top: 60px;
    overflow:hidden;
    background:#fff url("../images/abouts/corporate-culture/culture-section-bg.webp") center top/cover no-repeat
}
 .page_abouts .abouts_culture::before{
    display:none
}
 .page_abouts .abouts_culture_layout{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows: 545px auto;
    column-gap: 30px;
    row-gap: 30px;
    align-items:start;
    overflow:visible
}
 .page_abouts .abouts_culture_scene{
    position:absolute;
    left: 64.5%;
    /* top:-6px; */
    width:500px;
    aspect-ratio:1/1;
    margin:0;
    transform:translateX(-50%);
    overflow:visible;
    border-radius:50%;
    z-index:1;
    /* border:1px solid rgba(20,88,255,.34); */
    /* background:rgba(255,255,255,.86); */
    /* box-shadow:0 0 0 12px rgba(255,255,255,.94),0 0 0 15px rgba(20,88,255,.2),0 30px 68px rgba(29,86,165,.15); */
}
 .page_abouts .abouts_culture_scene::before{
    content:"";
    position:absolute;
    inset: -15%;
    z-index:0;
    pointer-events:none;
    background:url("../images/abouts/corporate-culture/culture-ring-crop.webp") center center/contain no-repeat
}
 .page_abouts .abouts_culture_scene img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
    /* border:14px solid #fff; */
}
 .page_abouts .abouts_culture_content{
    display:contents;
    padding:0
}
 .page_abouts .abouts_culture_head{
    grid-column:1;
    grid-row:1;
    align-self:start;
    padding-top:0;
    /* transform:translateX(42px); */
}
 .page_abouts .abouts_culture_head>span{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.15em
}
 .page_abouts .abouts_culture_head h2{
    margin:0;
    /* color:#061d52; */
    font-size: clamp(34px, 3vw, 44px);
    font-weight:700;
    line-height:1.05;
    letter-spacing:-.02em;
    /* text-transform:uppercase; */
}
 .page_abouts .abouts_culture_head h3{
    position:relative;
    margin:22px 0 16px;
    padding-top:20px;
    padding-bottom:0;
    /* color:#061d52; */
    font-size: 18px;
    font-weight: unset;
}
 .page_abouts .abouts_culture_head h3::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:60px;
    height:3px;
    background:#1458ff
}
 .page_abouts .abouts_culture_head p{
    max-width: 420px;
    margin:0;
    color: #666666;
    font-size:16px;
    /* font-weight:500; */
    /* line-height:1.68; */
}
 .page_abouts .abouts_culture_values{
    position:absolute;
    inset:0;
    z-index:3;
    display:block;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    pointer-events:none
}
 .page_abouts .abouts_culture_value{
    position:absolute;
    min-width:0;
    display:block;
    width:230px;
    min-height:190px;
    padding:0;
    text-align:center;
    border-right:0
}
 .page_abouts .abouts_culture_value::before{
    display:none
}
 .page_abouts .abouts_culture_value:nth-child(1){
    left: 35%;
    top: 25%;
    transform:translateX(-50%)
}
 .page_abouts .abouts_culture_value:nth-child(2){
    right: 0;
    /* top:42px; */
}
 .page_abouts .abouts_culture_value:nth-child(3){
    right: 0;
    top: 35%;
}
 .page_abouts .abouts_culture_number{
    display:none
}
 .page_abouts .abouts_culture_value img{
    display:block;
    width:108px;
    height:108px;
    margin:0 auto 16px;
    padding:20px;
    object-fit:contain;
    border:1px solid rgba(20,88,255,.28);
    border-radius:50%;
    background:rgba(255,255,255,.88);
    /* box-shadow:0 0 0 10px rgba(255,255,255,.82),0 16px 34px rgba(20,88,255,.08); */
    mix-blend-mode:multiply
}
 .page_abouts .abouts_culture_commitment h3,.page_abouts .abouts_culture_direction h3,.page_abouts .abouts_culture_value h3{
    margin:0 0 10px;
    color:#0a36bf;
    font-size:17px;
    font-weight: 600;
    text-transform:uppercase
}
 .page_abouts .abouts_culture_commitment p,.page_abouts .abouts_culture_direction p,.page_abouts .abouts_culture_value p{
    margin:0;
    /* color:#283a61; */
    font-size:14px;
    /* font-weight:500; */
    line-height:1.55
}
 .page_abouts .abouts_culture_commitment p,.page_abouts .abouts_culture_direction p{
    font-size: 14px;
    line-height:1.48
}
 .page_abouts .abouts_culture_direction{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:34px;
    grid-column:1/-1;
    grid-row:2;
    margin-top:0;
    border:0;
    border-radius:0;
    /* background:transparent; */
}
 .page_abouts .abouts_culture_direction article{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap: 15px;
    align-items:center;
    min-height:142px;
    padding: 20px;
    border:1px solid rgba(20,88,255,.22);
    border-radius:8px;
    /* background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(246,251,255,.86)); */
    /* box-shadow:0 18px 46px rgba(30,90,170,.08); */
}
 .page_abouts .abouts_culture_direction article:nth-child(1){
    margin-left:0
}
 .page_abouts .abouts_culture_direction article:nth-child(2){
    /* margin-left:12px; */
    /* margin-right:12px; */
}
 .page_abouts .abouts_culture_direction article:first-child{
    border-right:1px solid rgba(20,88,255,.22)
}
 .page_abouts .abouts_culture_commitment img,.page_abouts .abouts_culture_direction img{
    width:84px;
    height:84px;
    padding:10px;
    object-fit:contain;
    border-right:1px solid rgba(20,88,255,.24);
    mix-blend-mode:multiply
}
 .page_abouts .abouts_culture_commitment{
    margin-right:0;
    /* background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(246,251,255,.86)); */
    /* box-shadow:0 18px 46px rgba(30,90,170,.08); */
}
 .page_abouts .abouts_culture_commitment img{
    width:84px;
    height:84px
}
 
 
 
 .page_oemodm .oemodm_custom_faq{
    padding: 90px 0 90px;
    background:#f4f8fd
}
 .page_oemodm .oemodm_faq_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:70px;
    row-gap:0
}
 .page_oemodm .oemodm_faq_item{
    padding:26px 0 28px;
    border-bottom:1px solid #dce6f3
}
 .page_oemodm .oemodm_faq_item:nth-last-child(-n+2){
    border-bottom:0
}
 .page_oemodm .oemodm_faq_answer,.page_oemodm .oemodm_faq_question{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:start;
    column-gap:14px
}
 .page_oemodm .oemodm_faq_answer{
    margin-top:15px
}
 .page_oemodm .oemodm_faq_answer>span,.page_oemodm .oemodm_faq_question>span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    background:#082b73;
    border-radius:4px;
    font-size:17px;
    font-weight:700;
    line-height:1;
    color:#fff
}
 .page_oemodm .oemodm_faq_answer>span{
    background:#1458ff
}
 .page_oemodm .oemodm_faq_question h3{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:1px 0 0;
    font-size:20px;
    line-height:1.4;
    font-weight:600;
    /* color:#0a244f; */
}
 .page_oemodm .oemodm_faq_answer p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:2px 0 0;
    font-size:14px;
    line-height:1.65;
    color:#5f6f89
}
 
 
 .show_products_detail{
    background:#f7f9fd
}
 .show_products_detail .product_detail_hero{
    padding:90px 0 90px;
    background:#fff
}
 .show_products_detail>.product_detail_box{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:36px;
    width:calc(100% - 30px);
    max-width:1520px;
    margin:0 auto;
    padding:72px 0;
    align-items:start
}
 .show_products_detail .sidebar{
    background:#fff;
    border-radius:8px;
    padding:15px
}
 .show_products_detail>.product_detail_box>.product_detail_box{
    min-width:0;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    padding:30px
}
 .show_products_detail .product_recommendations{
    padding:90px 0 90px;
    overflow:hidden;
    background:#fff
}
 .show_products_detail .product_recommendations_head{
    margin:0 auto 50px;
    text-align:center
}
 .show_products_detail .product_recommendations_head h2{
    margin:0 0 12px;
    font-size:36px;
    line-height:1.2;
    font-weight:600
}
 .show_products_detail .product_recommendations_head p{
    margin:0;
    font-size:16px;
    line-height:1.7;
    color:#5d6b83
}
 .show_products_detail .product_recommendations_slider{
    position:relative;
    padding:0 54px
}
 .show_products_detail .product_recommendations_swiper{
    position:relative;
    padding:0 4px 46px
}
 .show_products_detail .product_recommendations_swiper .swiper-slide{
    height:auto
}
 .show_products_detail .product_recommendations .item{
    height:100%;
    overflow:hidden;
    border:1px solid #d8e4f5;
    border-radius:8px;
    background:#fff;
    margin-top: 4px;
    transition:border-color 240ms ease,transform 240ms ease,box-shadow 240ms ease
}
 .show_products_detail .product_recommendations .item:hover{
    border-color:#9fb9ee;
    transform:translateY(-4px)
}
 .show_products_detail .product_recommendations .item>a{
    display:block;
    height:100%;
    color:inherit
}
 .show_products_detail .product_recommendations .item .img_box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:330px;
    padding:14px;
    overflow:hidden
}
 .show_products_detail .product_recommendations .item img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain;
    transition:transform 350ms ease
}
 .show_products_detail .product_recommendations .item:hover img.scale{
    transform:scale(1.06)
}
 .show_products_detail .product_recommendations .item .inquire{
    position:absolute;
    top:15px;
    right:15px;
    z-index:3;
    padding:5px 10px;
    border:1px solid #0001f5;
    border-radius:5px;
    font-size:12px;
    line-height:1;
    font-weight:600;
    color:#fff;
    background:#0001f5;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px);
    transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background-color .2s ease
}
 .show_products_detail .product_recommendations .item:hover .inquire{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
 .show_products_detail .product_recommendations .item .inquire:hover{
    background:#111bce
}
 .show_products_detail .product_recommendations .item .text_box{
    min-height:118px;
    padding:20px;
    border-top:1px solid #e2eaf6;
    text-align:center
}
 .show_products_detail .product_recommendations .item h2{
    margin:0 0 9px;
    font-size:19px;
    line-height:1.4;
    font-weight:600;
    color:#17243a
}
 .show_products_detail .product_recommendations .item p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:#52647e
}
 .show_products_detail .product_recommendations_next,.show_products_detail .product_recommendations_prev{
    position:absolute;
    top:45%;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:#0001f5;
    cursor:pointer;
    transform:translateY(-50%)
}
 .show_products_detail .product_recommendations_prev{
    left:0
}
 .show_products_detail .product_recommendations_next{
    right:0
}
 .show_products_detail .product_recommendations_next svg,.show_products_detail .product_recommendations_prev svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:#ffffff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .show_products_detail .product_recommendations_pagination{
    bottom:0;
    text-align:center;
    position:absolute
}
 .show_products_detail .product_recommendations_pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    margin:0 5px!important;
    background:#aebbd1;
    opacity:1;
    transition:width 220ms ease,border-radius 220ms ease,background-color 220ms ease
}
 .show_products_detail .product_recommendations_pagination .swiper-pagination-bullet-active{
    width:24px;
    border-radius:5px;
    background:#0001f5
}
 .show_products_detail .product_inquiry_form{
    padding:82px 0 90px;
    background:linear-gradient(135deg,#edf4ff 0,#f8fbff 52%,#eef5ff 100%)
}
 .show_products_detail .product_inquiry_form_head{
    margin:0 auto 50px;
    text-align:center
}
 .show_products_detail .product_inquiry_form_head h2{
    margin:0 0 12px;
    font-size:36px;
    line-height:1.2;
    font-weight:600
}
 .show_products_detail .product_inquiry_form_head p{
    margin:0;
    font-size:16px;
    line-height:1.7;
    color:#5d6b83
}
 .show_products_detail .product_inquiry_form .faq_support_form_main{
    max-width:1400px;
    margin:0 auto;
    padding:34px;
    overflow:hidden;
    border:1px solid #dbe6f7;
    border-radius:10px;
    background:rgba(255,255,255,.92)
}
 .show_products_detail .product_inquiry_form .faq_support_fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 24px
}
 .show_products_detail .product_inquiry_form .faq_support_fields label{
    display:block
}
 .show_products_detail .product_inquiry_form .faq_support_fields label>span,.show_products_detail .product_inquiry_form .faq_support_form_main .upload-box>label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color:#20375f
}
 .show_products_detail .product_inquiry_form .faq_support_fields i{
    font-style:normal;
    color:#f04444
}
 .show_products_detail .product_inquiry_form .faq_support_fields input,.show_products_detail .product_inquiry_form .faq_support_fields select,.show_products_detail .product_inquiry_form .faq_support_fields textarea{
    width:100%;
    height:46px;
    padding:10px 12px;
    border:1px solid #d5dfed;
    border-radius:8px;
    outline:0;
    font-size:14px;
    color:#243a62;
    background:#fbfcff;
    transition:border-color .2s ease,background-color .2s ease
}
 .show_products_detail .product_inquiry_form .faq_support_fields textarea{
    height:100px;
    padding-top:11px;
    resize:vertical;
    font-family:Poppins
}
 .show_products_detail .product_inquiry_form .faq_support_fields input:focus,.show_products_detail .product_inquiry_form .faq_support_fields select:focus,.show_products_detail .product_inquiry_form .faq_support_fields textarea:focus{
    border-color:#0001f5;
    background:#fff
}
 .show_products_detail .product_inquiry_form .faq_support_field_full{
    grid-column:1/-1
}
 .show_products_detail .product_inquiry_form .faq_support_fields_bottom,.show_products_detail .product_inquiry_form .faq_support_form_main .upload-box{
    margin-top:20px
}
 .show_products_detail .product_inquiry_form .faq_support_form_main .upload-wrap{
    min-height:76px;
    border-color:#b9c8e2;
    border-radius:8px;
    background:#fbfcff;
    transition:border-color .2s ease,background-color .2s ease
}
 .show_products_detail .product_inquiry_form .faq_support_form_main .upload-wrap:hover{
    border-color:#0001f5;
    background:#f5f7ff
}
 .show_products_detail .product_inquiry_form .faq_support_form_main .upload-wrap p{
    margin:0;
    color:#667895
}
 .show_products_detail .product_inquiry_form .faq_support_form_main .upload-wrap p strong{
    color:#0001f5
}
 .show_products_detail .product_inquiry_form .faq_support_submit{
    margin-top:18px
}
 .show_products_detail .product_inquiry_form .faq_support_submit button{
    width:max-content;
    min-height:50px;
    border:0;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    padding:10px 20px;
    color:#fff;
    background:#0001f5;
    cursor:pointer;
    transition:background-color .2s ease,transform .2s ease
}
 .show_products_detail .product_inquiry_form .faq_support_submit button:hover{
    background:#1113bd;
    transform:translateY(-1px)
}
 
 
 .show_products_detail .product_detail_video{
    margin-bottom:48px
}
 .show_products_detail .product_detail_video>h2{
    margin:0 0 16px;
    font-size:22px;
    line-height:1.35;
    font-weight:600;
    color:#0a2861
}
 .show_products_detail .product_detail_video_button{
    position:relative;
    display:block;
    width:100%;
    max-height:450px;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:8px;
    background:#071224;
    cursor:pointer
}
 .show_products_detail .product_detail_video_button::after{
    position:absolute;
    inset:0;
    background:rgba(3,12,28,.08);
    transition:background-color 220ms ease;
    content:""
}
 .show_products_detail .product_detail_video_button img{
    display:block;
    width:100%;
    /* aspect-ratio:16/9; */
    /* object-fit:cover; */
    transition:transform .5s ease
}
 .show_products_detail .product_detail_video_play{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:76px;
    height:76px;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    background:rgba(5,20,48,.54);
    box-shadow:0 12px 32px rgba(0,0,0,.28);
    transform:translate(-50%,-50%);
    transition:transform 220ms ease,background-color 220ms ease
}
 .show_products_detail .product_detail_video_play i{
    width:0;
    height:0;
    margin-left:5px;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:16px solid #fff
}
 .show_products_detail .product_detail_video_button:hover::after{
    background:rgba(3,12,28,.18)
}
 .show_products_detail .product_detail_video_button:hover img{
    transform:scale(1.025)
}
 .show_products_detail .product_detail_video_button:hover .product_detail_video_play{
    background:#1458ff;
    transform:translate(-50%,-50%) scale(1.06)
}
 .video_modal_title{
    margin:0 52px 14px 0;
    font-size:22px;
    line-height:1.35;
    font-weight:600;
    color:#0a2861
}
 .video_modal_title:empty{
    display:none
}
 .video_modal_frame video{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#000
}
 .show_products_detail .product_detail_hero>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    gap:54px;
    align-items:start
}
 .show_products_detail .product_gallery{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:16px;
    align-items:start;
    min-width:0
}
 .show_products_detail .product_gallery_main{
    grid-column:2;
    grid-row:1;
    position:relative;
    overflow:hidden;
    clip-path:inset(0);
    height:646px;
    background:#fff;
    border:1px solid #dce5f3;
    border-radius:8px
}
 .show_products_detail .product_gallery_main .swiper-wrapper{
    width:100%;
    height:100%
}
 .show_products_detail .product_gallery_main .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 100%;
    width:100%!important;
    padding:28px;
    box-sizing:border-box
}
 .show_products_detail .product_gallery_main .swiper-slide img{
    display:block;
    max-width:100%;
    max-height:calc(100% - 56px);
    width:auto;
    height:auto;
    cursor:zoom-in
}
 .show_products_detail .product_gallery_zoom{
    position:absolute;
    right:18px;
    top:18px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    background:#fff;
    border:1px solid #cddaf0;
    border-radius:50%;
    cursor:pointer
}
 .show_products_detail .product_gallery_zoom svg{
    width:20px;
    height:20px;
    fill:#0a347d
}
 .show_products_detail .product_gallery_thumbs_box{
    grid-column:1;
    grid-row:1;
    position:relative;
    height:646px;
    min-height:0;
    margin-top:0;
    padding:44px 0;
    box-sizing:border-box
}
 .show_products_detail .product_gallery_thumbs{
    height:100%;
    overflow:hidden
}
 .show_products_detail .product_gallery_thumbs .swiper-slide{
    aspect-ratio:1/1.2;
    overflow:hidden;
    background:#fff;
    border:1px solid #d9e3f2;
    border-radius:8px;
    box-sizing:border-box;
    cursor:pointer;
    padding:5px
}
 .show_products_detail .product_gallery_thumbs .swiper-slide-active,.show_products_detail .product_gallery_thumbs .swiper-slide-thumb-active{
    border-color:#1458ff
}
 .show_products_detail .product_gallery_thumbs .swiper-slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev{
    position:absolute;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:36px;
    margin-top:0;
    --swiper-navigation-color:#ffffff;
    --swiper-navigation-size:0;
    color:#fff;
    background:#0a347d;
    border:1px solid #0a347d;
    border-radius:5px;
    cursor:pointer;
    transition:background-color 220ms ease,border-color 220ms ease,transform 220ms ease,box-shadow 220ms ease
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next::after,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev::after{
    display:none
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next .swiper-navigation-icon,.show_products_detail .product_gallery_thumbs_box .swiper-button-next svg,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev .swiper-navigation-icon,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev svg{
    display:none
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next svg path,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev svg path{
    display:none
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next::before,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev::before{
    position:absolute;
    top:50%;
    left:50%;
    width:9px;
    height:9px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    content:""
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-prev::before{
    transform:translate(-50%,-35%) rotate(-45deg)
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next::before{
    transform:translate(-50%,-65%) rotate(135deg)
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next:hover,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev:hover{
    background:#0001f5;
    border-color:#0001f5;
    box-shadow:0 10px 22px rgba(0,1,245,.2);
    transform:translateY(-2px)
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-lock{
    display:flex
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-prev{
    top:0
}
 .show_products_detail .product_gallery_thumbs_box .swiper-button-next{
    top:auto;
    bottom:0
}
 .show_products_detail .product_info{
    padding:8px 0 0
}
 .show_products_detail .product_info h1{
    margin:0;
    font-size:34px;
    line-height:44px
}
 .show_products_detail .product_info_tagline{
    margin-top:12px;
    font-size:15px;
    line-height:28px;
    font-weight:600;
    color:#5f708c
}
 .show_products_detail .product_info_tagline i{
    margin:0 5px;
    font-style:normal;
    color:#1458ff
}
 .show_products_detail .product_info_meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px 18px;
    margin-top:10px;
    color:#4d5f7a;
    font-size:14px;
    line-height:1.4
}
 .show_products_detail .product_rating,
 .show_products_detail .product_views{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-width:0
}
 .show_products_detail .product_rating{
    gap:3px;
    color:#FF6201
}
 .show_products_detail .product_views{
    color:#51627c
}
 .show_products_detail .product_meta_svg{
    flex:0 0 18px;
    width:18px;
    height:18px
}
 .show_products_detail .product_rating .product_meta_svg{
    flex-basis:16px;
    width:16px;
    height:16px
}
 .show_products_detail .product_meta_svg path{
    /* fill:currentColor */
}
 .show_products_detail .product_info_meta span{
    color:#4d5f7a;
    white-space:nowrap
}
 .show_products_detail .product_info_meta strong{
    color:#0a347d;
    font-weight:600
}
 .show_products_detail .product_info_description{
    margin:22px 0 0;
    padding-top:20px;
    border-top:1px solid #dce5f2;
    font-size:14px;
    line-height:25px;
    color:#5f708c
}
 .show_products_detail .product_attributes{
    margin:26px 0 0;
    padding:0;
    list-style:none
}
 .show_products_detail .product_attributes li{
    position:relative;
    margin-top:10px;
    padding-left:18px;
    font-size:14px;
    line-height:1.6;
    color:#666
}
 .show_products_detail .product_attributes li::before{
    position:absolute;
    top:.62em;
    left:1px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#333333;
    content:""
}
 .show_products_detail .product_attributes strong{
    font-weight:100;
    color:#666
}
 .show_products_detail .product_contact_info{
    display:inline-flex;
    flex-wrap:wrap;
    width:max-content;
    max-width:100%;
    gap:10px;
    margin-top:20px
}
 .show_products_detail .product_contact_info a{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:12px 13px;
    color:#1458ff;
    background:#edf3fc;
    border-radius:8px
}
 .show_products_detail .product_contact_info a img,
 .show_products_detail .product_contact_info a svg{
    flex:0 0 22px;
    width:22px;
    height:22px;
    object-fit:contain;
    fill:#1458ff
}
 .show_products_detail .product_contact_info a svg path{
    fill:currentColor
}
 .show_products_detail .product_contact_info span,.show_products_detail .product_contact_info strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
 .show_products_detail .product_contact_info span{
    font-size:13px;
    text-transform:uppercase;
    color:#71809a
}
 .show_products_detail .product_contact_info strong{
    font-size:14px;
    font-weight: 500;
    color: #666666;
}
 .show_products_detail .product_info_bottom{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:24px;
    margin-top:24px
}
 .show_products_detail .product_quote_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:176px;
    height:52px;
    padding:0 28px;
    border:0;
    background:#1458ff;
    border-radius:8px;
    font-family:inherit;
    font-size:15px;
    font-weight:600;
    color:#fff;
    cursor:pointer
}
 .show_products_detail .product_quote_btn svg{
    width:20px;
    height:20px;
    color:#fff;
    fill:#ffffff;
    flex:0 0 auto
}
 .show_products_detail .product_quote_btn span{
    color:#fff
}
 .show_products_detail .product_quote_btn svg path{
    fill:#ffffff
}
 .show_products_detail .product_quote_btn:focus,.show_products_detail .product_quote_btn:focus span,.show_products_detail .product_quote_btn:hover,.show_products_detail .product_quote_btn:hover span{
    color:#fff
}
 .show_products_detail .product_quote_btn:focus svg,.show_products_detail .product_quote_btn:focus svg path,.show_products_detail .product_quote_btn:hover svg,.show_products_detail .product_quote_btn:hover svg path{
    color:#fff;
    fill:#ffffff
}
 .show_products_detail .product_gallery_lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:40px;
    background:rgba(5,18,45,.9)
}
 .show_products_detail .product_gallery_lightbox.open{
    display:flex
}
 .show_products_detail .product_gallery_lightbox img{
    display:block;
    max-width:92vw;
    max-height:90vh
}
 .show_products_detail .product_gallery_lightbox button{
    position:absolute;
    right:28px;
    top:20px;
    padding:0;
    background:0 0;
    border:0;
    font-size:46px;
    line-height:1;
    color:#fff;
    cursor:pointer
}
 .page_abouts .abouts_profile{
    position:relative;
    padding:0;
    overflow:hidden
}
 .page_abouts .abouts_profile_inner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(370px,40%) minmax(0,1fr) 250px;
    width:calc(100% - max(0px,(100% - 1520px)/ 2));
    max-width:none;
    min-height:520px;
    margin:0 0 0 max(0px,calc((100% - 1520px)/ 2));
    overflow:visible;
    background:#fff
}
 .page_abouts .abouts_profile_intro{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    padding:90px 30px 0 0;
    background:linear-gradient(90deg,#fff 0,#fff 72%,rgba(255,255,255,0) 100%)
}
 .page_abouts .abouts_profile_copy{
    width:100%
}
 .page_abouts .abouts_profile_brand{
    display:block;
    margin-bottom:2px;
    color:#17213d;
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px
}
 .page_abouts .abouts_profile h1{
    position:relative;
    margin:0 0 28px;
    padding-bottom:15px;
    font-size:clamp(38px, 3.15vw, 54px);
    font-weight:700;
    line-height:1.3
}
 .page_abouts .abouts_profile h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:68px;
    height:3px;
    background:#1b55ff
}
 .page_abouts .abouts_profile_copy p{
    margin:0;
    color:#2f3d65;
    font-size:16px;
    line-height:1.55
}
 .page_abouts .abouts_profile_year{
    display:block;
    margin:18px 0 2px;
    color:#1452ef;
    font-size:clamp(76px, 8vw, 132px);
    font-weight:700;
    line-height:.95;
    letter-spacing:-7px;
    background:linear-gradient(180deg,#0646ee 20%,#7596ff 94%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent
}
 .page_abouts .abouts_profile_values{
    color:#354260;
    font-size:13px;
    white-space:nowrap
}
 .page_abouts .abouts_profile_visual{
    margin-left:-90px;
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.5) 9%,rgba(255,255,255,0) 28%),url("../images/abouts/company-profile-factory.webp") center center/cover no-repeat
}
 .page_abouts .abouts_profile_stats{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-rows:repeat(3,1fr);
    width:250px;
    padding:36px 30px;
    color:#fff;
    background:linear-gradient(145deg,#0e5aff 0,#0038d7 100%)
}
 .page_abouts .abouts_profile_stat{
    display:flex;
    align-items:center;
    gap:18px;
    border-bottom:1px solid rgba(255,255,255,.2)
}
 .page_abouts .abouts_profile_stat:last-child{
    border-bottom:0
}
 .page_abouts .abouts_profile_stat img{
    width:48px;
    height:48px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .page_abouts .abouts_profile_stat span,.page_abouts .abouts_profile_stat strong{
    display:block
}
 .page_abouts .abouts_profile_stat strong{
    margin-bottom:5px;
    color:#fff;
    font-size:26px;
    line-height:1.1
}
 .page_abouts .abouts_profile_stat span{
    color:rgba(255,255,255,.88);
    font-size:13px;
    line-height:1.4
}
 
 
 .page_abouts .abouts_company{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#fff url("../images/abouts/company-introduction/company-tech-background.webp") center bottom/cover no-repeat
}
 .page_abouts .abouts_company::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none
}
 .page_abouts .abouts_company .auto-container{
    position:relative;
    z-index:1
}
 .page_abouts .abouts_company_panel{
    position:relative;
    display:block;
    overflow:visible
}
 .page_abouts .abouts_company_content{
    position:relative;
    z-index:1;
    display:block;
    padding:0;
    text-align:left;
    margin-left: -30px;
}
 .page_abouts .abouts_company_kicker{
    display:block;
    margin-bottom:24px;
    color:#1458ff;
    font-size: 14px;
    font-weight:700;
    line-height:1;
    letter-spacing:.28em;
    text-transform:uppercase
}
 .page_abouts .abouts_company h1{
    margin:0;
    color:#092c6e;
    font-size:clamp(48px,4.2vw,68px);
    font-weight:700;
    line-height:1.02;
    letter-spacing:-.035em
}
 .page_abouts .abouts_company h2{
    position:relative;
    margin:22px 0 0;
    padding-top:22px;
    color:#617089;
    font-size: 18px;
    font-weight: unset;
}
 .page_abouts .abouts_company h2::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:64px;
    height:3px;
    background:#1458ff;
    transform:translateX(-50%)
}
 .page_abouts .abouts_company_copy{
    position:relative;
    display:block;
    /* max-width:590px; */
    column-count:1;
    column-gap:0;
    padding-top:31px
}
 .page_abouts .abouts_company_copy::before{
    display:none
}
 .page_abouts .abouts_company_copy p{
    margin:0;
    color:#3f4653;
    font-size: 19px;
    font-weight:400;
    line-height: 1.75;
}
 .page_abouts .abouts_company_copy p+p{
    margin-top:21px
}
 .page_abouts .abouts_company_stage{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,54%) minmax(0,46%);
    height:auto;
    /* min-height:550px; */
    overflow:visible;
    border-radius:0
}
 .page_abouts .abouts_company_year{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:column;
    min-width:0;
    padding: 40px 60px 40px 60px;
    color:#fff;
    text-align:left;
    text-transform:none;
    background:#1458ff
}
 .page_abouts .abouts_company_year .abouts_company_content h1{
    max-width:360px;
    color:#fff;
    font-size: clamp(40px,3.4vw,65px);
    line-height:.95
}
 .page_abouts .abouts_company_year .abouts_company_content h2{
    max-width:330px;
    margin-top:18px;
    padding-top: 20px;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.5
}
 .page_abouts .abouts_company_year .abouts_company_content h2::before{
    left:0;
    width:48px;
    height:2px;
    background:rgba(255,255,255,.72);
    transform:none
}
 .page_abouts .abouts_company_year_mark{
    width:100%;
    text-transform:uppercase
}
 .page_abouts .abouts_company_year_mark strong{
    display:block;
    color:#fff;
    font-size: clamp(72px,7.2vw,70px);
    font-weight:700;
    line-height:.88;
    letter-spacing:-.055em
}
 .page_abouts .abouts_company_year_mark span{
    display:block;
    margin-top:16px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1;
    letter-spacing:.32em
}
 .page_abouts .abouts_company_axis{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:620px;
    color:#1458ff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.36em;
    text-transform:uppercase;
    writing-mode:vertical-rl
}
 .page_abouts .abouts_company_axis::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:1px;
    background:linear-gradient(180deg,#1458ff 0,rgba(20,88,255,.18) 24%,rgba(20,88,255,.18) 76%,#1458ff 100%);
    transform:translateX(-50%)
}
 .page_abouts .abouts_company_axis::after{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:5px;
    background:
        radial-gradient(circle,#1458ff 0 2px,transparent 3px) top center/5px 5px no-repeat,
        radial-gradient(circle,#1458ff 0 2px,transparent 3px) bottom center/5px 5px no-repeat;
    transform:translateX(-50%)
}
 .page_abouts .abouts_company_axis span{
    position:relative;
    z-index:1;
    display:inline-block;
    padding:8px 0;
    background:#fff
}
 .page_abouts .abouts_company_axis span:not(:last-child)::after{
    content:"\2022";
    display:inline-block;
    margin:12px 0;
    letter-spacing:0
}
 .page_abouts .abouts_company_media{
    min-width:0
}
 .page_abouts .abouts_company_visual{
    position:relative;
    z-index:2;
    grid-column:1;
    grid-row:1;
    min-width:0;
    /* height:550px; */
    margin:0;
    overflow:hidden;
    border-radius:8px;
    clip-path:none
}
 .page_abouts .abouts_company_visual::before{
    display:none
}
 .page_abouts .abouts_company_visual img{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    /* object-fit:cover; */
    object-position:center
}
 .page_abouts .abouts_company_intro{
    position:relative;
    z-index:2;
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding: 90px 0px 40px 30px;
}
 .page_abouts .abouts_company_title_line{
    display:block;
    width:62px;
    height:4px;
    margin-top:25px;
    border-radius:3px;
    background:#1458ff
}
 .page_abouts .abouts_company_visual figcaption{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:68px;
    margin:0;
    padding: 0 34px 0 0;
    color:#071f55;
    font-size: 16px;
    font-weight: 600;
    line-height:1.3;
    background:linear-gradient(90deg,#fff 0,#f8fbff 100%)
}
 .page_abouts .abouts_company_visual figcaption::before{
    content:"";
    width:4px;
    height:32px;
    background:#1458ff
}
 .page_abouts .abouts_company_visual figcaption i{
    color:#1458ff;
    font-style:normal
}
 .page_abouts .abouts_company_stats{
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    gap:0;
    width:100%;
    margin:30px 0 0;
    padding:20px 30px;
    overflow:hidden;
    border-radius:8px;
    background:rgba(255,255,255,.82);
    box-shadow:0 18px 55px rgba(59,105,173,.12)
}
 .page_abouts .abouts_company_stats::after,.page_abouts .abouts_company_stats::before{
    display:none
}
 .page_abouts .abouts_company_stat{
    position:relative;
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    align-items:center;
    gap:18px;
    min-width:0;
    min-height:96px;
    padding:0 28px;
    border:0;
    background:none
}
 .page_abouts .abouts_company_stat:first-child{
    padding-left:8px
}
 .page_abouts .abouts_company_stat:last-child{
    padding-right:8px
}
 .page_abouts .abouts_company_stat:not(:last-child)::after{
    content:"";
    position:absolute;
    top:12px;
    right:0;
    bottom:12px;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(65,106,170,.24) 20%,rgba(65,106,170,.24) 80%,transparent)
}
 .page_abouts .abouts_company_stat div{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    min-height:0;
    padding-left:0
}
 .page_abouts .abouts_company_stat div::before{
    display:none
}
 .page_abouts .abouts_company_stat div::after{
    content:"";
    display:block;
    align-self:flex-start;
    width:44px;
    height:2px;
    margin-top:12px;
    flex:0 0 auto;
    background:linear-gradient(90deg,#1458ff 0%,rgba(20,88,255,.62) 48%,rgba(20,88,255,0) 100%)
}
 .page_abouts .abouts_company_stat img{
    display:block;
    width:70px;
    height:70px;
    padding:0;
    object-fit:contain;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none
}
 .page_abouts .abouts_company_stat:nth-child(2) img{
    width:74px;
    height:74px
}
 .page_abouts .abouts_company_stat_icon{
    display:grid;
    place-items:center;
    align-self:center;
    justify-self:center;
    width:80px;
    height:80px;
    overflow:hidden;
    border:0;
    border-radius:50%;
    background:linear-gradient(145deg,#448fff 0%,#1768ee 50%,#0646d1 100%)
}
 .page_abouts .abouts_company_stat_icon img{
    width:43px;
    height:43px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .page_abouts .abouts_company_stat:nth-child(2) .abouts_company_stat_icon{
    width:86px;
    height:86px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none
}
 .page_abouts .abouts_company_stat:nth-child(2) .abouts_company_stat_icon img{
    width:86px;
    height:86px;
    filter:none
}
 .page_abouts .abouts_company_stat span,.page_abouts .abouts_company_stat strong{
    /* display:block */
}
 .page_abouts .abouts_company_stat strong{
    margin:0 0 8px;
    color:#0001f5;
    font-size:clamp(24px,2vw,32px);
    font-weight:600;
    line-height:1.05;
    white-space:nowrap
}
 .page_abouts .abouts_company_stat strong span{
    display:inline;
    color:#0001f5
}
 .page_abouts .abouts_company_stat div>span{
    display:block;
    color:#4e5665;
    font-size:14px;
    font-weight:400;
    line-height:1.35
}
 .page_abouts .abouts_company_stat .new_about_stars{
    color:#ffad00;
    font-size:18px;
    line-height:1;
    letter-spacing:2px;
    white-space:nowrap
}
 
 
 
 .page_abouts .abouts_services{
    padding:90px 0 100px;
    overflow:hidden;
    background:#fff
}
 .page_abouts .abouts_services_grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px
}
 .page_abouts .abouts_service_card{
    position:relative;
    min-width:0;
    min-height:415px;
    padding:105px 20px 20px;
    overflow:hidden;
    text-align:center;
    border:1px solid rgba(201,217,239,.82);
    border-radius:10px;
    background:rgba(255,255,255,.92);
    transition:transform .3s ease,box-shadow .3s ease
}
 .page_abouts .abouts_service_card:hover{
    transform:translateY(-8px)
}
 .page_abouts .abouts_service_number{
    position:absolute;
    top:24px;
    left:24px;
    color:#e2ebf8;
    font-family:Georgia,"Times New Roman",serif;
    font-size: 70px;
    line-height:.9
}
 .page_abouts .abouts_service_card img{
    position:relative;
    z-index:2;
    display:block;
    width: 60px;
    height: 60px;
    margin:0 auto 20px;
    object-fit:cover;
    mix-blend-mode:multiply
}
 .page_abouts .abouts_service_card h3{
    position:relative;
    margin:0 0 20px;
    padding-top: 20px;
    /* color:#0b2d67; */
    font-size:18px;
    line-height:1.25
}
 .page_abouts .abouts_service_card p{
    margin:0;
    color:#56657b;
    font-size:14px;
    line-height:1.7
}
 
 
 .page_abouts .abouts_growth{
    position:relative;
    padding: 90px 0 60px;
    overflow:hidden;
    background-color:#f6faff;
    background-image:url("../images/abouts/growth-journey/growth-journey-bg.webp");
    background-position:center bottom;
    background-size:100% 100%;
    background-repeat:no-repeat
}
.page_abouts .abouts_growth .abouts_section_head{
    margin-bottom: 0;
}
 .page_abouts .abouts_growth_stage{
    position:relative;
    z-index:3;
    min-height:650px;
    padding-top:54px
}
 .page_abouts .abouts_growth_swiper{
    overflow:visible;
    padding: 90px 0 115px;
}
 .page_abouts .abouts_growth_swiper .swiper-wrapper{
    align-items:flex-end
}
 .page_abouts .abouts_growth_swiper .swiper-slide{
    height:auto;
    /* padding:18px 8px 0; */
    opacity:.88;
    transition:opacity .45s ease
}
 .page_abouts .abouts_growth_swiper .growth_featured,.page_abouts .abouts_growth_swiper .swiper-slide-active{
    opacity:1
}
 .page_abouts .abouts_growth_card{
    position:relative;
    min-height:340px;
    width: 100%;
    padding: 40px;
    text-align:center;
    border:1px solid rgba(155,185,224,.78);
    border-radius:14px;
    background:rgba(255,255,255,.93);
    transform: translateY(var(--growth-step-offset,0));
    transform-origin:center bottom;
    transition:transform .45s ease,color .45s ease,background .45s ease,box-shadow .45s ease
}
 .page_abouts .growth_step_1{
    --growth-step-offset:20px;
    /* --growth-line-height:50px; */
}
 .page_abouts .growth_step_2{
    --growth-step-offset: -20px;
    --growth-line-height:70px
}
 .page_abouts .growth_step_3{
    --growth-step-offset: -60px;
    --growth-line-height: 70px;
}
 .page_abouts .growth_step_4{
    --growth-step-offset: -90px;
    --growth-line-height: 70px;
}
 .page_abouts .abouts_growth_card::after{
    position:absolute;
    left:50%;
    bottom:calc(var(--growth-line-height,86px) * -1);
    width:1px;
    height:var(--growth-line-height,86px);
    background:linear-gradient(180deg,#3572cc,rgba(53,114,204,.25));
    content:""
}
 .page_abouts .abouts_growth_card::before{
    position:absolute;
    left:50%;
    bottom:calc((var(--growth-line-height,86px) + 8px) * -1);
    z-index:2;
    width:15px;
    height:15px;
    border:4px solid #fff;
    border-radius:50%;
    background:#1355d8;
    box-shadow:0 0 0 2px #1355d8;
    content:"";
    transform:translateX(-50%)
}
 .page_abouts .growth_step_3 .abouts_growth_card::after{
    /* left:50%; */
    /* bottom:-30px; */
    /* width:1px; */
    /* height:30px; */
}
 .page_abouts .growth_step_3 .abouts_growth_card::before{
    /* left:50%; */
    /* bottom:-38px; */
}
 .page_abouts .growth_step_4 .abouts_growth_card::after{
    /* left:50%; */
    /* bottom:-20px; */
    /* width:1px; */
    /* height:20px; */
}
 .page_abouts .growth_step_4 .abouts_growth_card::before{
    /* left:50%; */
    /* bottom:-28px; */
}
 .page_abouts .abouts_growth_card img{
    position:absolute;
    top:-38px;
    left:50%;
    width:76px;
    height:76px;
    padding:10px;
    object-fit:cover;
    border:1px solid #a9c4e7;
    border-radius:50%;
    background:#fff;
    mix-blend-mode:multiply;
    transform:translateX(-50%);
    display:none
}
 .page_abouts .abouts_growth_card h3,.page_abouts .abouts_growth_card strong span,.page_abouts .abouts_growth_card strong{
    display:block;
    color: #0001f5;
}
.page_abouts .abouts_growth_card strong span{
    
display: inline;
}
 .page_abouts .abouts_growth_card > span{
    font-size:26px;
    color:#333333;
}
 .page_abouts .abouts_growth_card strong{
    margin:15px 0 5px;
    font-size:40px;
    line-height:1
}
 .page_abouts .abouts_growth_card h3{
    margin:0 0 20px;
    font-size:18px
}
 .page_abouts .abouts_growth_card p{
    margin:0;
    color:#596980;
    font-size:14px;
    line-height:1.65
}
 .page_abouts .abouts_growth_swiper .growth_featured .abouts_growth_card{
    transform:translateY(var(--growth-step-offset,0)) scale(1.03)
}
 .page_abouts .abouts_growth_swiper .growth_featured .abouts_growth_card h3{
    border-color:rgba(255,255,255,.35)
}
 .page_abouts .abouts_growth_pagination{
    position:static;
    margin-top:8px;
    text-align:center
}
 .page_abouts .abouts_growth_pagination .swiper-pagination-bullet{
    width:26px;
    height:4px;
    margin:0 4px;
    border-radius:3px;
    background:#9cacc1;
    opacity:.6
}
 .page_abouts .abouts_growth_pagination .swiper-pagination-bullet-active{
    background:#1355d8;
    opacity:1
}
 
 .page_abouts .abouts_factory{
    position:relative;
    padding: 90px 0 0;
    overflow:hidden;
    /* background:linear-gradient(180deg,#fff 0,#f6f9ff 100%); */
}
 .page_abouts .abouts_factory_gallery{
    position:relative;
    z-index:2;
}
 .page_abouts .abouts_factory_main_swiper{
    position:relative;
    min-height:520px;
    overflow:hidden;
    max-width: 94%;
    /* border:1px solid rgba(185,204,231,.72); */
    /* border-radius:8px; */
    /* background:#f4f8ff; */
    /* box-shadow:0 20px 48px rgba(22,65,128,.12); */
}
 .page_abouts .abouts_factory_main_swiper .swiper-slide{
    width:100%;
    height:auto
}
 .page_abouts .abouts_factory_slide{
    display:grid;
    grid-template-columns: minmax(345px,45%) minmax(0,55%);
    min-height:520px;
    /* background:#fff; */
    border-radius: 8px;
    overflow: hidden;
}
 .page_abouts .abouts_factory_slide_content{
    position:relative;
    display:flex;
    justify-content:center;
    flex-direction:column;
    min-width:0;
    padding: 50px clamp(38px,4vw,68px);
    background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%)
}
 .page_abouts .abouts_factory_slide_content h3{
    margin:0;
    /* color:#092c6e; */
    font-size: clamp(30px,2.6vw,30px);
    font-weight:700;
    line-height:1.12;
    letter-spacing:-.025em
}
 .page_abouts .abouts_factory_slide_content p{
    /* max-width:440px; */
    margin: 30px 0 0;
    color:#526078;
    font-size:15px;
    font-weight:400;
    line-height:1.75
}
 .page_abouts .abouts_factory_slide_media{
    min-width:0;
    height:520px;
    margin:0;
    overflow:hidden;
    /* background:#eaf1fb; */
}
 .page_abouts .abouts_factory_slide_media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_abouts .abouts_factory_gallery>.swiper-button-next,
 .page_abouts .abouts_factory_gallery>.swiper-button-prev{
    top:50%;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 45px;
    height: 45px;
    margin-top:0;
    border:1px solid rgba(20,88,255,.18);
    border-radius:50%;
    background-color:#fff;
    background-image:none;
    /* box-shadow:0 10px 28px rgba(12,55,126,.16); */
    transform:translateY(-50%);
    transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease,opacity .25s ease
}
 .page_abouts .abouts_factory_gallery>.swiper-button-prev{
    left:-26px
}
 .page_abouts .abouts_factory_gallery>.swiper-button-next{
    right:-26px
}
 .page_abouts .abouts_factory_gallery>.swiper-button-next svg,
 .page_abouts .abouts_factory_gallery>.swiper-button-prev svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#0a347d;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:stroke .25s ease,transform .25s ease
}
 .page_abouts .abouts_factory_gallery>.swiper-button-next:hover,
 .page_abouts .abouts_factory_gallery>.swiper-button-prev:hover{
    border-color:#1458ff;
    background-color:#1355d8;
    /* box-shadow:0 12px 30px rgba(19,85,216,.25); */
    transform:translateY(-50%) scale(1.04)
}
 .page_abouts .abouts_factory_gallery>.swiper-button-prev:hover svg{
    transform:translateX(-2px);
    stroke:#fff
}
 .page_abouts .abouts_factory_gallery>.swiper-button-next:hover svg{
    transform:translateX(2px);
    stroke:#fff
}
 .page_abouts .abouts_factory_gallery>.swiper-button-disabled{
    opacity:.34;
    cursor:not-allowed;
    box-shadow:none
}
 
 .page_abouts .abouts_customer_visits{
    position:relative;
    padding:90px 0 90px;
    overflow:hidden;
    /* background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%); */
}
 .page_abouts .abouts_customer_visits_carousel{
    position:relative;
    z-index:2;
    padding:28px 78px 42px
}
 .page_abouts .abouts_customer_visits_swiper{
    overflow:visible
}
 .page_abouts .abouts_customer_visits_swiper .swiper-slide{
    opacity:.24;
    transform:translateY(34px) scale(.86);
    transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.25,1)
}
 .page_abouts .abouts_customer_visits_swiper .swiper-slide-prev,
 .page_abouts .abouts_customer_visits_swiper .swiper-slide-next{
    opacity:.76;
    transform:translateY(17px) scale(.93)
}
 .page_abouts .abouts_customer_visits_swiper .swiper-slide-active{
    z-index:3;
    opacity:1;
    transform:translateY(-6px) scale(1.04)
}
 .page_abouts .abouts_customer_visit_card{
    height:100%;
    overflow:hidden;
    border:1px solid rgba(169,195,232,.78);
    border-radius: 8px;
    background:#fff;
    /* box-shadow:0 18px 46px rgba(34,77,136,.08); */
    transition:border-color .35s ease,box-shadow .35s ease
}
 .page_abouts .swiper-slide-active .abouts_customer_visit_card{
    border-color:rgba(78,132,214,.7);
    /* box-shadow:0 24px 58px rgba(34,77,136,.18); */
}
 .page_abouts .abouts_customer_visit_media{
    position:relative;
    margin:0;
    overflow:hidden;
    aspect-ratio:4/3;
    background:#e8f0fb
}
 .page_abouts .abouts_customer_visit_media::after{
    position:absolute;
    inset:auto 0 0;
    height:34%;
    background:linear-gradient(180deg,transparent,rgba(5,35,78,.18));
    content:"";
    pointer-events:none
}
 .page_abouts .abouts_customer_visit_media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease
}
 .page_abouts .swiper-slide-active .abouts_customer_visit_media img,
 .page_abouts .abouts_customer_visit_card:hover .abouts_customer_visit_media img{
    filter:saturate(1.04) contrast(1.02);
    transform:scale(1.035)
}
 .page_abouts .abouts_customer_visit_copy{
    min-height:180px;
    padding:26px 28px 28px
}
 .page_abouts .abouts_customer_visit_copy span{
    display:block;
    margin-bottom:10px;
    color:#326cc5;
    font-size:12px;
    font-weight: 600;
    letter-spacing:.12em;
    text-transform:uppercase
}
 .page_abouts .abouts_customer_visit_copy h3{
    margin:0 0 11px;
    /* color:#071f48; */
    font-size: 21px;
    font-weight: 600;
    line-height:1.25
}
 .page_abouts .abouts_customer_visit_copy p{
    margin:0;
    color:#63738e;
    font-size: 14px;
    line-height: 1.45;
}
 .page_abouts .abouts_customer_visits_btn{
    position:absolute;
    top:48%;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    padding:0;
    border:1px solid rgba(104,148,211,.58);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    color:#1355d8;
    /* box-shadow:0 12px 30px rgba(21,65,126,.13); */
    cursor:pointer;
    transform:translateY(-50%);
    transition:background .3s ease,color .3s ease,transform .3s ease
}
 .page_abouts .abouts_customer_visits_btn:hover{
    background:#1355d8;
    color:#fff;
    transform:translateY(-50%) scale(1.06)
}
 .page_abouts .abouts_customer_visits_btn svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.8
}
 .page_abouts .abouts_customer_visits_btn:hover svg{
     stroke: #ffffff;
 }
 .page_abouts .abouts_customer_visits_prev{
    left: 30px;
}
 .page_abouts .abouts_customer_visits_next{
    right: 30px;
}
 .page_abouts .abouts_customer_visits_pagination{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    text-align:center
}
 .page_abouts .abouts_customer_visits_pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    margin:0 5px;
    background:#aebbcf;
    opacity:.58;
    transition:width .3s ease,background .3s ease,opacity .3s ease
}
 .page_abouts .abouts_customer_visits_pagination .swiper-pagination-bullet-active{
    width:26px;
    border-radius:8px;
    background:#1355d8;
    opacity:1
}
 
 
 .page_abouts .abouts_exhibitions{
    position:relative;
    padding:88px 0 96px;
    overflow:hidden;
    background:#f7f9fd
}
 .page_abouts .abouts_exhibitions::before{
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,rgba(219,231,249,.7),transparent 28%,transparent 72%,rgba(224,235,250,.72));
    content:"";
    pointer-events:none
}
 .page_abouts .abouts_exhibitions_swiper{
    position:relative;
    z-index:2;
    overflow:hidden
}
 .page_abouts .abouts_exhibitions_mobile{
    display:none
}
 .page_abouts .abouts_exhibitions_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(2,300px);
    gap:20px
}
 .page_abouts .abouts_exhibitions_grid figure{
    position:relative;
    margin:0;
    min-width:0;
    overflow:hidden;
    border-radius:8px;
    background:#dce8f7
}
 .page_abouts .abouts_exhibitions_grid img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease
}
 .page_abouts .abouts_exhibitions_grid figure:hover img{
    filter:saturate(1.06) contrast(1.03);
    transform:scale(1.035)
}
 .page_abouts .abouts_exhibitions_pagination{
    position:relative;
    z-index:2;
    margin-top:24px;
    text-align:center
}
 .page_abouts .abouts_exhibitions_pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    margin:0 5px;
    background:#aebbcf;
    opacity:.65
}
 .page_abouts .abouts_exhibitions_pagination .swiper-pagination-bullet-active{
    width:24px;
    border-radius:8px;
    background:#1355d8;
    opacity:1
}

/* Quotation, single-page content, articles and inquiry confirmation. */
.quotation-page,.page_detail,.page_show,.thanks_page{
    --inner-blue:#0001f5;
    --inner-ink:#172b4d;
    --inner-muted:#657797;
    --inner-line:#dce5f2;
    --inner-wash:#f3f7fc;
    min-width:0;
}
.quotation-page{padding:80px 0 90px;background:#eef6ff}
.quotation-page .quotation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:32px;width:calc(100% - 80px);max-width:1520px;margin:0 auto}
.quotation-page .quote-selection-card,.quotation-page .contact-main-wrap,.quotation-page .contact-main{min-width:0}
.quotation-page .quote-selection-card,.quotation-page .form-card{padding:32px;border:1px solid var(--inner-line);border-radius:12px;background:#fff;box-shadow:0 12px 40px rgba(27,64,118,.045)}
.quotation-page .quote-card-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--inner-line)}
.quotation-page .quote-card-head h2{margin:0;color:var(--inner-ink);font-size:25px;line-height:1.4;font-weight:600}
.quotation-page .product-number{color:var(--inner-blue)}
.quotation-page .quote-list-actions{display:flex;flex-wrap:wrap;gap:8px}
.quotation-page .quote-list-actions button{min-height:38px;padding:8px 14px;border:1px solid #d5dfed;border-radius:6px;background:#fff;color:#344b6f;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.quotation-page .quote-list-actions button:hover{border-color:var(--inner-blue);background:#f3f5ff;color:var(--inner-blue)}
.quotation-page .quote-product-list{max-height:610px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdccec transparent}
.quotation-page .quote-product-list:empty{display:none}
.quotation-page .quote-product-list .item{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--inner-line)}
.quotation-page .quote-product-list .item:first-child{padding-top:0}
.quotation-page .quote-product-list .item:last-child{border-bottom:0;padding-bottom:0}
.quotation-page .quote-product-list .img{width:86px;height:86px;margin:0;overflow:hidden;border:1px solid #e4ebf5;border-radius:8px;background:var(--inner-wash)}
.quotation-page .quote-product-list .img a,.quotation-page .quote-product-list .img img{display:block;width:100%;height:100%}
.quotation-page .quote-product-list .img img{object-fit:contain;transition:transform .25s}
.quotation-page .quote-product-list .item:hover img{transform:scale(1.04)}
.quotation-page .quote-product-list .text{min-width:0}
.quotation-page .quote-product-list h3{margin:0;font-size:16px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;color:var(--inner-ink)}
.quotation-page .quote-product-list a:hover h3{color:var(--inner-blue)}
.quotation-page .quote-product-list .other{display:grid;justify-items:center;gap:12px}
.quotation-page .custom-checkbox{width:20px;height:20px;margin:0;accent-color:var(--inner-blue);cursor:pointer}
.quotation-page .remove-btn{border:0;padding:4px;background:none;color:#7c5260;font-size:12px;cursor:pointer}
.quotation-page .remove-btn:hover{color:#bd284b;text-decoration:underline}
.quotation-page .quote-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;padding:36px 24px;border:1px dashed #c6d5ec;border-radius:8px;background:#f8fbff;text-align:center}
.quotation-page .quote-product-list:not(:empty)+.quote-empty{display:none}
.quotation-page .quote-empty h3{margin:0;font-size:22px;font-weight:600;line-height:1.35;color:var(--inner-ink)}
.quotation-page .quote-empty p{max-width:390px;margin:14px 0 24px;font-size:14px;line-height:1.8;color:var(--inner-muted)}
.quotation-page .quote-empty .btn-cta,.quotation-page .quotation-submit .btn-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:1px solid var(--inner-blue);border-radius:8px;background:var(--inner-blue);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.quotation-page .quote-empty .btn-cta:hover,.quotation-page .quotation-submit .btn-submit:hover{background:#1416c8;border-color:#1416c8;box-shadow:0 7px 18px rgba(0,1,245,.13);transform:translateY(-2px)}
.quotation-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.quotation-page .form-group{display:flex;flex-direction:column;gap:9px;min-width:0;margin:0}
.quotation-page .form-group.full{grid-column:1/-1}
.quotation-page .form-group label{font-size:14px;font-weight:500;line-height:1.4;color:var(--inner-ink)}
.quotation-page .form-group label span{color:#e34b54}
.quotation-page .form-group input,.quotation-page .form-group textarea{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid #d5dfed;border-radius:8px;background:#fff;color:#243a62;font:inherit;font-size:14px;outline:0;transition:border-color .2s,box-shadow .2s}
.quotation-page .form-group input{height:48px}
.quotation-page .form-group textarea{min-height:168px;resize:vertical;line-height:1.7}
.quotation-page .form-group input::placeholder,.quotation-page .form-group textarea::placeholder{color:#8996aa;opacity:1}
.quotation-page .form-group input:focus,.quotation-page .form-group textarea:focus{border-color:var(--inner-blue);box-shadow:0 0 0 3px rgba(0,1,245,.07)}
.quotation-page .quote-product-textarea[hidden]{display:none}
.quotation-page .quotation-submit{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}
.quotation-page .btn-continue{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #cfdcf0;border-radius:8px;font-size:14px;color:#344b6f;transition:color .2s,border-color .2s}
.quotation-page .btn-continue:hover{border-color:var(--inner-blue);color:var(--inner-blue)}
.quotation-page a:focus-visible,.quotation-page button:focus-visible,.page_show a:focus-visible,.page_show button:focus-visible,.thanks_page a:focus-visible{outline:2px solid var(--inner-blue);outline-offset:4px}

/* Long-form reading: quiet white surfaces and the site's blue accents. */
.page_detail .page_detail_box{padding:76px 0 90px;background:#fff}
.page_detail .section_container{width:calc(100% - 80px);max-width:1080px;margin:0 auto}
.page_detail .page_detail_box h1{margin:0 0 36px;padding-bottom:26px;border-bottom:1px solid var(--inner-line);color:var(--inner-ink);font-size:38px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.page_detail .page_detail_meta,.page_show .show_article_content{color:#42536d;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.page_detail .page_detail_meta p,.page_show .show_article_content p{margin:0 0 20px;color:#42536d;line-height:1.85}
.page_detail .page_detail_meta h2,.page_show .show_article_content h2{margin:36px 0 18px;color:var(--inner-ink);font-size:27px;font-weight:600;line-height:1.4}
.page_detail .page_detail_meta h3,.page_show .show_article_content h3{margin:30px 0 14px;color:var(--inner-ink);font-size:22px;font-weight:600;line-height:1.45}
.page_detail .page_detail_meta h4,.page_show .show_article_content h4{margin:26px 0 12px;color:var(--inner-ink);font-size:19px;font-weight:600;line-height:1.45}
.page_detail .page_detail_meta h5,.page_detail .page_detail_meta h6,.page_show .show_article_content h5,.page_show .show_article_content h6{margin:24px 0 12px;color:var(--inner-ink);font-size:17px;line-height:1.5}
.page_detail .page_detail_meta ul,.page_detail .page_detail_meta ol,.page_show .show_article_content ul,.page_show .show_article_content ol{margin:18px 0 24px;padding-left:26px}
.page_detail .page_detail_meta li,.page_show .show_article_content li{padding-left:4px;color:#42536d}
.page_detail .page_detail_meta li+li,.page_show .show_article_content li+li{margin-top:9px}
.page_detail .page_detail_meta li::marker,.page_show .show_article_content li::marker{color:var(--inner-blue)}
.page_detail .page_detail_meta a,.page_show .show_article_content a{color:var(--inner-blue);text-decoration:underline;text-underline-offset:3px}
.page_detail .page_detail_meta strong,.page_show .show_article_content strong{color:var(--inner-ink);font-weight:600}
.page_detail .page_detail_meta img,.page_show .show_article_content img{max-width:100%;height:auto;border-radius:8px}
.page_detail .page_detail_meta figure,.page_show .show_article_content figure{margin:28px 0}
.page_detail .page_detail_meta figcaption,.page_show .show_article_content figcaption{margin-top:10px;text-align:center;font-size:13px;color:var(--inner-muted)}
.page_detail .page_detail_meta blockquote,.page_show .show_article_content blockquote{margin:28px 0;padding:22px 26px;border-left:3px solid var(--inner-blue);border-radius:0 8px 8px 0;background:#f2f6ff;color:#344b6f}
.page_detail .page_detail_meta .blog_table{max-width:100%;overflow:auto;margin:26px 0;border:1px solid var(--inner-line);border-radius:8px}
.page_detail .page_detail_meta table,.page_show .show_article_content table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;text-align:left}
.page_detail .page_detail_meta td,.page_detail .page_detail_meta th,.page_show .show_article_content td,.page_show .show_article_content th{padding:14px 18px;border:1px solid var(--inner-line);color:#42536d}
.page_detail .page_detail_meta th,.page_show .show_article_content th{background:#edf3ff;color:var(--inner-ink);font-weight:600}
.page_detail .page_detail_meta tbody tr:nth-child(even),.page_show .show_article_content tbody tr:nth-child(even){background:#f8faff}
.page_detail .page_detail_meta pre,.page_show .show_article_content pre{max-width:100%;overflow:auto;padding:20px;border:1px solid var(--inner-line);border-radius:8px;background:#f6f8fc;font-size:14px;white-space:pre}
.page_detail .page_detail_meta code,.page_show .show_article_content code{font-family:Consolas,monospace;color:#28436e}
.page_detail .page_detail_meta hr,.page_show .show_article_content hr{margin:32px 0;border:0;border-top:1px solid var(--inner-line)}
.page_detail .page_detail_meta iframe,.page_detail .page_detail_meta video,.page_show .show_article_content iframe,.page_show .show_article_content video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}
.page_detail .page_detail_meta>:first-child,.page_show .show_article_content>:first-child{margin-top:0}
.page_detail .page_detail_meta>:last-child,.page_show .show_article_content>:last-child,.page_detail .page_detail_meta blockquote>:last-child,.page_show .show_article_content blockquote>:last-child{margin-bottom:0}

.page_show .page_content{padding:76px 0 90px;background:#f7f9fc}
.page_show .page_content>.auto-container{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:34px}
.page_show .page_content_box,.page_show .sidebar{min-width:0}
.page_show .show_article{overflow:hidden;border:1px solid var(--inner-line);border-radius:12px;background:#fff}
.page_show .show_article_head{padding:38px 40px 28px;border-bottom:1px solid var(--inner-line)}
.page_show .show_article_head h2{margin:0;color:var(--inner-ink);font-size:34px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.page_show .show_article_head .blog_card_info{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:20px;font-size:13px;line-height:1.6}
.page_show .blog_card_info time,.page_show .blog_card_info span{color:var(--inner-muted)}
.page_show .show_article_content{padding:32px 40px 40px}
.page_show .show_article_content :is(h2,h3,h4){scroll-margin-top:115px}
.page_show .show_article_nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:28px 40px;border-top:1px solid var(--inner-line);background:#fbfcff}
.page_show .show_article_nav a{display:flex;flex-direction:column;gap:10px;min-width:0}
.page_show .show_article_nav span{color:var(--inner-muted);font-size:13px;font-weight:400}
.page_show .show_article_nav strong{color:var(--inner-ink);font-size:16px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.page_show .show_article_prev span::before{content:'←';margin-right:8px;color:var(--inner-blue)}
.page_show .show_article_next{grid-column:2;text-align:right;align-items:flex-end}
.page_show .show_article_next span::after{content:'→';margin-left:8px;color:var(--inner-blue)}
.page_show .show_article_nav a:hover strong{color:var(--inner-blue)}
.page_show .sidebar_box{display:grid;gap:22px}
.page_show .sidebar_search_box{margin:0}
.page_show .sidebar_search_box input{height:48px;background:#fff}
.page_show .sidebar_search_box .search_btn{height:48px;cursor:pointer}
.page_show .sidebar-widget,.page_show .left_recommend_pro,.page_show .left_contact{padding:24px;border:1px solid var(--inner-line);border-radius:10px;background:#fff}
.page_show .sidebar-widget-title,.page_show .left_recommend_pro h3,.page_show .left_contact h3{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--inner-line);font-size:19px;line-height:1.4;font-weight:600;color:var(--inner-ink)}
.page_show .sidebar-anchor-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.page_show .sidebar-anchor-list a{display:block;padding-left:14px;border-left:2px solid #dce5f2;font-size:14px;line-height:1.6;color:#657797;overflow-wrap:anywhere;transition:color .2s,border-color .2s}
.page_show .sidebar-anchor-list a:hover,.page_show .sidebar-anchor-list a.active{color:var(--inner-blue);border-color:var(--inner-blue)}
.page_show .left_recommend_pro>a{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e7edf6}
.page_show .left_recommend_pro>a:last-child{padding-bottom:0;border-bottom:0}
.page_show .left_recommend_pro>a img{width:72px;height:66px;object-fit:cover;border-radius:6px;background:var(--inner-wash)}
.page_show .left_recommend_pro>a span{display:grid;min-width:0;gap:6px}
.page_show .left_recommend_pro em{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;font-weight:500;font-style:normal;color:var(--inner-ink)}
.page_show .left_recommend_pro small{font-size:11px;color:var(--inner-muted)}
.page_show .left_recommend_pro a:hover em{color:var(--inner-blue)}
.page_show .left_contact{background:#edf3ff}
.page_show .left_contact p{margin:0 0 20px;font-size:14px;line-height:1.75;color:#657797}
.page_show .left_contact a{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px}
.page_show .left_contact a span{min-width:0;overflow-wrap:anywhere;color:#28436e}
.page_show .left_contact svg{flex:0 0 20px;width:20px;height:20px}
.page_show .left_contact svg path{fill:var(--inner-blue)}
.page_show .article_anchor_toggle,.page_show .article_anchor_mask,.page_show .article_anchor_drawer{display:none}

.thanks_page{padding:90px 0;background:#f4f4f4}
.thanks_page .contact-layout{max-width:1000px}
.thanks_page .contact-form-panel{position:relative;overflow:hidden;padding:64px 64px 60px;border:1px solid var(--inner-line);border-radius:14px;background:#fff;text-align:center;box-shadow:0 16px 50px rgba(22,56,108,.045)}
.thanks_page .contact-form-panel::before{content:'';position:absolute;top:0;left:50%;width:110px;height:4px;border-radius:0 0 4px 4px;background:var(--inner-blue);transform:translateX(-50%)}
.thanks_page .contact-section-title{max-width:710px;margin:0 auto}
.thanks_page .contact-section-title::before{content:'✓';display:grid;place-items:center;width:76px;height:76px;margin:0 auto 28px;border:1px solid #d6e1ff;border-radius:50%;background:#eef3ff;color:var(--inner-blue);font-size:34px;line-height:1}
.thanks_page .contact-section-title h2{margin:0;color:var(--inner-ink);font-size:40px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.thanks_page .contact-section-title p{margin:22px auto 0;color:var(--inner-muted);font-size:16px;line-height:1.85}
.thanks_page .hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px}
.thanks_page .hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:14px 24px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5;transition:transform .2s,background .2s,border-color .2s}
.thanks_page .hero-btn-primary{color:#fff;background:var(--inner-blue);border-color:var(--inner-blue)}
.thanks_page .hero-btn-primary:hover{background:#1416c8;border-color:#1416c8;transform:translateY(-2px)}
.thanks_page .hero-btn-secondary{color:var(--inner-blue);background:#fff;border-color:#d3dcf7}
.thanks_page .hero-btn-secondary:hover{background:#f2f5ff;border-color:var(--inner-blue)}
.thanks_page .ui-arrow{position:relative;width:17px;height:12px;color:inherit}
.thanks_page .ui-arrow::before{content:'';position:absolute;left:0;top:5px;width:16px;height:1px;background:currentColor}
.thanks_page .ui-arrow::after{content:'';position:absolute;right:0;top:2px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}