@media(min-width:2560px){
.index_new_about_us::after{
        height:var(--new-about-fade-height);
        top:calc(var(--new-about-bg-height) - var(--new-about-fade-height));
        bottom:auto
    }
}

@media(min-width:2260px){
.index_new_about_us::after{
        height:var(--new-about-fade-height);
        top:calc(var(--new-about-bg-height) - var(--new-about-fade-height));
        bottom:auto
    }
}

@media(min-width:1921px){
.auto-container,.site_header .auto-container{
        width:82%;
        max-width:1720px
    }
     .quote_btn,.site_nav a{
        font-size:17px
    }
     .index_section_head h2{
        font-size:40px
    }
     .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{
        font-size:17px
    }
     .new_product_image{
        padding:24px 18px 55px
    }
     .new_product_front{
        max-height:370px
    }
}

@media(max-width:1800px){
.auto-container,.site_header .auto-container{
        max-width:96%
    }
     .index_new_about_us{
        --new-about-fade-height:400px
    }
}

@media(max-width:1560px){
.index_new_about_us{
        --new-about-fade-height:600px
    }
     .index_section_head h2{
        font-size:44px
    }
}

@media(max-width:1440px){
.site_header .logo{
        width:220px;
        margin-right:18px
    }
     .site_header .site_tagline{
        display:none
    }
     .site_nav ul{
        gap:24px
    }
     .index_section_head h2{
        font-size:30px
    }
     .index_section_head h2::after,.index_section_head h2::before{
        width:96px
    }
     .index_new_product_swiper .swiper-wrapper{
        gap:18px
    }
     .new_about_who p{
        max-width:595px
    }
     .new_about_hero_text h2{
        font-size:42px
    }
     .new_about_card_body{
        padding:54px 24px 28px
    }
     .new_about_card_body h3{
        font-size:21px
    }
     .new_about_card_body p{
        font-size:14px
    }
     .why_choose_card{
        grid-template-columns:78px minmax(0,1fr);
        padding:22px 24px
    }
     .why_choose_left .why_choose_card::after,.why_choose_right .why_choose_card::after{
        width:54px
    }
     .why_choose_left .why_choose_card::after{
        right:-54px
    }
     .why_choose_right .why_choose_card::after{
        left:-54px
    }
     .blog_card .text_box{
        padding:22px 22px 24px
    }
     .blog_card h3{
        font-size:18px
    }
     .footer_main{
        grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,0.9fr)) minmax(0,1.5fr)
    }
}

@media(max-width:1366px){
.index_new_about_us{
        --new-about-fade-height:400px;
        padding:70px 0 70px;
        margin-top:70px
    }
     .index_new_about_us::after{
        top:350px
    }
    .page_oemodm .oemodm_test_timeline{
        --oemodm-axis-width:48px;
        --oemodm-axis-half:24px;
        width:calc(100% - 48px);
        max-width:1260px
    }
    .page_oemodm .oemodm_test_timeline_list{
        grid-template-columns:minmax(0,1fr) var(--oemodm-axis-width) minmax(0,1fr);
        grid-template-rows:repeat(11,84px)
    }
    .page_oemodm .oemodm_test_timeline .oemodm_test_item,
    .page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(5){
        grid-template-columns:52px 42px minmax(0,1fr) 180px;
        column-gap:10px;
        min-height:168px
    }
    .page_oemodm .oemodm_test_timeline .oemodm_test_icon{
        width:50px;
        height:50px
    }
    .page_oemodm .oemodm_test_timeline .oemodm_test_step{
        padding-bottom:11px;
        font-size:30px
    }
    .page_oemodm .oemodm_test_timeline .oemodm_test_content h3{
        margin-bottom:16px;
        font-size:18px
    }
    .page_oemodm .oemodm_test_timeline .oemodm_test_content p{
        font-size:14px;
        line-height:1.5
    }
}

@media(max-width:1280px){
.page_oemodm .oemodm_scope_layout{
        grid-template-columns:minmax(360px,35%) minmax(0,65%);
        min-height:740px
    }
     .page_oemodm .oemodm_scope_intro{
        min-height:740px
    }
     .page_oemodm .oemodm_scope_intro_content{
        padding:58px 46px
    }
     .page_oemodm .oemodm_scope_catalog{
        padding: 30px 0;
    }
     .page_oemodm .oemodm_scope_card{
        /* padding-right:24px; */
        /* padding-left:24px; */
        padding: 0 20px 20px;
    }
     .page_oemodm .oemodm_scope_card h3{
        font-size:21px
    }
     .page_oemodm .oemodm_scope_card_wide{
        grid-template-columns:minmax(170px,.75fr) minmax(0,1fr) minmax(0,1fr);
        gap:24px;
        padding-right:24px;
        padding-left:24px
    }
     .page_oemodm .oemodm_scope_card_wide .oemodm_scope_detail{
        padding-left:24px
    }
.page_abouts .abouts_certificates_stage{
        padding:0
    }
     .page_abouts .abouts_certificate_card{
        /* height:280px; */
    }
     .page_abouts .abouts_certificates_prev{
        left:-54px
    }
     .page_abouts .abouts_certificates_next{
        right:-54px
    }

.page_abouts .abouts_culture_layout{
        grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)
    }
     .page_abouts .abouts_culture_content{
        padding:36px 28px 28px;
    }
     .page_abouts .abouts_culture_value{
        padding-left:14px;
        padding-right:14px
    }
     .page_abouts .abouts_culture_number{
        left:10px;
        font-size:28px
    }

.page_abouts .abouts_profile_inner{
        grid-template-columns:minmax(320px,42%) minmax(0,1fr) 220px;
        min-height:470px
    }
     .page_abouts .abouts_profile_intro{
        padding-left:30px
    }
     .page_abouts .abouts_profile_stats{
        padding:28px 20px
    }

.page_abouts .abouts_company{
        padding:64px 0 60px
    }
     .page_abouts .abouts_company_panel{
        grid-template-columns:minmax(250px,.78fr) 44px minmax(0,1.22fr);
        gap:22px
    }
     .page_abouts .abouts_company_content{
        padding: 0;
    }
     .page_abouts .abouts_company_intro{
        padding:38px 10px 28px 58px
    }
     .page_abouts .abouts_company_visual{
        height:500px;
        min-height:0
    }
     .page_abouts .abouts_company_visual img{
        height:100%;
        min-height:400px
    }
     .page_abouts .abouts_company_stage{
        grid-template-columns:minmax(0,53%) minmax(0,47%);
        height:auto;
        min-height:500px
    }
     .page_abouts .abouts_company h1{
        font-size:52px
    }
     .page_abouts .abouts_company_kicker{
        font-size:16px
    }
     .page_abouts .abouts_company h2{
        font-size:18px;
        margin:24px 0 0
    }
     .page_abouts .abouts_company_title_line{
        margin-top:22px
    }
     .page_abouts .abouts_company_stats{
        gap:18px;
        padding:24px 20px
    }
     .page_abouts .abouts_company_stat{
        grid-template-columns:72px minmax(0,1fr);
        gap:14px;
        min-height:72px;
        padding:0 18px
    }
     .page_abouts .abouts_company_stat img{
        width:36px;
        height:36px
    }
     .page_abouts .abouts_company_stat_icon{
        width:70px;
        height:70px
    }
     .page_abouts .abouts_company_stat:nth-child(2) .abouts_company_stat_icon,
     .page_abouts .abouts_company_stat:nth-child(2) .abouts_company_stat_icon img{
        width:74px;
        height:74px
    }
     .page_abouts .abouts_company_stat strong{
        font-size:24px;
    }
     .page_abouts .abouts_company_stat > span{
        /* font-size:14px; */
    }
     .page_abouts .abouts_company_stat div{
        min-height:58px;
        padding-left:18px
    }
     .page_abouts .abouts_company_copy{
        column-count:1;
        column-gap:0;
        padding-top:26px
    }
     .page_abouts .abouts_company_copy::before{
        display:none
    }
     .page_abouts .abouts_company_copy p{
        font-size:14px;
        line-height:1.58
    }
     .page_abouts .abouts_company_copy p+p{
        margin-top:16px
    }

.page_abouts .abouts_services_grid{
        grid-template-columns:repeat(3,1fr)
    }
     .page_abouts .abouts_service_card{
        min-height:430px
    }

.page_abouts .abouts_customer_visits_carousel{
        padding-right:64px;
        padding-left:64px
    }
     .page_abouts .abouts_customer_visit_copy{
        min-height:170px;
        padding:22px 22px 24px
    }
     .page_abouts .abouts_customer_visit_copy h3{
        font-size:21px
    }

.page_abouts .abouts_exhibitions_grid{
        grid-template-rows:repeat(2,215px)
    }

.new_about_who p{
        font-size:14px;
        line-height:1.5
    }
     .new_about_hero_text h2{
        font-size:38px
    }
     .new_about_hero_text p{
        font-size:16px
    }
     .site_header .logo{
        width:198px
    }
     .site_nav a{
        font-size:15px
    }
     .quote_btn{
        min-width:132px;
        height:48px;
        padding:0 20px;
        font-size:15px
    }
     .index_product_categories{
        padding:70px 0
    }
     .new_about_hero_text{
        top:auto;
        left:auto;
        max-width:680px
    }
     .new_about_stats{
        max-width:100%
    }
     .new_about_stat{
        padding:0 14px
    }
     .new_about_stat strong{
        font-size:26px
    }
     .new_about_thumb_body{
        grid-template-columns:48px minmax(0,1fr)
    }
     .new_product_item{
        min-height:310px
    }
     .new_product_image{
        min-height:200px;
        padding:10px 10px 10px
    }
     .new_product_back,.new_product_front{
        max-height:245px
    }
     .new_product_item figcaption{
        font-size:16px;
        padding:15px 15px 20px
    }
     .new_product_item figcaption h3{
        font-size:15px;
        line-height:1.4;
        margin:0 0 -5px
    }
     .new_product_item figcaption p{
        font-size:13px
    }
     .new_product_cover .new_product_item{
        min-height:390px;
        padding:38px 42px
    }
     .new_product_cover .new_product_text h3{
        font-size:32px
    }
     .index_hot_products{
        padding:70px 0 0
    }
     .index_hot_products .text_box{
        padding:22px 20px 26px
    }
     .index_hot_products h3{
        font-size:20px
    }
     .index_why_choose{
        padding:70px 0 70px
    }
     .why_choose_card{
        grid-template-columns:1fr;
        align-content:start;
        justify-items:center;
        min-height:230px;
        padding:26px 22px;
        border-radius:8px;
        text-align:center
    }
     .why_choose_left .why_choose_card::after,.why_choose_right .why_choose_card::after{
        display:none
    }
     .why_text h3::after{
        margin-left:auto;
        margin-right:auto
    }
     .index_video{
        padding:70px 0 0
    }
     .index_blog{
        padding:70px 0 70px
    }
     .index_faq{
        padding:72px 0 84px
    }
     .index_cta{
        padding:72px 0 84px
    }
     .list_product .list_product_layout .page_content_box .item_box{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .list_product .list_product_layout .page_content_box .item_box .item .img_box{
        height:250px
    }
}

@media(max-width:1080px){
.page_oemodm .oemodm_testing_process .auto-container{
        width:94%;
        max-width:none
    }
     .page_oemodm .oemodm_testing_process .oemodm_section_head h2{
        font-size:42px
    }
     .page_oemodm .oemodm_testing_process .oemodm_section_head p{
        font-size:16px
    }
.page_oemodm .oemodm_scope_layout{
        grid-template-columns:minmax(330px,37%) minmax(0,63%);
        min-height:900px
    }
     .page_oemodm .oemodm_scope_intro{
        min-height:900px
    }
     .page_oemodm .oemodm_scope_cards{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .page_oemodm .oemodm_scope_card{
        /* padding-top:28px; */
        /* padding-bottom:28px; */
        border-top:1px solid #e2eaf5;
    }
     .page_oemodm .oemodm_scope_card:nth-child(odd){
        /* border-left:0; */
    }
     .page_oemodm .oemodm_scope_card:nth-child(even){
        border-left:1px solid #dbe6f5
    }
     .page_oemodm .oemodm_scope_card:nth-child(-n+2){
        /* padding-top:0; */
        /* border-top:0; */
    }
     .page_oemodm .oemodm_scope_card_wide{
        grid-column:1/-1;
        grid-template-columns:minmax(155px,.7fr) minmax(0,1fr) minmax(0,1fr)
    }
.page_oemodm .oemodm_testing_layout{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_testing_visual{
        position:relative;
        top:auto;
        height:520px
    }
     .page_oemodm .oemodm_test_timeline{
        --oemodm-axis-width:52px;
        --oemodm-axis-half:26px;
        width:92vw;
        max-width:none
    }
     .page_oemodm .oemodm_test_timeline_list{
        grid-template-columns:minmax(0,1fr) var(--oemodm-axis-width) minmax(0,1fr);
        grid-template-rows:repeat(11,76px)
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_item,.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(5){
        grid-template-columns:46px 38px minmax(0,1fr) 138px;
        min-height:128px;
        padding:10px
    }
     .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% - 28px)
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_icon{
        width:44px;
        height:44px
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_step{
        font-size:32px;
        padding-bottom:10px
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_step::after{
        width:26px;
        margin-top:8px
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_content h3{
        margin-bottom:16px;
        font-size:19px
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_content p{
        font-size:14px
    }

.page_abouts .abouts_culture{
        padding:60px 0
    }
     .page_abouts .abouts_culture_layout{
        display:block;
        grid-template-columns:1fr;
        grid-template-rows:none;
        gap:0
    }
     .page_abouts .abouts_culture_scene{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        grid-column:auto;
        grid-row:auto;
        width:min(100%,520px);
        min-height:0;
        aspect-ratio:1/1;
        margin:0 auto 20px
    }
     .page_abouts .abouts_culture_scene img{
        object-position:center 43%
    }
     .page_abouts .abouts_culture_content{
        display:flex;
        flex-direction:column;
        min-height:0
    }
     .page_abouts .abouts_culture_head{
        order:-2;
        margin-bottom:28px
    }
     .page_abouts .abouts_culture_head h2,
     .page_abouts .abouts_culture_head p{
        max-width:none;
    }
     .page_abouts .abouts_culture_values{
        position:static;
        inset:auto;
        grid-column:auto;
        grid-row:auto;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
        margin:0 0 28px
    }
     .page_abouts .abouts_culture_value{
        position:relative;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        width:auto;
        min-height:0;
        transform:none!important;
        display:block;
        padding:20px;
        text-align:center;
        border:1px solid rgba(20,88,255,.18);
        border-radius:8px;
        background:rgba(255,255,255,.8)
    }
     .page_abouts .abouts_culture_value::before{
        display:none
    }
     .page_abouts .abouts_culture_value img{
        display:block;
        grid-row:auto;
        width:78px;
        height:78px;
        margin:0 auto 12px;
        padding:14px
    }
     .page_abouts .abouts_culture_direction{
        grid-column:auto;
        grid-row:auto;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
        margin-top:20px
    }
     .page_abouts .abouts_culture_commitment{
        margin-right:0
    }

.page_oemodm .oemodm_service_grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .page_oemodm .oemodm_service_card:last-child{
        grid-column:1/-1;
        max-width:calc(50% - 12px)
    }
     .page_oemodm .oemodm_scope_table td,.page_oemodm .oemodm_scope_table th{
        padding:14px 18px
    }
     .page_oemodm .oemodm_scope_feature_grid{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_support_grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(4,minmax(110px,auto));
        grid-auto-flow:column;
        column-gap:34px
    }
     .page_oemodm .oemodm_process_list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:34px 16px
    }
     .page_oemodm .oemodm_process_list::before{
        display:none
    }
     .page_oemodm .oemodm_test_flow{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px
    }
     .page_oemodm .oemodm_test_item,.page_oemodm .oemodm_test_item:nth-child(5){
        grid-column:auto
    }
     .page_oemodm .oemodm_test_item::after,.page_oemodm .oemodm_test_item::before,.page_oemodm .oemodm_test_item:nth-child(4) .oemodm_test_step::after{
        display:none
    }
     .page_oemodm .oemodm_faq_grid{
        column-gap:36px
    }

.show_products_detail .product_recommendations .item .img_box{
        height:300px
    }

.page_abouts .abouts_company_panel{
        display:grid;
        grid-template-columns:1fr;
        gap:26px
    }
     .page_abouts .abouts_company_stage{
        grid-template-columns:minmax(0,50%) minmax(0,50%);
        height:auto;
        min-height:500px
    }
     .page_abouts .abouts_company_year{
        padding:28px 50px 28px 28px
    }
     .page_abouts .abouts_company_year .abouts_company_content h1{
        font-size:34px
    }
     .page_abouts .abouts_company_year .abouts_company_content h2{
        margin-top:14px;
        padding-top:14px;
        font-size:13px
    }
     .page_abouts .abouts_company_year_mark strong{
        font-size:70px
    }
     .page_abouts .abouts_company_axis{
        display:none
    }
     .page_abouts .abouts_company_content{
        padding:0
    }
     .page_abouts .abouts_company_visual{
        height:500px;
        min-height:0;
        aspect-ratio:auto;
        clip-path:none
    }
     .page_abouts .abouts_company_visual img{
        height:100%;
        min-height:360px
    }
     .page_abouts .abouts_company_media{
        display:flex;
        flex-direction:column;
        gap:24px
    }
     .page_abouts .abouts_company_intro{
        padding:34px 0 24px 42px
    }
     .page_abouts .abouts_company h1{
        font-size:46px
    }
     .page_abouts .abouts_company_stats{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
        padding:20px 26px
    }
     .page_abouts .abouts_company_stat{
        grid-template-columns:54px minmax(0,1fr);
        min-height:88px;
        padding:14px 26px;
        border:1px solid rgba(20,88,255,.12);
        border-radius:8px;
        background:rgba(255,255,255,.78)
    }
     .page_abouts .abouts_company_stat div::before{
        display:none
    }
     .page_abouts .abouts_company_stat:nth-child(odd)::after{
        display:block
    }
     .page_abouts .abouts_company_stat:nth-child(even)::after{
        display:none
    }
     .page_abouts .abouts_company_stat:nth-child(-n+2){
        border-bottom:1px solid rgba(65,106,170,.14)
    }

body.menu-open{
        overflow:hidden
    }
     .site_header{
        padding:0;
        background:#fff
    }
     .site_header .header_inner{
        min-height:70px;
        padding:0 16px
    }
     .header_top_strip{
        display:none
    }
     .site_header.is_scrolled .header_inner{
        min-height:70px
    }
     .site_header .logo{
        width:186px;
        margin-right:auto
    }
     .site_nav{
        position:fixed;
        left:0;
        right:0;
        top:var(--site-header-height,70px);
        z-index:30;
        display:block;
        height:calc(100vh - var(--site-header-height,70px));
        height:calc(100dvh - var(--site-header-height,70px));
        padding:18px 20px 36px;
        background:rgba(246,250,255,.98);
        opacity:0;
        visibility:hidden;
        overflow-y:auto;
        transform:translateY(16px);
        transition:opacity 250ms ease,visibility 250ms ease,transform 250ms ease
    }
     .side_contact{
        right: 10px;
    }
     .side_contact_item{
        width:42px;
        height:42px
    }
     .side_contact_item svg{
        width:20px;
        height:20px
    }
     .site_nav.open{
        opacity:1;
        visibility:visible;
        transform:translateY(0)
    }
     body.menu-open .site_nav{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        width:100%;
        background:#fff
    }
     .site_nav ul{
        display:block;
        max-width:100%;
        margin:0 auto;
        padding:0;
        border-radius:0;
        background:#fff
    }
     .site_nav li{
        display:flex;
        flex-wrap:wrap;
        border-bottom:1px solid #edf2f7
    }
     .site_nav li:last-child{
        border-bottom:0
    }
     .site_nav a{
        flex:1 1 auto;
        min-height:auto;
        font-size:16px;
        padding:10px 0
    }
     .site_nav a::after,.site_nav li.active>a::after{
        display:none
    }
     .nav_dropdown_toggle{
        width:40px;
        height:40px;
        margin-left:0
    }
     .nav_dropdown_toggle span{
        left:17px;
        top:15px
    }
     .site_nav .has_sub.open .nav_dropdown_toggle span{
        transform:rotate(225deg)
    }
     .site_nav .sub_menu{
        position:static;
        display:none;
        flex:0 0 100%;
        width:100%;
        padding:0;
        border:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none
    }
     .site_nav .has_sub:hover .sub_menu{
        transform:none
    }
     .site_nav .has_sub.open .sub_menu{
        display:block
    }
     .site_nav .sub_menu a{
        min-height:38px
    }
     .site_nav .has_third::after{
        display:none
    }
     .site_nav .third_menu{
        position:static;
        display:block;
        width:100%;
        margin:0 0 8px;
        padding:0 0 0 14px;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none
    }
     .site_nav .third_menu li{
        border-bottom:0
    }
     .site_nav .third_menu a{
        min-height:34px;
        padding:7px 0 7px 12px;
        font-size:14px;
        color:#596b82
    }
     .site_nav .third_menu a:hover{
        background:transparent;
        color:#0001f5
    }
     .menu_toggle{
        display:inline-flex
    }
     .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
        width:34px;
        height:34px;
        margin-top:-17px
    }
     .index_new_product_swiper .swiper-wrapper{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .new_product_item{
        min-height:320px
    }
     .new_product_cover{
        display:none
    }
     .index_hot_products .swiper-pagination{
        display:block
    }
     .index_hot_products_swiper{
        padding:0 0 8px
    }
     .index_hot_products_swiper .swiper-wrapper{
        display:flex;
        gap:0
    }
     .index_hot_products_swiper .swiper-slide{
        grid-column:auto
    }
     .index_hot_products .img_box{
        height:300px
    }
     .index_new_about_us{
        padding:72px 0
    }
     .new_about_art_title{
        width:min(430px,100%);
        margin-left:74px
    }
     .new_about_hero_label{
        min-height:30px;
        font-size:15px;
        letter-spacing:4px
    }
     .new_about_hero_text p{
        max-width:560px;
        font-size:14px;
        line-height:1.6
    }
     .new_about_hero_text h2{
        font-size:48px
    }
     .new_about_hero_text p{
        font-size:16px
    }
     .new_about_value_cards{
        max-width:680px
    }
     .new_about_value_card{
        padding:0 18px
    }
     .new_about_overview{
        grid-template-columns:1fr;
        gap:18px
    }
     .new_about_stats{
        grid-column:1;
        grid-row:1;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 0;
        padding:20px 22px;
        overflow:visible
    }
     .new_about_stat{
        min-height:104px;
        padding:0 14px;
        background:0 0
    }
     .new_about_stat+.new_about_stat{
        /* border-left:1px solid rgba(0,1,245,.18); */
        border: 0;
    }
     .new_about_stat:nth-child(odd){
        border-left:0
    }
     .new_about_stat:nth-child(n+3){
        /* border-top:1px solid rgba(0,1,245,.12); */
        border: 0;
    }
     .new_about_intro{
        grid-column:1;
        grid-row:2;
        display:block
    }
     .new_about_intro_panel{
        display:none!important
    }
     .new_about_intro_visual{
        display:none
    }
     .new_about_intro_visual img{
        min-height:320px
    }
     .new_about_intro_thumbs{
        grid-column:1;
        padding-top:0
    }
     .new_about_cards{
        grid-template-columns:1fr
    }
     .new_about_card{
        display:grid;
        grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)
    }
     .new_about_card_img{
        aspect-ratio:auto;
        min-height:320px
    }
     .new_about_card_body{
        min-height:auto;
        padding:34px 30px;
        text-align:left
    }
     .new_about_card_body::before{
        display:none
    }
     .new_about_card_body h3{
        padding-bottom:12px;
        text-align:left
    }
     .new_about_card_body h3::after{
        left:0;
        transform:none
    }
     .new_about_values{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:1px;
        padding:0;
        background-position:center center
    }
     .new_about_value{
        padding:24px 20px;
        background:rgba(255,255,255,.58)
    }
     .new_about_value+.new_about_value{
        border-left:0
    }
     .new_about_trust{
        grid-template-columns:1fr
    }
     .new_about_trust_col+.new_about_trust_col{
        border-left:0
    }
     .new_about_growth{
        min-height:0;
        padding:30px 30px 30px 110px
    }
     .new_about_growth p{
        font-size:18px
    }
     .why_choose_layout{
        grid-template-columns:1fr
    }
     .why_choose_center,.why_choose_left,.why_choose_right{
        grid-column:auto
    }
     .why_choose_side{
        gap:16px
    }
     .why_choose_card{
        min-height:0
    }
     .faq_support_grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px
    }
     .faq_support_card{
        min-height:220px;
        padding:28px 22px
    }
     .faq_question{
        padding:20px 24px
    }
     .faq_answer{
        padding:0 72px 24px 100px
    }
     .cta_contact{
        grid-template-columns:1fr
    }
     .footer_main{
        grid-template-columns:1fr;
        gap:26px
    }
     .footer_bottom{
        align-items:flex-start;
        flex-direction:column;
        margin-top:40px;
        padding-top:20px;
        gap:10px
    }
     .list_product_layout{
        grid-template-columns:220px minmax(0,1fr);
        gap:20px
    }
     .list_product .list_product_layout .page_content_box .item_box{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .list_page_intro{
        align-items:flex-start;
        flex-direction:column
    }
     .common_inquiry_form form{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .common_inquiry_form .submit button{
        width:100%
    }
     .list_blog_layout{
        grid-template-columns:220px minmax(0,1fr);
        gap:20px
    }
     .list_blog_items{
        grid-template-columns:1fr
    }
     .list_video_layout{
        grid-template-columns:220px minmax(0,1fr);
        gap:20px
    }
     .list_video_items{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

.show_products_detail>.product_detail_box{
        grid-template-columns:220px minmax(0,1fr);
        gap:26px
    }
     .show_products_detail .product_detail_hero>.auto-container{
        grid-template-columns:1fr;
        gap:42px
    }
     .show_products_detail .product_gallery_main .swiper-slide img{
        max-height:680px
    }
     .show_products_detail .product_gallery{
        grid-template-columns:88px minmax(0,1fr)
    }
     .show_products_detail .product_gallery_main,.show_products_detail .product_gallery_thumbs_box{
        height:600px
    }

.product_detail_ckeditor > section::before {
		left: 38px;
	}
	.product_detail_ckeditor .product_advantages {
		grid-template-columns: 1fr;
		padding: 38px;
	}

	.product_detail_ckeditor .product_advantages_visual {
		min-height: 430px;
	}

	.product_detail_ckeditor .product_advantages_visual img {
		height: 330px;
	}

	.product_detail_ckeditor .product_advantages_list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product_detail_ckeditor .product_detail_images {
		padding: 38px;
	}

	.product_detail_ckeditor .product_specifications {
		padding: 38px;
	}

	.product_detail_ckeditor .product_reviews {
		padding: 38px;
	}

	.product_detail_ckeditor .product_packing_shipping {
		padding: 38px;
	}

	.show_products_detail .product_faq {
		padding: 38px;
	}

.product_detail_ckeditor > .product_advantages {
		display: block;
	}

	.product_detail_ckeditor > .product_advantages .product_detail_section_head {
		margin-bottom: 30px;
	}

	.product_detail_ckeditor > .product_advantages .product_advantages_visual {
		min-height: 390px;
		margin-bottom: 30px;
	}

	.product_detail_ckeditor > .product_advantages .product_advantages_visual img {
		height: 390px;
		min-height: 0;
	}

	.product_detail_ckeditor > .product_advantages .product_advantages_list {
		/* display: grid; */
		/* grid-template-columns: repeat(2, minmax(0, 1fr)); */
		/* gap: 26px 30px; */
	}

	.product_detail_ckeditor > .product_advantages .product_advantages_list > li {
		grid-column: auto;
		grid-row: auto;
	}
}

@media(max-width:768px){
.page_oemodm .oemodm_customization_scope{
        padding:0
    }
     .page_oemodm .oemodm_scope_layout{
        grid-template-columns:1fr;
        min-height:0
    }
     .page_oemodm .oemodm_scope_intro{
        min-height:680px
    }
     .page_oemodm .oemodm_scope_intro_content{
        padding:56px 42px
    }
     .page_oemodm .oemodm_scope_catalog{
        padding: 20px 0;
    }
.page_abouts .abouts_culture{
        padding:50px 0
    }
     .page_abouts .abouts_culture_head h2{
        font-size:38px
    }
     .page_abouts .abouts_culture_head h3{
        font-size:20px
    }
     .page_abouts .abouts_culture_head p{
        /* font-size:14px; */
    }
     .page_abouts .abouts_culture_scene{
        width:min(100%,320px);
        margin-bottom:34px;
        box-shadow:0 0 0 8px rgba(255,255,255,.92),0 0 0 10px rgba(20,88,255,.2),0 18px 40px rgba(29,86,165,.14)
    }
     .page_abouts .abouts_culture_scene::before{
        inset:-22px
    }
     .page_abouts .abouts_culture_scene::after{
        inset:-40px
    }
     .page_abouts .abouts_culture_scene img{
        border-width:8px
    }
     .page_abouts .abouts_culture_values{
        grid-template-columns:1fr;
        gap:14px
    }
     .page_abouts .abouts_culture_value{
        display:grid;
        grid-template-columns:68px minmax(0,1fr);
        gap:14px;
        align-items:center;
        padding:16px;
        text-align:left
    }
     .page_abouts .abouts_culture_value img{
        grid-row:1/3;
        width:62px;
        height:62px;
        margin:0;
        padding:10px
    }
     .page_abouts .abouts_culture_commitment h3,.page_abouts .abouts_culture_direction h3,.page_abouts .abouts_culture_value h3{
        font-size:17px
    }
     .page_abouts .abouts_culture_commitment p,.page_abouts .abouts_culture_direction p,.page_abouts .abouts_culture_value p{
        font-size:14px
    }
     .page_abouts .abouts_culture_direction{
        grid-template-columns:1fr
    }
     .page_abouts .abouts_culture_direction article,
     .page_abouts .abouts_culture_commitment{
        grid-template-columns:68px minmax(0,1fr);
        gap:16px;
        min-height:0;
        padding:18px
    }
     .page_abouts .abouts_culture_commitment img,.page_abouts .abouts_culture_direction img{
        width:62px;
        height:62px;
        padding:6px
    }
.page_oemodm .oemodm_test_timeline{
        row-gap:18px
    }
     .page_oemodm .oemodm_test_timeline_list{
        /* grid-template-columns:24px minmax(0,1fr); */
        /* grid-template-rows:none; */
        /* grid-auto-rows:auto; */
        /* row-gap:18px; */
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
     .page_oemodm .oemodm_test_axis{
        /* left:11px; */
        /* top:34px; */
        /* bottom:34px; */
        /* transform:none; */
        display: none;
    }
     .page_oemodm .oemodm_test_axis i{
        display:none
    }
     .page_oemodm .oemodm_testing_process .oemodm_section_head h2{
        font-size:30px
    }
     .page_oemodm .oemodm_testing_process .oemodm_section_head p{
        font-size:14px
    }
     .page_oemodm .oemodm_test_timeline::before{
        left:11px;
        top:34px;
        bottom:34px;
        transform:none
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_item,.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(5),.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(even){
        grid-column:2;
        grid-row:auto;
        grid-template-columns:44px 36px minmax(0,1fr) 126px;
        min-height:106px;
        width: auto !important;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        background: 0;
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_item::after,.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(even)::after{

    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_item::before,.page_oemodm .oemodm_test_timeline .oemodm_test_item:nth-child(even)::before{

        display: none;
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_icon{
        /* width:44px; */
        /* height:44px; */
        display: none;
    }
     .page_oemodm .oemodm_test_scene{
        grid-column:4;
        grid-row:1 / span 2
    }
     .page_oemodm .oemodm_test_timeline .oemodm_test_step{
        position:static;
        right:auto
    }

.page_abouts .abouts_certificates{
        padding: 50px 0 0;
    }
     .page_abouts .abouts_section_head{
        margin-bottom:26px
    }
     .page_abouts .abouts_section_head h2{
        font-size:32px
    }
     .page_abouts .abouts_section_head p{
        font-size:14px
    }
     .page_abouts .abouts_certificates_stage{
        padding:0
    }
     .page_abouts .abouts_certificate_card{
        /* height:300px; */
    }
     .page_abouts .abouts_certificates_next,.page_abouts .abouts_certificates_prev{
        width:36px;
        height:36px;
        margin-top:-18px
    }
     .page_abouts .abouts_certificates_prev{
        left:-40px
    }
     .page_abouts .abouts_certificates_next{
        right:-40px
    }

.page_abouts .abouts_culture{
        padding: 48px 0 52px;
    }
     .page_abouts .abouts_culture_content{
        padding: 0;
        gap:0
    }
     .page_abouts .abouts_culture_head{
        margin-bottom:24px
     }
     .page_abouts .abouts_culture_head h2{
        /* font-size: clamp(32px, 10vw, 36px); */
        /* line-height:1.08; */
     }
     .page_abouts .abouts_culture_head h3{
        font-size:18px;
        line-height:1.45;
        margin:18px 0 14px;
        padding-top:18px
    }
     .page_abouts .abouts_culture_head p{
        /* font-size:14px; */
        /* line-height:1.68; */
    }
     .page_abouts .abouts_culture_head p br{
        /* display:none; */
    }
     .page_abouts .abouts_culture_head p strong{
        /* display:inline; */
        /* color:#0a36bf; */
        /* font-weight:600; */
    }
     .page_abouts .abouts_culture_head p em{
        display:block;
        margin:4px 0 10px;
        color:#425372;
        font-style:normal
    }
     .page_abouts .abouts_culture_scene{
        width:min(100%,300px);
        margin:0 auto 28px;
        box-shadow:none;
        display: none;
    }
     .page_abouts .abouts_culture_scene::before{
        inset:-18%
    }
     .page_abouts .abouts_culture_scene img{
        border-width:0
     }
     .page_abouts .abouts_culture_direction,.page_abouts .abouts_culture_values{
        grid-template-columns:1fr
    }
     .page_abouts .abouts_culture_values{
        gap:12px;
        margin:0 0 18px
    }
     .page_abouts .abouts_culture_value{
        grid-template-columns:56px minmax(0,1fr);
        gap:12px;
        padding:15px;
        border:1px solid rgba(20,88,255,.15);
        border-radius:8px;
        background:rgba(255,255,255,.84);
        text-align:left
    }
     .page_abouts .abouts_culture_value img{
        width:54px;
        height:54px;
        padding:8px
    }
     .page_abouts .abouts_culture_value h3{
        /* margin-bottom:6px; */
        /* font-size:16px; */
    }
     .page_abouts .abouts_culture_value p{
        /* font-size:13px; */
        /* line-height:1.5; */
    }
     .page_abouts .abouts_culture_direction{
        gap:12px;
        margin-top:0
    }
     .page_abouts .abouts_culture_direction article,
     .page_abouts .abouts_culture_commitment{
        grid-template-columns:56px minmax(0,1fr);
        gap:12px;
        padding:15px;
        border:1px solid rgba(20,88,255,.15);
        border-radius:8px;
        background:rgba(255,255,255,.84)
     }
     .page_abouts .abouts_culture_direction article:first-child{
        border-right:1px solid rgba(20,88,255,.15);
        border-bottom:1px solid rgba(20,88,255,.15)
     }
     .page_abouts .abouts_culture_commitment{
        margin-right:0
     }
     .page_abouts .abouts_culture_commitment img,.page_abouts .abouts_culture_direction img{
        width:54px;
        height:54px;
        padding:6px;
        border-right:0
     }

.page_oemodm .oemodm_customization_services{
        padding:58px 0 64px
    }
     .page_oemodm .oemodm_customization_scope{
        /* padding:58px 0 64px; */
    }
     .page_oemodm .oemodm_service_support{
        padding: 45px 0 0;
    }
     .page_oemodm .oemodm_testing_process{
        padding:58px 0 64px
    }
     .page_oemodm .oemodm_custom_faq{
        padding: 45px 0 45px;
    }
     .page_oemodm .oemodm_section_head{
        margin-bottom:30px
    }
     .page_oemodm .oemodm_section_head h2{
        font-size: 26px;
    }
     .page_oemodm .oemodm_scope_feature{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_scope_feature_content{
        padding:28px 24px
    }
     .page_oemodm .oemodm_scope_feature .img_box{
        height:230px
    }
     .page_oemodm .oemodm_service_grid{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_service_card:last-child{
        grid-column:auto;
        max-width:none
    }
     .page_oemodm .oemodm_service_card .img_box{
        /* height:220px; */
    }
     .page_oemodm .oemodm_support_grid{
        grid-template-columns:1fr;
        grid-template-rows:none;
        grid-auto-flow:row;
        row-gap:0
    }
     .page_oemodm .oemodm_support_card{
        grid-template-columns: 50px minmax(0,1fr);
        min-height:0;
        padding: 15px 0;
    }
     .page_oemodm .oemodm_support_card::before{
        /* top:18px; */
        /* bottom:18px; */
        left: 60px;
    }
     .page_oemodm .oemodm_support_card>span{
        font-size: 38px;
    }
     .page_oemodm .oemodm_support_card h3,.page_oemodm .oemodm_support_card p{
        padding-left: 15px;
    }
    .page_oemodm .oemodm_support_card h3{
    font-size: 18px;
}
    .page_oemodm .oemodm_support_card p{
    font-size: 14px;
}
     .page_oemodm .oemodm_process_block{
        /* margin-top:42px; */
        padding: 20px 0;
    }
     .page_oemodm .oemodm_process_list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:30px 12px
    }
     .page_oemodm .oemodm_process_icon{
        width:68px;
        height:68px
    }
     .page_oemodm .oemodm_process_icon img{
        width:36px;
        height:36px
    }
     .page_oemodm .oemodm_test_flow{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_test_item{
        min-height:0
    }
     .page_oemodm .oemodm_faq_grid{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_faq_item:nth-last-child(-n+2){
        border-bottom:1px solid #dce6f3
    }
     .page_oemodm .oemodm_faq_item:last-child{
        border-bottom:0
    }
     .page_oemodm .oemodm_faq_question h3{
        font-size: 16px;
    }

.show_products_detail .product_recommendations{
        padding:54px 0 60px
    }
     .show_products_detail .product_recommendations_head{
        margin-bottom:24px
    }
     .show_products_detail .product_recommendations_head h2{
        font-size:29px
    }
     .show_products_detail .product_recommendations_head p{
        font-size:14px
    }
     .show_products_detail .product_recommendations .item .img_box{
        height:280px
    }
     .show_products_detail .product_recommendations_next,.show_products_detail .product_recommendations_prev{
        /* width:38px; */
        /* height:38px; */
        display: none;
    }
     .show_products_detail .product_recommendations_slider{
        padding: 0;
    }
     .show_products_detail .product_inquiry_form{
        padding:54px 0 60px
    }
     .show_products_detail .product_inquiry_form_head{
        margin-bottom:24px
    }
     .show_products_detail .product_inquiry_form_head h2{
        font-size:29px
    }
     .show_products_detail .product_inquiry_form_head p{
        font-size:14px
    }
     .show_products_detail .product_inquiry_form .faq_support_form_main{
        padding: 0;
        background: 0;
        border: 0;
        border-radius: 0;
    }
     .show_products_detail .product_inquiry_form .faq_support_fields{
        grid-template-columns:1fr;
        gap:16px
    }
     .show_products_detail .product_inquiry_form .faq_support_field_full{
        grid-column:auto
    }

.page_abouts .abouts_profile{
        padding:0
    }
     .page_abouts .abouts_profile_inner{
        display:block;
        width:100%;
        min-height:0;
        margin:0
    }
     .page_abouts .abouts_profile_stats{
        width:100%;
        padding-right:12px
    }
     .page_abouts .abouts_profile_intro{
        min-height:390px;
        padding:42px 20px;
        background:linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.9) 58%,rgba(255,255,255,.25) 100%)
    }
     .page_abouts .abouts_profile_visual{
        position:absolute;
        inset:0 0 auto 0;
        height:390px;
        margin:0;
        background-position:57% center
    }
     .page_abouts .abouts_profile_brand{
        font-size:20px
    }
     .page_abouts .abouts_profile h1{
        margin-bottom:22px;
        font-size:36px
    }
     .page_abouts .abouts_profile_year{
        font-size:76px;
        letter-spacing:-4px
    }
     .page_abouts .abouts_profile_values{
        font-size:11px;
        white-space:normal
    }
     .page_abouts .abouts_profile_stats{
        grid-template-rows:none;
        grid-template-columns:repeat(3,1fr);
        padding:20px 12px
    }
     .page_abouts .abouts_profile_stat{
        display:block;
        padding:2px 10px;
        text-align:center;
        border-right:1px solid rgba(255,255,255,.2);
        border-bottom:0
    }
     .page_abouts .abouts_profile_stat:last-child{
        border-right:0
    }
     .page_abouts .abouts_profile_stat img{
        width:34px;
        height:34px;
        margin-bottom:8px
    }
     .page_abouts .abouts_profile_stat strong{
        font-size:18px
    }
     .page_abouts .abouts_profile_stat span{
        font-size:10px
    }

.page_abouts .abouts_company{
        padding:48px 0
    }
     .page_abouts .abouts_company_panel{
        gap:22px
    }
     .page_abouts .abouts_company_content{
        padding:0;
        margin-bottom:0;
        text-align:left;
        margin-left: 0;
    }
     .page_abouts .abouts_company_kicker{
        margin-bottom:16px;
        font-size:14px;
        letter-spacing:.22em
    }
     .page_abouts .abouts_company h1{
        font-size:42px;
        line-height:1.05
    }
     .page_abouts .abouts_company h2{
        font-size:17px;
        line-height:1.5;
        margin:20px 0 0;
        padding-top:20px
    }
     .page_abouts .abouts_company_copy{
        max-width:none;
        min-height:0;
        column-count:1;
        column-gap:0;
        padding:25px 0 0
    }
     .page_abouts .abouts_company_copy::before{
        display:none
    }
     .page_abouts .abouts_company_copy p{
        font-size:14px;
        line-height:1.68
    }
     .page_abouts .abouts_company_copy p+p{
        margin-top:17px
    }
     .page_abouts .abouts_company_year{
        min-height:350px;
        padding:28px
    }
     .page_abouts .abouts_company_year .abouts_company_content h1{
        max-width:none;
        font-size:36px
    }
     .page_abouts .abouts_company_year .abouts_company_content h2{
        max-width:300px;
        font-size:14px
    }
     .page_abouts .abouts_company_year_mark{
        display:flex;
        align-items:flex-end;
        justify-content:space-between;
        gap:20px;
        margin-top:34px
    }
     .page_abouts .abouts_company_year_mark strong{
        font-size:76px
    }
     .page_abouts .abouts_company_year_mark span{
        margin:0 0 7px;
        font-size:12px
    }
     .page_abouts .abouts_company_stage{
        display:grid;
        grid-template-columns:1fr;
        height:auto;
        min-height:0;
        overflow:visible
    }
     .page_abouts .abouts_company_visual{
        grid-column:1;
        grid-row:1;
        width:100%;
        height:auto;
        min-height:0;
        margin-left:0;
        aspect-ratio:16/10;
        border-radius:18px;
        background:#f5f9ff;
        clip-path:none
    }
     .page_abouts .abouts_company_visual::before{
        display:none
    }
     .page_abouts .abouts_company_visual img{
        height:100%;
        min-height:0;
        aspect-ratio:auto;
        object-fit:cover;
        object-position:center
    }
     .page_abouts .abouts_company_visual figcaption{
        min-height:auto;
        padding:14px 16px;
        gap:10px;
        font-size:13px;
        line-height:1.45
    }
     .page_abouts .abouts_company_visual figcaption::before{
        height:24px
    }
     .page_abouts .abouts_company_intro{
        grid-column:1;
        grid-row:2;
        padding: 20px 0 0;
    }
     .page_abouts .abouts_company_stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        margin-top:22px;
        margin-bottom:0;
        padding:14px;
        border-radius:16px
    }
     .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:50px minmax(0,1fr);
        align-items:center;
        min-height:84px;
        gap:12px;
        padding:14px;
        border:1px solid rgba(20,88,255,.14);
        border-radius:8px;
        background:rgba(246,250,255,.82)
    }
     .page_abouts .abouts_company_stat:first-child,
     .page_abouts .abouts_company_stat:last-child{
        padding:14px
    }
     .page_abouts .abouts_company_stat img,.page_abouts .abouts_company_stat:nth-child(2) img{
        width:25px;
        height:25px
    }
     .page_abouts .abouts_company_stat_icon{
        align-self:center;
        justify-self:center;
        width:48px;
        height:48px
    }
     .page_abouts .abouts_company_stat:nth-child(2) .abouts_company_stat_icon,
     .page_abouts .abouts_company_stat:nth-child(2) .abouts_company_stat_icon img{
        width:50px;
        height:50px
    }
     .page_abouts .abouts_company_stat div{
        min-height:0;
        padding-left:0;
        display:flex;
        align-items:flex-start;
        justify-content:center;
        width:auto;
        text-align:left
    }
     .page_abouts .abouts_company_stat div::before{
        display:none
    }
     .page_abouts .abouts_company_stat strong{
        margin-bottom:5px;
        font-size:21px;
        line-height:1.05;
        white-space:normal
    }
     .page_abouts .abouts_company_stat div > span{
        font-size:12px;
        /* line-height:1.35; */
    }
     .page_abouts .abouts_company_stat .new_about_stars{
        font-size:14px;
        letter-spacing:1px;
        white-space:nowrap
    }
     .page_abouts .abouts_company_stat:not(:last-child)::after{
        display:none
    }

.page_abouts .abouts_services{
        padding:52px 0 60px
    }
     .page_abouts .abouts_services_grid{
        grid-template-columns:1fr;
        gap:16px
    }
     .page_abouts .abouts_service_card{
        min-height:0;
        padding:82px 24px 30px
    }
     .page_abouts .abouts_service_number{
        font-size:60px
    }

.page_abouts .abouts_growth{
        padding: 45px 0 45px;
        background-size: auto 165%;
        background-position: center top;
    }
     .page_abouts .abouts_growth_stage{
        min-height: auto;
        padding-top:46px
    }
     .page_abouts .abouts_growth_swiper{
        overflow:hidden;
        padding: 0;
    }
     .page_abouts .abouts_growth_card{
        /* min-height:320px; */
        /* border-radius: 8px; */
        overflow: hidden;
        border: 0;
        padding: 30px;
        min-height: auto;
    }
     .page_abouts .abouts_growth_card::before,
     .page_abouts .abouts_growth_card::after{
        display:none
    }
     .page_abouts .growth_step_1,.page_abouts .growth_step_2,.page_abouts .growth_step_3,.page_abouts .growth_step_4{
        --growth-step-offset:0px
    }
	.page_abouts .abouts_growth_swiper .swiper-slide{
    border-radius: 8px;
    overflow: hidden;
}
.page_abouts .abouts_factory{
        padding: 45px 0 0;
    }
     .page_abouts .abouts_factory_gallery{
        /* margin:0 8px; */
    }
     .page_abouts .abouts_factory_main_swiper{
        min-height:0;
        max-width: 100%;
    }
     .page_abouts .abouts_factory_slide{
        grid-template-columns:1fr;
        min-height:0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
     .page_abouts .abouts_factory_slide_content{
        /* min-height:250px; */
        padding: 20px;
        width: 100%;
    }
     .page_abouts .abouts_factory_slide_content::before{
        width:46px;
        height:3px;
        margin-bottom:20px
    }
     .page_abouts .abouts_factory_slide_content h3{
        font-size: 20px;
    }
     .page_abouts .abouts_factory_slide_content p{
        margin-top:16px;
        font-size:14px;
        line-height:1.65
    }
     .page_abouts .abouts_factory_slide_media{
        height:auto;
        min-height:240px;
        aspect-ratio:16/10
    }
     .page_abouts .abouts_factory_gallery>.swiper-button-next,
     .page_abouts .abouts_factory_gallery>.swiper-button-prev{
        /* width:42px; */
        /* height:42px; */
        display: none;
    }
     .page_abouts .abouts_factory_gallery>.swiper-button-prev{
        /* left:-8px; */
    }
     .page_abouts .abouts_factory_gallery>.swiper-button-next{
        /* right:-8px; */
    }
     .page_abouts .abouts_factory_gallery>.swiper-button-next svg,
     .page_abouts .abouts_factory_gallery>.swiper-button-prev svg{
        width:18px;
        height:18px
    }
.page_abouts .abouts_customer_visits{
        padding: 45px 0 45px;
    }
     .page_abouts .abouts_customer_visits_carousel{
        padding: 0;
    }
     .page_abouts .abouts_customer_visits_swiper{
        overflow:hidden;
        padding:4px 1px 12px
    }
     .page_abouts .abouts_customer_visits_swiper .swiper-slide{
        opacity:1;
        transform:none
    }
     .page_abouts .abouts_customer_visits_swiper .swiper-slide-prev,
     .page_abouts .abouts_customer_visits_swiper .swiper-slide-next,
     .page_abouts .abouts_customer_visits_swiper .swiper-slide-active{
        opacity:1;
        transform:none
    }
     .page_abouts .abouts_customer_visit_card{
        border: 0;
        /* box-shadow:0 14px 34px rgba(34,77,136,.12); */
    }
     .page_abouts .abouts_customer_visit_copy{
        min-height:0;
        padding:20px 20px 22px
    }
     .page_abouts .abouts_customer_visit_copy h3{
        font-size:21px
    }
     .page_abouts .abouts_customer_visit_copy p{
        font-size:13px;
        line-height:1.65
    }
     .page_abouts .abouts_customer_visits_btn{
        display:none
    }
     .page_abouts .abouts_customer_visits_pagination{
        position:relative;
        margin-top:10px;
        text-align:center
    }
     .page_abouts .abouts_customer_visits_pagination .swiper-pagination-bullet{
        width:8px;
        height:8px;
        margin:0 5px;
        background:#aebbcf;
        opacity:.65
    }
     .page_abouts .abouts_customer_visits_pagination .swiper-pagination-bullet-active{
        width:24px;
        border-radius:8px;
        background:#1355d8;
        opacity:1
    }

.page_abouts .abouts_exhibitions{
        padding:54px 0 62px
    }
     .page_abouts .abouts_exhibitions_swiper,
     .page_abouts .abouts_exhibitions_pagination{
        display:none
    }
     .page_abouts .abouts_exhibitions_mobile{
        position:relative;
        z-index:2;
        display:block
    }
     .page_abouts .abouts_exhibitions_mobile_swiper{
        overflow:hidden
    }
     .page_abouts .abouts_exhibitions_mobile_grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(2,120px);
        gap:8px
    }
     .page_abouts .abouts_exhibitions_mobile_grid figure{
        min-width:0;
        margin:0;
        overflow:hidden;
        border-radius:6px;
        background:#dce8f7
    }
     .page_abouts .abouts_exhibitions_mobile_grid img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover
    }
     .page_abouts .abouts_exhibitions_mobile_pagination{
        position:relative;
        margin-top:18px;
        text-align:center
    }
     .page_abouts .abouts_exhibitions_mobile_pagination .swiper-pagination-bullet{
        width:8px;
        height:8px;
        margin:0 5px;
        background:#aebbcf;
        opacity:.65
    }
     .page_abouts .abouts_exhibitions_mobile_pagination .swiper-pagination-bullet-active{
        width:24px;
        border-radius:8px;
        background:#1355d8;
        opacity:1
    }

.auto-container{
        padding:0 10px;
        max-width:100%
    }
     .site_header .auto-container{
        padding:0;
        max-width:100%
    }
     .site_header .header_inner{
        min-height:65px;
        padding:0 10px 0 12px;
        border-radius:0;
        border-bottom:1px solid #edf2f7
    }
     .site_header.is_scrolled .header_inner{
        min-height:62px
    }
     .site_header .logo{
        width:150px
    }
     .header_actions{
        gap:8px
    }
     .header_icon_btn,.menu_toggle{
        width:38px;
        height:38px
    }
     .quote_btn{
        min-width:0;
        height:38px;
        padding:0 12px;
        border-radius:19px;
        font-size:13px
    }
     .index_certificates{
        padding:40px 0
    }
     .index_certificates_swiper_box{
        padding:0 42px
    }
     .certificate_card{
        /* padding:7px; */
    }
     .index_certificates .swiper-button-next,.index_certificates .swiper-button-prev{
        width:36px;
        height:36px;
        margin-top:-18px
    }
     .index_certificates .swiper-button-next::before,.index_certificates .swiper-button-prev::before{
        width:8px;
        height:8px;
        border-top-width:2px;
        border-right-width:2px
    }
     .index_new_about_us{
        --new-about-bg-height:calc(100vw * 1000 / 1920);
        --new-about-bg-size:100% auto;
        --new-about-fade-height:150px;
        padding:0;
        margin-top:0
    }
     .index_new_about_us::after,.index_new_about_us::before{
        display:none
    }
     .new_about_mobile_visual{
        position:relative;
        z-index:3;
        display:block;
        width:100%;
        margin:0 0 24px;
        overflow:hidden;
        border-radius:0
    }
     .new_about_mobile_visual img{
        display:block;
        width:100%;
        height:auto
    }
     .new_about_hero::after{
        display:none
    }
     .new_about_hero>.auto-container{
        position:static;
        max-width:100%;
        padding:0 10px;
        transform:none
    }
     .new_about_hero_text{
        position:static;
        max-width:100%;
        width:100%;
        padding:0;
        margin-bottom:24px;
        text-align:center;
        transform:none
    }
     .new_about_art_title{
        width:min(88%,420px);
        margin:0 auto 14px
    }
     .new_about_hero_label{
        min-height:28px;
        padding:0 28px 0 18px;
        font-size:12px;
        letter-spacing:3px
    }
     .new_about_hero_text h2{
        margin-bottom:10px;
        font-size: 36px;
        line-height:1.15
    }
     .new_about_hero_text h3{
        margin-bottom:10px;
        font-size:28px;
        line-height:1.12
    }
     .new_about_hero_text p{
        font-size:16px;
        line-height:1.65;
        text-align:left
    }
     .new_about_hero_text h2{
        margin-bottom:8px
    }
     .new_about_value_cards{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px 0
    }
     .new_about_value_card{
        padding:0 14px
    }
     .new_about_value_card:nth-child(odd){
        border-left:0
    }
     .new_about_value_card img{
        width:44px;
        height:44px
    }
     .new_about_overview{
        grid-template-columns:1fr;
        gap:14px
    }
     .new_about_stats{
        grid-column:1;
        grid-row:1;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
        margin:0;
        padding:0;
        border-radius:8px;
        max-width:100%
    }
     .new_about_stats::before{
        display:none
    }
     .new_about_stat{
        grid-template-columns:48px minmax(0,1fr);
        min-height: 75px;
        padding:0 10px;
        gap:5px 10px;
        text-align:left
    }
     .new_about_stat::before{
        display:none
    }
     .new_about_stat:nth-child(odd){
        border-left:0
    }
     .new_about_stat:nth-child(n+3){
        /* border-top:1px solid rgba(0,1,245,.12); */
    }
     .new_about_stat_icon{
        width:42px;
        height:42px
    }
     .new_about_stat_icon img{
        width:34px;
        height:34px
    }
     .new_about_stat:nth-child(2) .new_about_stat_icon img{
        width:42px;
        height:42px
    }
     .new_about_market p::after{
        display:none
    }
     .new_about_stat strong{
        font-size:24px;
        margin-bottom:0;
        padding-bottom:0;
        font-weight:600
    }
     .new_about_stat:nth-child(2) strong{
        font-size:18px
    }
     .new_about_stat span{
        font-size:14px
    }
     .new_about_stars{
        font-size:15px!important;
        letter-spacing:1px
    }
     .new_about_intro{
        grid-column:1;
        grid-row:2;
        display:block
    }
     .new_about_intro_panel{
        display:none!important
    }
     .new_about_intro_visual{
        display:none
    }
     .new_about_intro_visual img{
        min-height:220px
    }
     .new_about_video_btn{
        width:58px;
        height:58px
    }
     .new_about_video_btn::before{
        inset:-10px
    }
     .new_about_video_btn::after{
        margin-left:3px;
        border-top-width:9px;
        border-bottom-width:9px;
        border-left-width:13px
    }
     .new_about_who h3{
        margin-bottom:18px;
        padding-bottom:12px;
        font-size:17px;
        letter-spacing:0
    }
     .new_about_who p{
        font-size:14px;
        line-height:1.75
    }
     .new_about_who p br{
        display:block;
        margin-top:16px;
        content:""
    }
     .new_about_more{
        margin-top:22px
    }
     .new_about_intro_thumbs{
        grid-column:1;
        padding-top:18px;
        padding-bottom:22px
    }
     .new_about_thumb_body{
        grid-template-columns:42px minmax(0,1fr)
    }
     .new_about_thumb_icon{
        width:36px;
        height:36px
    }
     .new_about_thumb_icon img{
        width:28px;
        height:28px
    }
     .new_about_thumb_body h3{
        line-height:1.3
    }
     .new_about_intro_thumbs .swiper-pagination{
        display:flex;
        align-items:center;
        justify-content:center
    }
     .new_about_intro_thumbs.swiper-horizontal>.swiper-pagination-bullets{
        position:absolute;
        left:0;
        bottom:0
    }
     .new_about_intro_thumbs figure img{
        aspect-ratio:4/3
    }
     .new_about_card{
        display:block
    }
     .new_about_card_img{
        aspect-ratio:1.38;
        min-height:0
    }
     .new_about_card_body{
        padding:26px 20px 24px;
        text-align:center
    }
     .new_about_card_body h3{
        text-align:center;
        font-size:20px
    }
     .new_about_card_body h3::after{
        left:50%;
        transform:translateX(-50%)
    }
     .new_about_card_body p{
        font-size:14px;
        line-height:1.75
    }
     .new_about_values{
        margin-top:18px
    }
     .new_about_value{
        padding:22px 18px
    }
     .new_about_value_icon{
        width:64px;
        height:64px;
        margin-bottom:12px
    }
     .new_about_value_icon img{
        width:34px;
        height:34px
    }
     .new_about_trust{
        margin-top:18px;
        gap:0
    }
     .new_about_trust_col{
        padding:20px 0
    }
     .new_about_trust_col h3{
        margin-bottom:18px;
        font-size:21px
    }
     .new_about_trust_col h3 span{
        font-size:14px
    }
     .new_about_brand_logos,.new_about_platform_logos{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
        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 25%/100% 1px no-repeat,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 50%/100% 1px no-repeat,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 75%/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)) 50% center/1px 100% no-repeat
    }
     .brand_logo,.platform_logo{
        min-height:70px;
        padding:10px 0
    }
     .brand_logo img{
        max-height:34px
    }
     .platform_logo img{
        max-height:34px
    }
     .new_about_growth{
        margin-top:18px;
        padding:24px 20px
    }
     .new_about_growth p{
        font-size:15px;
        line-height:1.75
    }
     .search_modal{
        padding:90px 10px 10px
    }
     .search_modal_inner{
        padding:64px 16px 16px;
        border-radius:12px
    }
     .header_search_form{
        gap:8px;
        padding:0 8px 0 14px;
        border-radius:10px
    }
     .header_search_form .keywords{
        height:44px;
        font-size:14px
    }
     .search_close span{
        left:10px;
        top:18px
    }
     .site_nav{
        top:var(--site-header-height,65px);
        height:calc(100vh - var(--site-header-height,65px));
        height:calc(100dvh - var(--site-header-height,65px));
        padding:12px 14px 28px
    }
     .side_contact{
        /* right:10px; */
        /* gap:6px; */
    }
     .side_contact_item{
        width:40px;
        height:40px
    }
     .side_contact_item span{
        display:none
    }
     .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
        display:none
    }
     .index_banner .swiper-pagination{
        bottom:10px
    }
     .index_banner .swiper-pagination-bullet{
        width:18px;
        height:3px
    }
     .index_product_categories{
        padding:40px 0;
        margin-top:40px
    }
     .index_cta_box{
        display:flex;
        flex-wrap:wrap;
        flex-direction:column-reverse
    }
     .index_section_head{
        margin-bottom:24px
    }
     .index_section_head h2{
        display:block;
        font-size:28px
    }
    .index_product_categories .index_section_head h2{
    font-size: 40px;
}
     .index_section_head h2::after,.index_section_head h2::before{
        display:none
    }
     .index_section_head p{
        font-size:14px
    }
     .index_new_product_swiper{
        overflow:hidden
    }
     .index_new_product_swiper .swiper-wrapper{
        display:flex;
        gap:0
    }
     .new_product_item{
        min-height:0;
        height:auto;
        padding:10px 0
    }
     .new_product_image{
        min-height:400px;
        padding:10px 0 50px
    }
     .new_product_front{
        max-height:340px
    }
     .new_product_tray{
        bottom:-25px;
        width:80%
    }
     .new_product_back{
        display:none
    }
     .new_product_text h3{
        display:-webkit-box;
        height:50px;
        margin:0 0 10px;
        overflow:hidden;
        font-size:20px;
        line-height:1.24;
        font-weight:500;
        color:#172238;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
     .new_product_text p{
        display:-webkit-box;
        height:48px;
        margin:0;
        overflow:hidden;
        font-size:14px;
        line-height:1.7;
        color:#58687d;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
     .new_product_text p:first-of-type:not(:only-of-type){
        display:none
    }
     .new_product_item figcaption{
        padding:20px
    }
     .new_product_item figcaption h3{
        font-size:20px
    }
     .new_product_item figcaption p{
        font-size:16px
    }
     .index_product_categories .swiper-pagination{
        display:block
    }
     .index_hot_products{
        padding:40px 0 40px
    }
     .index_hot_products .img_box{
        height:435px
    }
     .index_hot_products .text_box{
        min-height:126px;
        padding:20px 22px 24px
    }
     .index_hot_products h3{
        font-size:18px;
        height:auto
    }
     .index_hot_products p{
        font-size:16px
    }
     .index_hot_products .swiper-pagination-bullet{
        width:18px;
        height:3px
    }
     .index_blog .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{
        font-size:14px
    }
     .index_why_choose{
        padding:40px 0 40px
    }
     .why_choose_layout{
        gap:65px
    }
     .why_choose_center{
        --why-orbit-radius:170px;
        width:320px;
        height:320px;
        padding:5px;
        margin-bottom:0
    }
     .why_orbit_dot{
        margin:-15px 0 0 -15px
    }
     .why_center_icon{
        width:62px;
        height:62px;
        margin-bottom:16px
    }
     .why_center_icon img{
        width:40px;
        height:40px
    }
     .why_choose_center h3{
        font-size:18px
    }
     .why_choose_center p{
        max-width:80%;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical
    }
     .why_choose_card{
        grid-template-columns:66px minmax(0,1fr);
        justify-items:start;
        min-height:0;
        padding:20px;
        text-align:left
    }
     .why_icon{
        width:54px;
        height:54px
    }
     .why_icon img{
        width:34px;
        height:34px
    }
     .why_text h3{
        font-size:17px
    }
     .why_text h3::after{
        margin-left:0;
        margin-right:0
    }
     .why_choose_slogan{
        margin-top:20px;
        padding:15px 20px;
        font-size:16px;
        max-width:100%
    }
     .index_video{
        padding:40px 0 40px
    }
     .video_card .img_box img{
        padding:18px
    }
     .video_play_btn{
        width:46px;
        height:46px
    }
     .video_play_btn::after{
        left:18px;
        top:14px;
        border-top-width:9px;
        border-bottom-width:9px;
        border-left-width:13px
    }
     .video_card .text_box{
        padding:20px 20px 22px
    }
     .video_card h3{
        height:56px;
        font-size:19px
    }
     .video_card p{
        height:23px;
        font-size:14px
    }
     .index_video .swiper-pagination-bullet{
        width:18px;
        height:3px
    }
     .video_modal{
        padding:14px
    }
     .video_modal_inner{
        padding:52px 12px 12px
    }
     .index_blog{
        padding:40px 0 40px
    }
     .index_blog_swiper{
        padding-bottom:0
    }
     .blog_card .text_box{
        min-height:226px;
        padding:20px 20px 22px
    }
     .blog_card h3{
        font-size:16px;
        height:50px
    }
     .blog_card p{
        height:45px;
        font-size:14px
    }
     .index_blog .swiper-pagination-bullet{
        width:18px;
        height:3px
    }
     .index_faq{
        padding:40px 0 40px;
        margin-bottom:40px
    }
     .faq_support_grid{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:18px
    }
     .faq_support_card{
        min-height:0;
        padding:24px 20px
    }
     .faq_support_icon{
        width:68px;
        height:68px;
        margin-bottom:14px
    }
     .faq_support_card h3{
        font-size:18px
    }
     .faq_support_card p{
        min-height:0;
        font-size:14px
    }
     .faq_question{
        grid-template-columns:42px minmax(0,1fr) 28px;
        gap:10px;
        padding:17px 14px
    }
     .faq_question span,.faq_question strong{
        font-size:15px
    }
     .faq_answer{
        padding:0 16px 18px 66px
    }
     .faq_answer p{
        font-size:14px;
        line-height:1.75
    }
     .faq_contact_bar{
        flex-wrap:wrap;
        gap:12px;
        margin-top:20px
    }
     .faq_contact_bar p{
        flex-basis:100%;
        font-size:14px
    }
     .index_cta{
        padding:40px 0 40px
    }
     .cta_form .input{
        grid-template-columns:1fr;
        gap:12px
    }
     .cta_form{
        padding:0;
        border:0;
        background:0
    }
     .cta_form input,.cta_form textarea{
        padding:14px
    }
     .upload-wrap{
        align-items:flex-start;
        padding:16px;
        background:#fff
    }
     .cta_contact_item{
        gap:15px;
        padding-bottom:0;
        border-bottom:0
    }
     .site_footer{
        padding:40px 0 20px
    }
     .footer_col{
        display:none
    }
     .footer_logo{
        width:190px
    }
     .footer_bottom div{
        gap:10px 15px;
        display:flex;
        flex-wrap:wrap
    }
     .footer_bottom a,.footer_bottom p,.footer_brand p,.footer_subscribe p{
        font-size:15px;
        max-width: 100%;
    }
     .page_inside{
        padding:18px 0 6px
    }
     .page_inside .auto-container{
        flex-wrap:wrap
    }
     .page_content{
        padding: 50px 0 50px;
    }
     .list_page_intro h1,.list_page_intro h2{
        font-size:25px
    }
     .list_page_intro p{
        font-size:14px;
        line-height:1.6
    }
     .list_product_layout{
        display: flex;
        flex-direction: column-reverse;
        gap: 60px;
    }
     .sidebar{
        position:static;
        width: 100%;
    }
     .sidebar .sidebar_box{
        margin-bottom:24px;
    }
     .list_product .list_product_layout .page_content_box .item_box{
        gap:12px
    }
     .list_product .list_product_layout .page_content_box .item_box .item .img_box{
        height:210px
    }
     .list_product .list_product_layout .page_content_box .item_box .item .text_box{
        padding:13px 12px 15px
    }
     .list_product .list_product_layout .page_content_box .item_box .item h2{
        min-height:40px;
        font-size:14px
    }
     .inside-pagination ul{
        gap:5px
    }
     .inside-pagination a,.inside-pagination span{
        min-width:32px;
        height:32px;
        padding:0 5px
    }
     .head_block .title{
        font-size:28px
    }
     .head_block .remark{
        font-size:14px
    }
     .common_inquiry{
        padding:42px 0
    }
     .common_inquiry_form form{
        display:block
    }
     .common_inquiry_form .input{
        display:grid;
        grid-template-columns:1fr;
        gap:8px
    }
     .common_inquiry_form .submit,.common_inquiry_form .textarea_box{
        margin-top:8px
    }
     .common_inquiry_form .submit,.common_inquiry_form .submit button,.common_inquiry_form input,.common_inquiry_form textarea{
        height:48px
    }
     .common_inquiry_form input,.common_inquiry_form textarea{
        line-height:48px
    }
     .page_banner .page_banner_img img{
        height:260px
    }
     .page_banner .page_banner_content{
        display:none
    }
     .page_banner .page_banner_content h1{
        font-size: 28px;
        /* color:#101827; */
    }
     .page_banner .page_banner_content p{
        font-size:14px;
        /* color:#101827; */
    }
     .page_banner_video_btn{
        min-height:40px;
        margin-top:18px;
        padding:0 18px;
        font-size:14px
    }
     .list_blog_layout{
        display: flex;
        flex-direction: column-reverse;
    }
     .list_blog_items{
        grid-template-columns:1fr;
        gap:12px
    }
     .list_blog_items .blog_card{
        display:block
    }
     .list_blog_items .blog_card .img_box{
        height:auto;
        aspect-ratio:4/3
    }
     .list_blog_items .blog_card .text_box{
        min-height:226px
    }
     .list_video_layout{
        display: flex;
        flex-direction: column-reverse;
    }
     .list_video_items{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
     .list_faq_layout{
        display:block
    }
     .list_faq .faq_tabs{
        display:flex;
        gap:0;
        overflow-x:auto;
        padding-bottom:0;
        border-bottom:1px solid #dfe4ec;
        border-radius:0;
        background:0 0
    }
     .list_faq .faq_tabs button{
        flex:0 0 auto;
        min-width:150px;
        min-height:94px;
        border:0;
        border-radius:0
    }
     .list_faq .faq_tabs button+button{
        border-left:0
    }
     .list_faq .faq_list{
        border-radius:8px
    }
     .list_faq .faq_question{
        grid-template-columns:40px 1fr 30px;
        padding:11px 14px
    }
     .list_faq .faq_answer{
        padding:16px 14px 20px
    }
     .list_faq .faq_section_head{
        margin-bottom:30px
    }
     .list_faq .faq_section_head .title{
        font-size:30px;
        line-height:38px
    }
     .list_faq .faq_section_head .remark{
        font-size:13px;
        line-height:22px
    }
     .list_faq .faq_support_form{
        padding:45px 0
    }
     .list_faq .faq_service_grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:30px 0;
        margin-bottom:45px
    }
     .list_faq .faq_service_item{
        min-height:150px;
        padding:0 24px
    }
     .list_faq .faq_service_item:first-child{
        padding-left:24px
    }
     .list_faq .faq_service_item:nth-child(3){
        border-left:0
    }
     .list_faq .faq_service_item:last-child{
        padding-right:24px
    }
     .list_faq .faq_support_form_box{
        grid-template-columns:1fr;
        gap:35px;
    }
     .list_faq .faq_support_contact{
        padding:28px 24px
    }
    .list_faq .faq_support_form_main{
    padding: 0;
    background: 0;
}
     .list_faq .faq_support_contact h2{
        font-size:34px;
        line-height:40px
    }
     .list_faq .faq_support_fields{
        grid-template-columns:1fr;
        gap:16px
    }
     .list_faq .faq_support_field_full{
        grid-column:auto
    }
	.page_contact .contact_map_section{
    padding: 45px 0;
}
     .page_contact .contact_map_box{
        height:auto;
        padding:300px 15px 30px
    }
     .page_contact .contact_map_box iframe{
        position:absolute;
        inset:0 0 auto;
        height:300px
    }
     .page_contact .contact_map_content{
        position:relative;
        inset:auto;
        padding:0
    }
     .page_contact .contact_location_card{
        width:100%;
        margin-top:0;
        padding:24px;
        background: 0;
        border: 0;
        padding: 20px 0;
    }
     .page_contact .contact_quick_grid{
        grid-template-columns:1fr;
        margin-top:24px
    }
     .page_contact .contact_quick_item{
        min-height:120px;
        padding:22px 24px
    }
     .page_contact .contact_quick_item+.contact_quick_item{
        border-top:1px solid #dce4ef;
        border-left:0
    }
     .page_contact .contact_form_section{
        padding:45px 0
    }
     .page_contact .contact_form_panel{
    }
     .page_contact .contact_form_head{
        margin-bottom:30px
    }
     .page_contact .contact_form_head h2{
        font-size:30px;
        line-height:38px
    }
     .page_contact .contact_form_head p{
        font-size:13px;
        line-height:22px
    }
     .page_contact .faq_support_fields{
        grid-template-columns:1fr;
        gap:16px
    }
     .page_contact .faq_support_field_full{
        grid-column:auto
    }
     .page_contact .contact_social_section{
        padding: 45px 0;
    }
     .page_contact .contact_social_panel{
        /* padding:28px 24px; */
    }
     .page_contact .contact_social_head{
        margin-bottom:30px
    }
     .page_contact .contact_social_head h2{
        font-size:30px;
        line-height:38px
    }
     .page_contact .contact_social_head p{
        font-size:13px;
        line-height:22px
    }
     .page_contact .contact_social_grid{
        grid-template-columns: 1fr;
        gap:12px
    }
     .page_contact .contact_social_grid::before{
        display:none
    }
     .page_contact .contact_social_card{
        min-height:84px
    }

.auto-container{
        padding-right:15px;
        padding-left:15px
    }
    .side_contact{
        right: 5px;
        top: 50%;
        /* bottom: 10%; */
        /* flex-direction:row; */
        gap:6px;
        transform:none
    }
    .side_contact_item{
        width:38px;
        height:38px;
        background:rgba(255,255,255,.96);
        /* box-shadow:0 6px 18px rgba(7,26,61,.12); */
    }
    .side_contact_item:hover{
        transform: unset;
    }
    .side_contact_item svg{
        width:18px;
        height:18px
    }
    .common_inquiry{
        background-position:center bottom;
        background-size:cover
    }
    .common_inquiry .head_block{
        margin-bottom:22px
    }
    .common_inquiry_form textarea{
        overflow:hidden;
        white-space:nowrap
    }
    .list_faq .faq_tabs{
        scroll-behavior:smooth;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch
    }
    .list_faq .faq_tabs::-webkit-scrollbar{
        display:none
    }
    .page_oemodm .oemodm_scope_table_wrap,
    .product_detail_ckeditor .product_specifications_table_wrap{
        scrollbar-width:thin;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch
    }

.show_products_detail>.product_detail_box{
        padding: 40px 0;
        display: flex;
        flex-direction: column-reverse;
        max-width: 100%;
    }
     .show_products_detail>.product_detail_box>.sidebar{
        position:static
    }
     .show_products_detail>.product_detail_box>.product_detail_box{
    padding: 0;
    background: 0;
    width: 100%;
}
     .show_products_detail .product_detail_video{
        margin-bottom:36px
    }
     .show_products_detail .product_detail_video>h2{
        font-size:20px
    }
     .show_products_detail .product_detail_video_play{
        width:62px;
        height:62px
    }
     .show_products_detail .product_detail_hero{
        padding:38px 0 62px
    }
     .show_products_detail .product_gallery_main .swiper-slide{
        padding:18px
    }
     .show_products_detail .product_gallery_main .swiper-slide img{
        max-height:480px
    }
     .show_products_detail .product_gallery_thumbs_box{
        padding: 38px 0;
    }
     .show_products_detail .product_gallery{
        grid-template-columns:76px minmax(0,1fr);
        gap:12px
    }
     .show_products_detail .product_gallery_main,.show_products_detail .product_gallery_thumbs_box{
        height:430px
    }
     .show_products_detail .product_gallery_thumbs_box .swiper-button-next,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev{
        height:32px
    }
     .show_products_detail .product_info h1{
        font-size:30px;
        line-height:40px
    }
     .show_products_detail .product_info_tagline{
        font-size: 14px;
        line-height:24px
    }
     .show_products_detail .product_info_description{
        /* font-size: 14px; */
        /* line-height: 30px; */
    }
     .show_products_detail .product_info_bottom{
        align-items:flex-start;
        flex-direction:column
    }
     .show_products_detail .product_quote_btn{
        width:100%
    }
     .show_products_detail .product_gallery_lightbox{
        padding:20px
    }

.product_detail_ckeditor > section {
		box-shadow: none;
	}

	.product_detail_ckeditor > section::before {
		display: none;
	}

	.product_detail_ckeditor > section + section {
		margin-top: 44px;
	}
	.product_detail_ckeditor .product_advantages {
		gap: 24px;
		padding: 28px 20px;
	}

	.product_detail_ckeditor .product_detail_section_head h2,
	.show_products_detail .product_faq .product_detail_section_head h2 {
		font-size: 22px;
	}

	.product_detail_ckeditor .product_detail_section_head p,
	.show_products_detail .product_faq .product_detail_section_head p {
		font-size: 14px;
	}

	.product_detail_ckeditor .product_advantages_visual {
		min-height: 330px;
		padding: 24px 16px 58px;
	}

	.product_detail_ckeditor .product_advantages_visual img {
		height: 290px;
	}

	.product_detail_ckeditor .product_advantages_list {
		grid-template-columns: 1fr;
	}

	.product_detail_ckeditor .product_advantages_list > li {
		min-height: 0;
		padding: 62px 20px 22px;
	}

	.product_detail_ckeditor .product_advantages_list > li > strong {
		top: 20px;
		left: 20px;
	}

	.product_detail_ckeditor .product_detail_images {
		margin-top: 38px;
		padding: 28px 20px;
	}

	.product_detail_ckeditor .product_detail_images .product_detail_section_head {
		margin-bottom: 24px;
	}

	.product_detail_ckeditor .product_detail_images_list {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.product_detail_ckeditor .product_specifications {
		margin-top: 38px;
		padding: 28px 20px;
	}

	.product_detail_ckeditor .product_specifications .product_detail_section_head {
		margin-bottom: 24px;
	}

	.product_detail_ckeditor .product_specifications th,
	.product_detail_ckeditor .product_specifications td {
		padding: 13px 16px;
		font-size: 13px;
	}

	.product_detail_ckeditor .product_reviews {
		margin-top: 38px;
		padding: 28px 20px;
	}

	.product_detail_ckeditor .product_reviews .product_detail_section_head {
		margin-bottom: 24px;
	}

	.product_detail_ckeditor .product_reviews_gallery {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.product_detail_ckeditor .product_reviews_gallery .product_review_featured {
		grid-column: auto;
	}

	.product_detail_ckeditor .product_reviews_gallery figure {
		min-height: 0;
		/* padding: 12px; */
	}

	.product_detail_ckeditor .product_packing_shipping {
		margin-top: 38px;
		padding: 28px 20px;
	}

	.product_detail_ckeditor .product_packing_shipping .product_detail_section_head {
		margin-bottom: 24px;
	}

	.product_detail_ckeditor .product_packing_shipping_gallery {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.show_products_detail .product_faq {
		margin-top: 38px;
		padding: 28px 20px;
	}

	.show_products_detail .product_faq .product_detail_section_head {
		margin-bottom: 24px;
	}

	.show_products_detail .product_faq_list > li {
		padding: 23px 0;
	}

	.show_products_detail .product_faq_list h3,
	.show_products_detail .product_faq_list p {
		padding-left: 40px;
	}

	.show_products_detail .product_faq_list h3 {
		font-size: 16px;
		line-height: 1.2;
	}

	.show_products_detail .product_faq_list p {
		/* font-size: 13px; */
	}

	.show_products_detail .product_faq_list h3 > span,
	.show_products_detail .product_faq_list p > span {
		width: 25px;
		height: 25px;
		font-size: 12px;
	}

.product_detail_ckeditor > .product_advantages .product_advantages_visual {
		min-height: 330px;
		margin-bottom: 24px;
	}

	.product_detail_ckeditor > .product_advantages .product_advantages_visual img {
		height: 330px;
	}

	.product_detail_ckeditor > .product_advantages .product_advantages_list {
		/* grid-template-columns: 1fr; */
		/* gap: 18px; */
	}

	.product_detail_ckeditor .product_reviews_gallery,
	.product_detail_ckeditor .product_packing_shipping_gallery {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.product_detail_ckeditor .product_reviews_gallery figure:nth-child(3n + 2) {
		transform: none;
	}

	.product_detail_ckeditor .product_packing_shipping_gallery figure:first-child {
		grid-column: auto;
	}

	.product_detail_ckeditor .product_packing_shipping_gallery figure:first-child img {
		aspect-ratio: 4 / 3;
	}
}

@media(max-width:600px){
.page_oemodm .oemodm_scope_intro{
        min-height:620px
    }
     .page_oemodm .oemodm_scope_intro_content{
        padding:44px 30px
    }
     .page_oemodm .oemodm_scope_intro_content p{
        max-width:270px
    }
     .page_oemodm .oemodm_scope_catalog{
        /* padding:34px 20px 28px; */
    }
     .page_oemodm .oemodm_scope_cards{
        grid-template-columns:1fr
    }
     .page_oemodm .oemodm_scope_card,
     .page_oemodm .oemodm_scope_card:nth-child(even){
        /* padding:28px 8px; */
        /* border-top:1px solid #e2eaf5; */
        border-left:0;
        padding: 20px 0;
    }
     .page_oemodm .oemodm_scope_card:first-child{
        /* padding-top:0; */
        /* border-top:0; */
    }
     .page_oemodm .oemodm_scope_card_wide{
        grid-column:auto;
        display:block;
        margin:0;
        padding-bottom:0
    }
     .page_oemodm .oemodm_scope_card_wide .oemodm_scope_card_title{
        margin-bottom:20px
    }
     .page_oemodm .oemodm_scope_card_wide .oemodm_scope_detail{
        padding:0 0 17px;
        border-left:0
    }
     .page_oemodm .oemodm_scope_card_wide .oemodm_scope_detail+.oemodm_scope_detail{
        padding-top:15px;
        border-top:1px solid #dbe6f5
    }
     html,
     body{
        /* overflow-x:clip; */
    }
     .site_wrap{
        /* overflow:hidden; */
    }
     .site_header .header_inner{
        min-width:0;
        padding-right:10px;
        padding-left:12px
    }
     .site_header .logo{
        width:clamp(136px,38vw,160px);
        flex:0 1 auto
    }
     .header_actions{
        flex:0 0 auto;
        gap:6px;
        min-width:0
    }
     .header_actions .header_icon_btn,
     .menu_toggle{
        width:38px;
        height:38px
    }
     .header_actions .search_toggle{
        display:none
    }
     .menu_toggle{
        display:flex
    }
     .quote_btn{
        display:none
    }
     .show_products .page_banner .page_banner_content h1,
     .list_product .page_banner .page_banner_content h1{
        max-width:min(330px,92vw);
        font-size:clamp(25px,7vw,30px);
        line-height:1.16
    }
     .show_products .page_banner .page_banner_content p,
     .list_product .page_banner .page_banner_content p{
        max-width:min(320px,88vw);
        font-size:13px;
        line-height:1.45
    }
     .show_products_detail .product_detail_hero{
        padding:28px 0 48px
    }
     .show_products_detail .product_detail_hero>.auto-container{
        display:block;
        width:100%;
        min-width:0
    }
     .show_products_detail .product_gallery{
        grid-template-columns:58px minmax(0,1fr);
        gap:10px;
        width:100%;
        min-width:0
    }
     .show_products_detail .product_gallery_main,.show_products_detail .product_gallery_thumbs_box{
        height:300px
    }
     .show_products_detail .product_gallery_main,
     .show_products_detail .product_gallery_main .swiper-wrapper,
     .show_products_detail .product_gallery_main .swiper-slide{
        min-width:0;
        max-width:100%
    }
     .show_products_detail .product_gallery_main .swiper-slide{
        padding:14px
    }
     .show_products_detail .product_gallery_main .swiper-slide img{
        width:100%;
        height:100%;
        max-width:100%;
        max-height:100%;
        object-fit:contain
    }
     .show_products_detail .product_gallery_thumbs_box{
        padding:32px 0
    }
     .show_products_detail .product_gallery_zoom{
        right:10px;
        top:10px;
        width:34px;
        height:34px
    }
     .show_products_detail .product_gallery_thumbs_box .swiper-button-next,.show_products_detail .product_gallery_thumbs_box .swiper-button-prev{
        height:30px
    }
     .show_products_detail .product_info{
        margin-top:26px
    }
     .show_products_detail .product_info h1{
        font-size: 24px;
        line-height:1.22
    }
     .show_products_detail .product_contact_info{
        width:100%
    }
     .show_products_detail .product_contact_info a{
        width:100%
    }
.list_product .list_product_layout .page_content_box .item_box{
        grid-template-columns:1fr
    }
    .list_product .list_product_layout .page_content_box .item_box .item .img_box{
        height:auto;
        min-height:300px;
        aspect-ratio:1/1
    }
    .list_product .list_product_layout .page_content_box .item_box .item .text_box{
        padding:16px 16px 18px
    }
    .list_product .list_product_layout .page_content_box .item_box .item h2{
        min-height:0;
        font-size:16px;
        line-height:1.45
    }
    .common_inquiry .head_block .title{
        font-size:26px;
        line-height:1.25
    }
    .common_inquiry_form .submit button{
        min-width:0
    }

.list_faq .faq_service_grid{
        grid-template-columns:1fr;
        gap:0
    }
     .list_faq .faq_service_item,.list_faq .faq_service_item:first-child,.list_faq .faq_service_item:last-child{
        min-height:0;
        padding:22px 0
    }
     .list_faq .faq_service_item+.faq_service_item{
        border-top:1px solid #cfdaeb;
        border-left:0
    }
     .list_faq .faq_service_item p{
        max-width:none
    }
     .list_blog_items{
        grid-template-columns:1fr
    }
     .list_blog_items .blog_card .text_box{
        min-height:0
    }
     .list_video_items{
        grid-template-columns:1fr
    }
     .index_oem_image_only{
        background:#eef6ff
    }
}

@media(max-width:390px){
html,
    body{
        /* overflow-x:clip; */
    }
    .site_header .logo{
        width:136px
    }
    .site_header .header_inner{
        padding-right:8px;
        padding-left:10px
    }
    .header_actions{
        gap:6px
    }
    .header_actions>.header_icon_btn{
        display:none
    }
    .quote_btn{
        padding:0 11px;
        font-size:12px
    }
    .show_products_detail .product_gallery_thumbs .swiper-slide{
        padding:4px;
        border-radius:6px
    }
    .why_choose_layout,
    .why_choose_side,
    .why_choose_card{
        min-width:0;
        width:100%
    }
    .why_choose_center{
        width:min(320px,100%);
        height:auto;
        aspect-ratio:1/1
    }
    .new_about_stats{
        grid-template-columns:1fr
    }
    .new_about_stat{
        min-width:0;
        border-left:0
    }
    .new_about_stat:nth-child(n+2){
        /* border-top:1px solid rgba(0,1,245,.12); */
    }
    .faq_contact_bar a{
        overflow-wrap:anywhere
    }
}

/* About company — reception / technology composition */
@media(max-width:430px){
    .page_abouts .abouts_company{
        padding:38px 0
    }
    .page_abouts .abouts_company_visual{
        aspect-ratio:4/3;
        border-radius:14px
    }
    .page_abouts .abouts_company_intro{
        padding-top:30px
    }
    .page_abouts .abouts_company h1{
        font-size:36px
    }
    .page_abouts .abouts_company_title_line{
        width:48px;
        height:3px;
        margin-top:18px
    }
    .page_abouts .abouts_company_stats{
        grid-template-columns:1fr;
        padding: 0;
        background: 0;
        box-shadow: unset;
    }
    .page_abouts .abouts_company_stat,
    .page_abouts .abouts_company_stat:first-child,
    .page_abouts .abouts_company_stat:last-child{
        grid-template-columns:54px minmax(0,1fr);
        min-height:82px;
        padding:12px 8px;
        border-bottom:1px solid rgba(65,106,170,.14)
    }
    .page_abouts .abouts_company_stat:last-child{
        border-bottom:0
    }
    .page_abouts .abouts_company_stat::after{
        display:none!important
    }
}

/* Responsive layouts for the four supporting page templates. */
@media(max-width:1199px){
    .quotation-page .quotation-layout{width:calc(100% - 60px);gap:24px}
    .quotation-page .quote-selection-card,.quotation-page .form-card{padding:24px}
    .quotation-page .quote-card-head h2{font-size:22px}
    .page_show .page_content>.auto-container{grid-template-columns:minmax(0,1fr) 270px;gap:24px}
    .page_show .show_article_head{padding:28px}
    .page_show .show_article_head h2{font-size:29px}
    .page_show .show_article_content,.page_show .show_article_nav{padding:28px}
    .page_show .sidebar-widget,.page_show .left_recommend_pro,.page_show .left_contact{padding:20px}
}
@media(max-width:991px){
    .quotation-page{padding:56px 0 64px}
    .quotation-page .quotation-layout{grid-template-columns:1fr;max-width:760px}
    .quotation-page .quote-empty{min-height:240px}
    .quotation-page .quote-product-list{max-height:440px}
    .page_show .page_content{padding:56px 0 64px}
    .page_show .page_content>.auto-container{grid-template-columns:1fr;gap:32px}
    .page_show .sidebar{position:static;width:100%}
    .page_show .sidebar_box{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
    .page_show .sidebar_search_box{grid-column:1/-1}
    .page_detail .page_detail_box{padding:56px 0 64px}
    .page_detail .section_container{width:calc(100% - 60px)}
    .page_detail .page_detail_box h1{font-size:32px}
    .thanks_page{padding:64px 0}
    .thanks_page .contact-form-panel{padding:48px 36px}
    .thanks_page .contact-section-title h2{font-size:34px}
}
@media(max-width:767px){
    .quotation-page{padding:36px 0 48px}
    .quotation-page .quotation-layout{width:calc(100% - 32px);gap:24px}
    .quotation-page .quote-selection-card,.quotation-page .form-card{padding:22px 20px;border-radius:10px}
    .quotation-page .quote-card-head{gap:14px;margin-bottom:20px;padding-bottom:20px}
    .quotation-page .quote-card-head h2{font-size:21px}
    .quotation-page .quote-list-actions button{min-height:40px}
    .quotation-page .quote-empty{min-height:230px;padding:28px 16px}
    .quotation-page .quote-empty h3{font-size:20px}
    .quotation-page .form-grid{grid-template-columns:1fr;gap:20px}
    .quotation-page .form-group input,.quotation-page .form-group textarea{font-size:16px}
    .quotation-page .quotation-submit{gap:12px;margin-top:24px}
    .quotation-page .quotation-submit>*{width:100%}
    .page_show .page_content{padding:36px 0 48px}
    .page_show .show_article_head{padding:24px 20px}
    .page_show .show_article_head h2{font-size:26px;line-height:1.4}
    .page_show .show_article_head .blog_card_info{gap:8px 14px;margin-top:16px;font-size:12px}
    .page_show .show_article_content{padding:24px 20px 28px}
    .page_show .show_article_nav{grid-template-columns:1fr;gap:22px;padding:24px 20px}
    .page_show .show_article_next{grid-column:auto;text-align:left;align-items:flex-start}
    .page_show .show_article_nav a+a{padding-top:20px;border-top:1px solid var(--inner-line)}
    .page_show .sidebar_box{grid-template-columns:1fr;gap:20px}
    .page_detail .page_detail_box{padding:36px 0 48px}
    .page_detail .section_container{width:calc(100% - 40px)}
    .page_detail .page_detail_box h1{margin-bottom:26px;padding-bottom:22px;font-size:28px}
    .page_detail .page_detail_meta,.page_show .show_article_content{font-size:15px;line-height:1.8}
    .page_detail .page_detail_meta h2,.page_show .show_article_content h2{margin-top:28px;font-size:23px}
    .page_detail .page_detail_meta h3,.page_show .show_article_content h3{font-size:20px}
    .page_detail .page_detail_meta h4,.page_show .show_article_content h4{font-size:18px}
    .page_detail .page_detail_meta blockquote,.page_show .show_article_content blockquote{margin:24px 0;padding:18px}
    .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:12px;font-size:13px}
    .page_detail .page_detail_meta table,.page_show .show_article_content table{min-width:520px}
    .thanks_page{padding:44px 0 52px}
    .thanks_page .contact-form-panel{padding:40px 22px;border-radius:10px}
    .thanks_page .contact-section-title::before{width:64px;height:64px;margin-bottom:24px;font-size:30px}
    .thanks_page .contact-section-title h2{font-size:29px}
    .thanks_page .contact-section-title p{margin-top:18px;font-size:15px}
    .thanks_page .hero-actions{gap:12px;margin-top:26px}
    .thanks_page .hero-btn{width:100%;padding:13px 18px}
}
@media(max-width:430px){
    .quotation-page .quote-selection-card,.quotation-page .form-card{padding:20px 16px}
    .quotation-page .quote-product-list .item{grid-template-columns:66px minmax(0,1fr);gap:12px}
    .quotation-page .quote-product-list .img{width:66px;height:66px}
    .quotation-page .quote-product-list h3{font-size:14px}
    .quotation-page .quote-product-list .other{grid-column:2;display:flex;justify-content:space-between;align-items:center}
    .quotation-page .remove-btn{min-height:32px;padding:4px 0}
    .page_show .show_article_head h2{font-size:23px}
    .thanks_page .contact-section-title h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
    .quotation-page *,.page_detail *,.page_show *,.thanks_page *{scroll-behavior:auto;transition:none!important;animation:none!important}
}