@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1600px
    }
     .head_box{
        max-width:1920px
    }
}
 @media(min-width:2100px){
    .head_box .nav_box .nav .hasdrop .stair .a{
        padding-left:0;
        padding-right:.25rem
    }
}
 @media(min-width:2400px){
    .head_box .header_box{
        padding:0 1.29rem
    }
     .head_box .top_box{
        padding:.13rem 1.29rem
    }
     .head_box .right_box{
        width:13%
    }
}
 @media(min-width:2560px){
    html{
        font-size:calc(100vw/25.6)
    }
}
 @media(min-width:2860px){
    html{
        font-size:calc(100vw/28.6)
    }
}
 @media(min-width:3840px){
    html{
        font-size:calc(100vw/38.4)
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .auto-container{
        max-width:95%
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:35%
    }
     .head_box .header_box{
        padding:0 .2rem
    }
     .head_box .top_box{
        padding:.13rem .2rem
    }
     .head_box .right_box{
        width:15%
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        padding-left:0;
        padding-right:.2rem
    }
     .footer .footer_form h2{
        font-size:.45rem
    }
     .footer .footer_form_box .input_box .input:nth-child(4){
        flex:0 0 32%
    }
     .index_banner{
        aspect-ratio:auto
    }
     .index_banner .swiper-slide .txt{
        left:10%;
        top:10%
    }
     .index_banner .swiper-slide .txt .title{
        font-size:.4rem
    }
     .index_banner .swiper-slide .txt .remark{
        font-size:.2rem;
        line-height:.3rem
    }
     .index_banner .swiper-slide .txt>img{
        max-width:3rem
    }
     .section{
        padding-top:.6rem
    }
     .head_block .title{
        font-size:.34rem
    }
     .head_block .remark{
        font-size:.2rem;
        line-height:.3rem
    }
     .index_certification{
        padding-top:0
    }
     .index_certification .item img{
        max-width:.7rem
    }
     .index_pro_categories .categories_head .item a{
        font-size:.24rem
    }
     .index_pro_categories .categories_main .item_box .item .img_box img{
        height:150%;
        object-fit:cover
    }
     .index_pro_categories .categories_main .item_box .item .text_box{
        padding:.3rem;
        padding-top:0
    }
     .index_pro_categories .categories_main .item_box .item h2{
        font-size:.18rem
    }
     .index_pro_categories .categories_main .item_box .item p{
        font-size:.15rem
    }
     .index_section1 .index_section1_box .swiper-slide .img img{
        min-height:3rem
    }
     .index_section3 .index_section3_box .swiper-container{
        max-width:85%;
        margin:auto
    }
     .index_section3 .index_section3_box .swiper-slide .item .text_box h4{
        font-size:.2rem
    }
     .index_section3 .index_section3_box .swiper-button-next,.index_section3 .index_section3_box .swiper-button-prev{
        top:28%
    }
     .index_section2 .index_section2_box .right .head_block{
        margin-bottom:.2rem
    }
     .index_section2 .index_section2_box .right .section2_remark{
        font-size:.18rem;
        line-height:.26rem;
        -webkit-line-clamp:3
    }
     .index_section2 .index_section2_box .right .item_box .item .txt div{
        font-size:.3rem;
        line-height:.4rem
    }
     .index_section2 .index_section2_box .right .item_box .item .remark{
        font-size:.18rem
    }
     .index_section1{
        /* padding-top:0; */
    }
     .index_section1 .index_section1_box .swiper-slide .txt span{
        font-size:.36rem
    }
     .index_section1 .index_section1_box .swiper-slide .txt p{
        font-size:.2rem
    }
     .index_certificates{
        padding-bottom:.6rem
    }
     .index_certificates .index_certificates_box .swiper-container{
        max-width:85%;
        margin:auto
    }
     .index_certificates .index_certificates_box .swiper-button-prev{
        left:0
    }
     .index_certificates .index_certificates_box .swiper-button-next{
        right:0
    }
     .index_oemorder{
        margin-bottom:.6rem
    }
     .index_oemorder .index_oemorder_box .item_box.active{
        align-items:stretch
    }
     .index_oemorder .index_oemorder_box .item_box .left{
        overflow:hidden
    }
     .index_oemorder .index_oemorder_box .item_box .right{
        gap:.3rem
    }
     .index_oemorder .index_oemorder_box .item_box .right .item{
        flex:0 0 calc((100% - 1 * .3rem)/ 2)
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .icon h4{
        font-size:.2rem
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .txt p{
        font-size:.18rem;
        line-height:.22rem
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .txt span{
        -webkit-line-clamp:4;
        line-height:.2rem
    }
     .index_advantages{
        /* padding-bottom:.6rem; */
    }
     .index_advantages .index_advantages_box .item{
        padding:.25rem
    }
     .index_advantages .index_advantages_box .item .icon img{
        /* width:.55rem; */
        /* height:.55rem; */
    }
     .index_advantages .index_advantages_box .item .icon h4{
        font-size:.2rem;
        line-height:.23rem
    }
     .index_advantages .index_advantages_box .item .txt{
        /* line-height:.24rem; */
    }
     .index_process{
        padding-bottom:.6rem
    }
     .index_process .grid .card:before{
        height:.256rem;
        bottom:-.83rem
    }
     .index_process .grid .card[data-row=bottom]:before{
        bottom:unset;
        top:-.82rem
    }
     .index_process .grid .card[data-row=top]:before{
        bottom:-.84rem
    }
     .index_process .grid .card .title{
        padding:.1rem .05rem;
        font-size:.18rem
    }
     .index_section4{
        aspect-ratio:19.2/7
    }
     .index_section4 .head_block img{
        max-width:.5rem
    }
     .index_section4 .head_block .title{
        line-height:.4rem
    }
     .index_section4 .head_block .remark{
        line-height:.28rem
    }
     .index_section5 .index_section5_box .swiper-slide .item .text_box .title{
        font-size:.18rem;
        margin-bottom:.2rem
    }
     .index_section5 .index_section5_box .swiper-slide .item .text_box .remark{
        line-height:.22rem
    }
     .index_section6_box .item{
        padding:.25rem 0
    }
     .page_content .sidebar .sidebar_box .category h2,.page_content .sidebar .sidebar_box .left_recommend_news h2,.page_content .sidebar .sidebar_box .left_recommend_pro h2{
        font-size:.18rem;
        padding-left:.15rem
    }
     .page_content .sidebar .sidebar_box .left_recommend_news h2 img,.page_content .sidebar .sidebar_box .left_recommend_pro h2 img{
        max-width:.2rem
    }
     .page_content .sidebar .sidebar_box .category .item_box .item a{
        font-size:.16rem
    }
     .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt h4{
        font-size:.16rem
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide a{
        gap:.1rem
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .img_box img{
        width:.5rem;
        height:.5rem
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box .other{
        padding:.06rem .1rem
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box .other span{
        font-size:.12rem
    }
     .page_product_show .product_show_head .img_box .thumb_box .img{
        width:.92rem;
        height:.92rem
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        line-height:.92rem;
        width:.45rem
    }
     .page_product_show .product_show_head .img_box .thumb_box #slider1{
        height:.92rem
    }
     .page_product_show .product_show_head .text_box h1{
        font-size:.22rem;
        line-height:.3rem
    }
     .page_product_show .product_show_head .text_box .other .item img{
        max-width:.2rem
    }
     .page_product_show .product_show_head .text_box .other .item:last-child{
        font-size:.16rem
    }
     .page_product_show .product_show_form h2{
        font-size:.3rem
    }
    .page_about .page_about_history_box:before{
    top: 18.5%;
    }
     .page_about .page_about_history_box .swiper-slide .item .text_box:after{
    left: 1.55%;
    top: 81%;
}
    .page_banner .text{
    top: 30%;
}
     .list_products .common_from{
    max-width: 100%;
}
.page_banner .img_box{
    height: 350px;
}

     .page_oemodm_tag{
    gap: 20px;
}
     .page_oemodm_tag .item{
    padding: .1rem 0;
    display: flex;
    align-items: center;
    font-size: 15px;
}
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/8)
    }
     .swiper-pagination-bullet-active{
        background:var(--color)
    }
     .additional-features{
        right:.1rem
    }
     .head_box .top_box{
        flex-wrap:wrap;
        display:flex;
        justify-content:center;
        gap:.15rem
    }
     .head_box .top_box,.head_box .top_box a{
        font-size:.2rem
    }
     .head_box .top_box .slogan{
        font-size:.2rem
    }
     .head_box .header_box{
        padding:.1rem .2rem
    }
     .head_box .logo_box{
        width:15%
    }
     .head_box .logo_box .slogan{
    display: none;
}
     .head_box .nav_box{
        display:none;
        background:#fff;
        position:absolute;
        left:0;
        top:100%;
        width:100%;
        border-top:1px solid #eee;
        padding:15px 0
    }
     .head_box .nav_box .nav{
        display:block;
        width:95%;
        margin:auto
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        line-height:.6rem;
        width:100%
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn{
        position:absolute;
        top:22%;
        right:.25rem;
        margin:auto;
        width:.3rem;
        height:.3rem;
        transition:.3s;
        bottom:unset;
        transform:rotate(0)
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after{
        position:absolute;
        top:-.04rem;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width:.15rem;
        height:.15rem;
        border-right:.03rem solid #555;
        border-bottom:.03rem solid #555;
        transform:rotate(45deg);
        transition:all .3s linear;
        border-radius:0;
        border-left:0
    }
     .head_box:hover .nav_box .nav .hasdrop .stair .a .mobile-navbtn.open::after{
        transform:rotate(135deg);
        border-color:var(--color)
    }
     .head_box .nav_box .nav .hasdrop .sub{
        position:unset;
        width:100%
    }
     .head_box .right_box{
        width:max-content
    }
     .head_box .search_con2{
        top:-60%
    }
     .head_box .right_box .c_switch{
        display:block;
        width:.4rem;
        margin-left:15px
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:first-child{
        top:.12rem;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head_box .right_box .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head_box .right_box .c_switch.open i:nth-child(3){
        bottom:.08rem;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height:.04rem;
        transition:all .3s;
        background:var(--color)
    }
     .head_box .right_box .c_switch i:first-child{
        top:0
    }
     .head_box .right_box .c_switch i:nth-child(3){
        bottom:0
    }
     .head_box .right_box .c_switch i:nth-child(2){
        margin:.06rem 0
    }
     .footer{
        /* margin-top:1rem; */
    }
     .footer .footer_form{
        top:-1.2rem
    }
     .footer .footer_form .auto-container{
        padding:.3rem
    }
     .footer .footer_form h2{
        font-size:.36rem
    }
     .footer .footer_form_box .input_box .input{
        flex:0 0 calc((57% - 2 * .06rem)/ 3)
    }
     .footer .footer_form_box .input_box .btn_effect4 .btn_main_text{
        display:none
    }
     .footer .footer_form_box .input_box .btn_effect4 .btn_small_icon{
        margin-left:0
    }
     .footer .foot_head{
        padding-bottom:.6rem
    }
     .footer .foot_head .auto-container{
        gap:.3rem
    }
     .footer .foot_head .left{
        width:50%
    }
     .footer .foot_head .right{
        width:50%
    }
     .footer .foot_head .right .left_category{
        display:none
    }
     .footer .foot_head .right .right_box{
        width:100%
    }
     .footer .foot_bottom .right{
        width:45%
    }
     .index_banner{
        padding-top:1.8rem
    }
     .index_banner .swiper-slide .txt{
        left:3%;
        max-width:50%;
        top:5%
    }
     .index_banner .swiper-slide .txt .title{
        font-size:.3rem;
        margin-bottom:.2rem
    }
     .index_banner .swiper-slide .txt>img{
        max-height:.5rem
    }
     .head_block .title{
        font-size:.3rem
    }
     .index_certification{
        padding-top:0
    }
     .index_certification .auto-container{
        gap:.75rem
    }
     .index_pro_categories{
        padding-bottom:.6rem
    }
     .index_pro_categories .categories_head{
        gap:.3rem
    }
     .index_pro_categories .categories_head .item a{
        font-size:.2rem
    }
     .index_pro_categories .categories_main{
        margin-top:.3rem
    }
     .index_pro_categories .categories_main .item_box.active .swiper-wrapper{
        gap:.15rem
    }
     .index_pro_categories .categories_main .item_box .item{
        flex:0 0 calc((100% - 2 * .15rem)/ 3)
    }
     .index_pro_categories .categories_main .item_box .item:first-child,.index_pro_categories .categories_main .item_box .item:nth-child(2){
        flex:0 0 calc((100% - 1 * .15rem)/ 2)
    }
     .index_pro_categories .categories_main .item_box .item .img_box,.index_pro_categories .categories_main .item_box .item:first-child .img_box,.index_pro_categories .categories_main .item_box .item:nth-child(2) .img_box{
        padding:.2rem;
        height:auto
    }
     .index_pro_categories .categories_main .item_box .item .img_box img{
        height:auto;
        object-position:unset
    }
     .index_pro_categories .categories_main .item_box .item:first-child .img_box img,.index_pro_categories .categories_main .item_box .item:nth-child(2) .img_box img{
        height:auto;
        object-position:unset
    }
     .index_pro_categories .categories_main .item_box .item .text_box{
        padding:.2rem;
        padding-top:0
    }
     .index_pro_categories .categories_main .item_box .item h2{
        font-size:.2rem
    }
     .index_pro_categories .categories_main .item_box .item p{
        font-size:.18rem;
        line-height:.24rem
    }
     .index_section3 .index_section3_box .swiper-container{
        max-width:80%
    }
     .index_section3 .index_section3_box .swiper-slide .item a{
        display:block
    }
     .index_section2 .index_section2_box{
        flex-wrap:wrap;
        max-width:95%;
        margin:auto
    }
     .index_section2 .index_section2_box .left,.index_section2 .index_section2_box .right{
        width:100%
    }
     .index_section2 .index_section2_box .left img{
        width:100%;
        height:100%;
        object-fit:cover
    }
     .index_section2 .index_section2_box .right{
        padding:.3rem 0
    }
     .index_section2 .index_section2_box .right .section2_remark{
        -webkit-line-clamp:none;
        font-size:.2rem;
        line-height:.3rem
    }
     .index_section1 .index_section1_box .swiper-slide .img img{
        width:100%;
        object-fit:cover
    }
     .index_oemorder .index_oemorder_box .item_box.active{
        gap:.3rem
    }
     .index_oemorder .index_oemorder_box .item_box .right{
        gap:.2rem
    }
     .index_oemorder .index_oemorder_box .item_box .right .item{
        flex:0 0 100%
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .txt span{
        line-height:.24rem
    }
     .index_advantages .head_block .remark{
        font-size:.2rem
    }
     .index_advantages .index_advantages_box{
        gap:.2rem
    }
     .index_advantages .index_advantages_box .item{
        flex:0 0 calc((100% - 1 * .2rem)/ 2)
    }
     .index_process .timeline{
        top:3.4rem;
        height:.45rem;
        background-size:auto
    }
     .index_process .grid{
        grid-template-rows:3rem 1.2rem 3rem;
        column-gap:.2rem
    }
     .index_process .grid .card{
        height:2.9rem
    }
     .index_process .grid .card:before{
        background-size:auto
    }
     .index_process .grid .card[data-row=bottom]{
        transform:translateX(calc((var(--i) - 1) * -55.25%)) translateY(calc((var(--i) - 1) * -.1rem))
    }
     .index_section4{
        aspect-ratio:19.2/13
    }
     .index_section4 .auto-container{
        max-width:90%
    }
     .page_banner{
        padding-top:1.8rem
    }
     .page_content .auto-container{
        padding:.6rem 0
    }
     .page_content .page_content_box{
        width:68%;
        margin-left:2%;
        padding:.3rem
    }
     .page_content .sidebar{
        width:30%
    }
     .page_content .sidebar .sidebar_box{
        top:2rem
    }
     .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-container{
        height:4rem
    }
     .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box h4{
        -webkit-line-clamp:2;
        min-height:auto
    }
     .page_certificate .page_certificate_box .page_certificate_content{
        margin-top:.4rem;
        gap:.3rem .2rem
    }
     .page_certificate .page_certificate_box .page_certificate_content .item{
        flex:0 0 calc((100% - 2 * .2rem)/ 3)
    }
     .page_factory .page_factory_box .page_factory_content{
        margin-top:.4rem
    }
     .page_factory .page_factory_box .page_factory_content .page_factory_swiper .swiper-slide .img img{
        max-height:5rem
    }
     .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-container{
        max-width:70%
    }
     .list_products .list_products_box .item_box .item{
        flex:0 0 calc((100% - 1 * .15rem)/ 2)
    }
     .list_products .list_products_box .item_box .item .text_box{
        padding:.2rem
    }
     .list_products .list_products_box .item_box .item .text_box .other{
        padding:.1rem
    }
     .page_case .page_content_box{
        padding:0
    }
     .page_case .page_case_box .page_case_top .item .text_box{
        padding:.1rem
    }
     .page_case .page_case_box .page_case_top .item:first-child{
        grid-column:span 6
    }
     .page_case .page_case_box .page_case_top .item:nth-child(2),.page_case .page_case_box .page_case_top .item:nth-child(3){
        grid-column:span 6
    }
     .page_case .page_case_box .item_box .item{
        grid-column:span 6
    }
    .page_news{
        padding-top: 0;
    }
    .page_news .cta,.page_news .cta .auto-container{
        padding: 0;
    }
     .page_news .page_content_box, .page_news > .auto-container{
        padding:0
    }
     .page_news .page_news_box .item_box{
        gap:.2rem .15rem
    }
     .page_news .page_news_box .item_box .item{
        flex:0 0 calc((100% - 1 * .15rem)/ 2)
    }
     .page_news .page_news_box .item_box .item .text_box{
        padding:.2rem
    }
     .page_contact .page_content_box{
        padding:0
    }
     .page_contact .page_contact_box .page_contact_top{
        padding:.3rem
    }
     .page_contact .page_contact_box .page_contact_form h2,.page_contact .page_contact_box .page_contact_top h2{
        font-size:.26rem
    }
     .page_contact .page_contact_box .page_contact_top .item_box .item{
        flex:0 0 100%
    }
     .page_contact .page_contact_box .page_contact_top .item_box .item .img img{
        /* max-width:.45rem; */
    }
     .page_contact .page_contact_box .page_contact_form{
        padding:.3rem
    }
     .page_contact .page_contact_box .page_contact_form .input{
        flex-wrap:wrap
    }
     .page_contact .page_contact_box .page_contact_form .input div{
        flex:0 0 100%
    }
     .page_product_show .page_content_box{
        padding:0
    }
     .page_product_show .product_show_head .auto-container{
        flex-wrap:wrap;
        gap:.3rem
    }
     .page_product_show .product_show_head .img_box{
        width:100%;
        margin-right:0
    }
     .page_product_show .product_show_head .text_box{
        width:100%
    }
     .page_product_show .product_show_content{
        padding:.2rem
    }
     .page_product_show .product_show_form{
        padding:.3rem
    }
     .page_quotation .page_quotation_head{
        margin-bottom:.6rem
    }
     .page_quotation .page_quotation_head h1{
        font-size:.36rem;
        margin-bottom:.15rem
    }
     .page_quotation .page_quotation_head p{
        max-width:100%
    }
     .page_quotation .page_quotation_box{
        flex-wrap:wrap
    }
     .page_quotation .page_quotation_box .left{
        flex:0 0 100%
    }
     .page_quotation .page_quotation_box .right{
        flex:0 0 100%
    }
     .show_news .page_content_box{
        padding:0
    }
     .show_news .show_news_box .show_news_top{
        padding:.2rem;
        padding-top:.4rem
    }
     .show_news .show_news_box .show_news_content{
        padding-top:0
    }
}

@media (max-width:1400px){
    /* Homepage */
    .index_banner .swiper-slide .txt{
        left:6%;
        top:12%;
        max-width:46%
    }
    .index_banner .swiper-slide .txt .title{
        font-size:.38rem;
        line-height:1.2
    }
    .index_section1 .index_section1_box{
        flex-wrap:wrap;
        justify-content:center
    }
    .index_section1 .index_section1_box .item{
        flex:0 0 calc((100% - 2 * .15rem) / 3)
    }
    .index_section2 .index_section2_box .right{
        padding-right:3%
    }
    .index_section2 .index_section2_box .right .item_box{
        gap:.24rem;
        flex-wrap:wrap
    }
    .index_section2 .index_section2_box .right .item_box .item{
        flex:0 0 calc((100% - .24rem) / 2)
    }
    .index_advantages .item .auto-container{
        gap:.32rem
    }
    .index_advantages .index_advantages_box .item{
        padding:.65rem 0
    }
    .index_advantages .index_advantages_box .item .txt i{
        font-size:1.1rem;
        margin-bottom:-.6rem
    }
    .index_certificates .index_certificates_box .swiper-button-prev{
        left:-.2rem
    }
    .index_certificates .index_certificates_box .swiper-button-next{
        right:-.2rem
    }
    .index_solutions .index_solutions_box .item{
        padding:.3rem
    }
    .index_faq .auto-container{
        gap:.24rem
    }
    .cta .cta_box .cta_form{
        padding:.4rem
    }

    /* About */
    .page_about .page_about_section1 .text_box{
        padding-left:3%
    }
    .page_about .page_about_section1 .text_box h2{
        font-size:.3rem
    }
    .page_about .page_about_history_box .history_swiper{
        max-width:90%
    }
    .page_about .page_about_history_box .swiper-button-prev{
        left:-.2rem
    }
    .page_about .page_about_history_box .swiper-button-next{
        right:-.2rem
    }
    .page_about .quality_box{
        padding:0 3%
    }

    /* Factory */
    .page_factory .intro .item{
        gap:.4rem
    }
    .page_factory .intro .item .img_box,
    .page_factory .intro .item .text_box{
        width:calc((100% - .4rem) / 2)
    }
    .page_factory .overview_box,
    .page_factory .equipment_box{
        margin-top:.42rem
    }

    /* OEM ODM */
    .page_oemodm_tag{
        width:92%;
        left:4%;
        right:4%;
        bottom:13%
    }
    .page_oemodm .page_oemodm_advanced .head_block .remark{
        max-width:88%
    }
    .page_oemodm .page_oemodm_advanced .item_box .item{
        gap:.36rem
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .img{
        flex:0 0 54%
    }

    /* Contact */
    .page_contact .page_contact_box .page_contact_top .item_box .item{
        padding:.26rem .22rem
    }

    /* Product Show */
    .page_product_show .product_show_head{
        padding-top:.72rem
    }
    .page_product_show .product_show_head .auto-container{
        gap:.32rem
    }
    .page_product_show .product_show_head .img_box{
        width:44%;
        margin-right:0
    }
    .page_product_show .product_show_head .text_box{
        width:56%
    }
    .page_product_show .product_show_head .img_box .thumb_box .img{
        width:1.12rem;
        height:1.12rem
    }
    .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next,
    .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        width:.56rem;
        line-height:1.12rem
    }
    .page_product_show .product_show_head .img_box .thumb_box #slider1{
        width:74%;
        height:1.12rem
    }
    .page_product_show .product_show_content,
    .page_product_show .product_show_form{
        padding:.42rem
    }
}

@media (max-width:1200px){
    /* Homepage */
    .index_banner .swiper-slide .txt{
        left:5%;
        top:10%;
        max-width:52%
    }
    .index_banner .swiper-slide .txt .title{
        font-size:.34rem
    }
    .index_pro_categories .categories_main{
        margin-top:.35rem
    }
    .index_section1 .index_section1_box .item{
        flex:0 0 calc((100% - .15rem) / 2)
    }
    .index_section2 .index_section2_box{
        gap:.32rem
    }
    .index_section2 .index_section2_box .left,
    .index_section2 .index_section2_box .right{
        width:calc((100% - .32rem) / 2)
    }
    .index_section2 .index_section2_box .right .section2_remark{
        -webkit-line-clamp:6
    }
    .index_advantages .item .auto-container{
        gap:.24rem
    }
    .index_advantages .index_advantages_box .item .icon,
    .index_advantages .index_advantages_box .item .txt{
        width:calc((100% - .24rem) / 2)
    }
    .index_advantages .index_advantages_box .item .txt p{
        line-height:.3rem
    }
    .index_solutions .index_solutions_box{
        flex-wrap:wrap
    }
    .index_solutions .index_solutions_box .item{
        flex:0 0 calc((100% - .2rem) / 2)
    }
    .index_faq .left .txt h4{
        max-width:72%;
        font-size:.32rem
    }
    .cta .cta_box .cta_form h2{
        margin-bottom:.32rem
    }

    /* About */
    .page_about .page_about_section1{
        padding:.75rem 0
    }
    .page_about .page_about_section1 .auto-container{
        gap:.3rem
    }
    .page_about .page_about_section1 .img_box,
    .page_about .page_about_section1 .text_box{
        width:calc((100% - .3rem) / 2)
    }
    .page_about .page_about_section1 .text_box{
        padding-left:0
    }
    .page_about .page_about_section1 .text_box .remark{
        font-size:15px;
        line-height:24px
    }
    .page_about .page_about_history_box{
        margin-top:.45rem
    }
    .page_about .page_about_history_box .swiper-slide .item .text_box{
        font-size:.24rem;
        margin-bottom:.28rem;
        padding-bottom:.32rem
    }
    .page_about .page_about_history_box .swiper-slide .item .img_box{
        padding:.24rem
    }
    .page_about .page_about_history_box .swiper-slide .item .img_box .remark{
        min-height:auto
    }
    .page_about .page_about_section4 .head_block .remark{
        max-width:92%
    }
    .page_about .quality_box{
        margin-top:.6rem
    }
    .page_about .quality_box .swiper-wrapper .swiper-slide{
        width:3rem
    }

    /* Factory */
    .page_factory .intro{
        gap:.6rem
    }
    .page_factory .intro .item{
        gap:.3rem
    }
    .page_factory .intro .item .text_box h4{
        font-size:.28rem
    }
    .page_factory .intro .item .text_box .remark{
        font-size:15px;
        line-height:24px
    }
    .page_factory .overview .head_block .remark,
    .page_factory .equipment .head_block .remark{
        max-width:90%;
        margin:0 auto
    }
    .page_factory .overview_box .swiper-wrapper{
        gap:.16rem
    }
    .page_factory .overview_box .swiper-wrapper .swiper-slide{
        flex:0 0 calc((100% - .32rem) / 3)
    }
    .page_factory .overview_box .swiper-wrapper .swiper-slide:first-child,
    .page_factory .overview_box .swiper-wrapper .swiper-slide:nth-child(2){
        flex:0 0 calc((100% - .16rem) / 2)
    }
    .page_factory .equipment_box .swiper-container .swiper-wrapper{
        gap:.16rem
    }
    .page_factory .equipment_box .swiper-container .swiper-slide{
        flex:0 0 calc((100% - .32rem) / 3)
    }

    /* OEM ODM */
    .page_oemodm_tag{
        gap:.16rem
    }
    .page_oemodm_tag .item{
        flex:0 0 calc((100% - 3 * .16rem) / 4)
    }
    .page_oemodm .page_oemodm_craft .item_box,
    .page_oemodm .page_oemodm_materials .item_box,
    .page_oemodm .page_oemodm_packaging .item_box{
        gap:.24rem .16rem
    }
    .page_oemodm .page_oemodm_craft .item_box .item,
    .page_oemodm .page_oemodm_materials .item_box .item,
    .page_oemodm .page_oemodm_packaging .item_box .item{
        flex:0 0 calc((100% - 2 * .16rem) / 3)
    }
    .page_oemodm .page_oemodm_advanced .head_block .remark{
        max-width:100%
    }
    .page_oemodm .page_oemodm_advanced .tab_box{
        gap:.12rem
    }
    .page_oemodm .page_oemodm_advanced .tab_box button,
    .page_oemodm .page_oemodm_cases .section-header .tab_box button{
        padding:.1rem .2rem;
        font-size:15px
    }
    .page_oemodm .page_oemodm_advanced .item_box .item{
        gap:.24rem;
        padding:.22rem
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .img{
        flex:0 0 50%
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-slide .image img{
        height:3.8rem
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .text h3{
        font-size:.28rem
    }
    .page_oemodm .page_oemodm_cases .section-header{
        align-items:flex-start;
        flex-direction:column
    }
    .page_oemodm .page_oemodm_cases .section-header .tab_box{
        justify-content:flex-start
    }
    .page_oemodm .page_oemodm_cases .item_box .item{
        flex:0 0 calc((100% - .16rem) / 2)
    }

    /* Contact */
    .page_contact .page_contact_box .page_contact_top .item_box{
        gap:.2rem;
        flex-wrap:wrap
    }
    .page_contact .page_contact_box .page_contact_top .item_box .item{
        flex:0 0 calc((100% - .2rem) / 2)
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form{
        padding:.34rem
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box .upload-wrap p{
        font-size:15px;
        line-height:24px
    }

    /* Product Show */
    .page_product_show .product_show_head{
        padding-top:.6rem;
        padding-bottom:.42rem
    }
    .page_product_show .product_show_head .auto-container{
        align-items:stretch;
        gap:.28rem
    }
    .page_product_show .product_show_head .img_box{
        width:46%
    }
    .page_product_show .product_show_head .text_box{
        width:54%
    }
    .page_product_show .product_show_head .img_box .view_box{
        margin-bottom:.22rem
    }
    .page_product_show .product_show_head .text_box h1{
        font-size:.26rem;
        line-height:.34rem
    }
    .page_product_show .product_show_head .text_box .remark,
    .page_product_show .product_show_head .text_box .attribute div{
        font-size:15px;
        line-height:24px
    }
    .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_list{
        padding:.07rem .28rem
    }
    .page_product_show .product_show_content .xbd_product_show_head{
        margin-bottom:.34rem
    }
    .page_product_show .product_show_form h2{
        font-size:.3rem
    }
}

@media (max-width:991px){
    /* Homepage */
    .index_banner{
        padding-top:1.4rem
    }
    .index_banner .swiper-slide .txt{
        max-width:60%;
        top:8%
    }
    .index_banner .swiper-slide .txt .title{
        font-size:.3rem
    }
    .index_section2 .index_section2_box{
        flex-wrap:wrap;
        gap:.3rem
    }
    .index_section2 .index_section2_box .left,
    .index_section2 .index_section2_box .right{
        width:100%
    }
    .index_section2 .index_section2_box .right{
        padding-right:0;
        padding-bottom:0
    }
    .index_section2 .index_section2_box .right .head_block{
        text-align:center
    }
    .index_section2 .index_section2_box .right .item_box{
        margin-bottom:.3rem
    }
    .index_advantages .item .auto-container,
    .index_advantages .item:nth-child(2n) .auto-container{
        flex-direction:column;
        gap:.28rem
    }
    .index_advantages .index_advantages_box .item .icon,
    .index_advantages .index_advantages_box .item .txt{
        width:100%
    }
    .index_advantages .index_advantages_box .item .icon{
        max-width:7rem;
        margin:0 auto
    }
    .index_certificates .index_certificates_box .swiper-container{
        padding:0 0 .8rem
    }
    .index_certificates .index_certificates_box .swiper-button-next,
    .index_certificates .index_certificates_box .swiper-button-prev{
        display:none
    }
    .index_certificates .index_certificates_box .swiper-pagination{
        display:block
    }
    .index_faq .auto-container,
    .cta .cta_box{
        flex-wrap:wrap
    }
    .index_faq .left,
    .index_faq .right,
    .cta .cta_box .cta_form,
    .cta .cta_box .img_box{
        width:100%
    }
    .index_faq .left .txt h4{
        max-width:100%;
        font-size:.3rem
    }
    .cta .cta_box .img_box{
        max-height:4.8rem
    }
    .cta .cta_box .img_box img{
        width:100%;
        object-fit:cover
    }

    /* About */
    .page_about .page_about_section1 .auto-container{
        flex-wrap:wrap
    }
    .page_about .page_about_section1 .img_box,
    .page_about .page_about_section1 .text_box{
        width:100%
    }
    .page_about .page_about_history{
        padding:.75rem 0
    }
    .page_about .page_about_history_box:before{
        top:17%
    }
    .page_about .page_about_history_box .history_swiper{
        max-width:100%;
        padding-bottom:.7rem
    }
    .page_about .page_about_history_box .swiper-button-next,
    .page_about .page_about_history_box .swiper-button-prev{
        display:none
    }
    .page_about .page_about_history_box .swiper-pagination{
        display:block
    }
    .page_about .page_about_history_box .swiper-slide .item .text_box{
        font-size:.22rem
    }
    .page_about .page_about_section3,
    .page_about .page_about_section4{
        padding:.75rem 0
    }
    .page_about .team_box,
    .page_about .quality_box{
        margin-top:.4rem
    }
    .page_about .quality_box{
        padding:0
    }
    .page_about .quality_box .swiper-container{
    padding-bottom: 50px;
}
    .page_about .quality_box .swiper-button-next,
    .page_about .quality_box .swiper-button-prev{
        display:none
    }
    .page_about .quality_box .swiper-pagination{
        display:block
    }
    .page_about .cta,.page_factory .cta{
        margin-bottom:0
    }
 .page_about .cta .auto-container,.page_factory .cta .auto-container{
    padding-top: 0;
}
    /* Factory */
    .page_factory .intro .item,
    .page_factory .intro .item:nth-child(odd){
        flex-direction:column;
        gap:.24rem
    }
    .page_factory .intro .item .img_box,
    .page_factory .intro .item .text_box{
        width:100%
    }
    .page_factory .overview,
    .page_factory .equipment{
        padding-left:0;
        padding-right:0
    }
    .page_factory .overview_box .swiper-container,
    .page_factory .equipment_box .swiper-container{
        overflow:hidden;
        padding-bottom:50px
    }
    .page_factory .overview_box .swiper-wrapper,
    .page_factory .equipment_box .swiper-container .swiper-wrapper{
        gap:0;
        flex-wrap:nowrap
    }
    .page_factory .overview_box .swiper-wrapper .swiper-slide,
    .page_factory .overview_box .swiper-wrapper .swiper-slide:first-child,
    .page_factory .overview_box .swiper-wrapper .swiper-slide:nth-child(2),
    .page_factory .equipment_box .swiper-container .swiper-slide{
        flex:none;
        width:100%
    }
    .page_factory .overview_box .swiper-pagination,
    .page_factory .equipment_box .swiper-pagination{
        display:block;
        margin-top:.24rem
    }

    /* OEM ODM */
    .page_oemodm_tag{
        position:static;
        width:100%;
        padding:.2rem 5%;
        border-radius:0;
        flex-wrap:wrap
    }
    .page_oemodm_tag .item{
        flex:0 0 calc((100% - .16rem) / 2)
    }
    .page_oemodm .page_oemodm_craft,
    .page_oemodm .page_oemodm_materials,
    .page_oemodm .page_oemodm_packaging,
    .page_oemodm .page_oemodm_cases{
        padding-left:0;
        padding-right:0
    }
    .page_oemodm .page_oemodm_advanced .item_box .item{
        flex-direction:column;
        align-items:stretch
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .img,
    .page_oemodm .page_oemodm_advanced .item_box .item .text{
        flex:1 1 100%
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .text{
        text-align:center
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-slide .image img{
        height:3.4rem
    }
    .page_oemodm .page_oemodm_craft .item_box .item,
    .page_oemodm .page_oemodm_materials .item_box .item,
    .page_oemodm .page_oemodm_packaging .item_box .item{
        flex:0 0 calc((100% - .2rem) / 2)
    }

    /* Contact */
    .page_contact .page_contact_box .page_contact_top{
        padding:.36rem .28rem
    }
    .page_contact .page_contact_box .cta .cta_box{
        flex-wrap:wrap
    }
    .page_contact .page_contact_box .cta .cta_box .img_box,
    .page_contact .page_contact_box .cta .cta_box .cta_form{
        width:100%
    }
    .page_contact .page_contact_box .cta .cta_box .img_box{
        max-height:4.8rem
    }
    .page_contact .page_contact_box .cta .cta_box .img_box img{
        width:100%;
        object-fit:cover
    }
    .page_contact .page_contact_box .auto-container>p{
        padding:0;
        margin-left:0
    }

    /* Product Show */
    .page_product_show .product_show_head .auto-container{
        flex-direction:column
    }
    .page_product_show .product_show_head .img_box,
    .page_product_show .product_show_head .text_box{
        width:100%
    }
    .page_product_show .product_show_head .img_box{
        max-width:7rem;
        margin:0 auto
    }
    .page_product_show .product_show_head .text_box{
        text-align:left
    }
    .page_product_show .product_show_head .text_box .other{
        flex-wrap:wrap;
        gap:.14rem
    }
    .page_product_show .product_show_content,
    .page_product_show .product_show_form{
        padding:.34rem .28rem
    }
    .page_product_show .product_show_form .input{
        gap:.16rem
    }
    .page_product_show .product_show_form .input div{
        flex:0 0 calc((100% - .16rem) / 2)
    }
    .page_product_show .page_content_box #messagebox{
        top:-1.2rem
    }
}

@media (max-width:768px){
    html{
        font-size:calc(100vw/4.5)
    }
     .auto-container{
        width:91.5%
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
     .additional-features{
        top:55%
    }
     .head_box.c-style{
        margin-top:0
    }
     .head_box .top_box{
        display:none
    }
     .head_box.open .logo_box,.head_box.open .right_box .btn_inquiry,.head_box.open .right_box .c_switch,.head_box.open .right_box .icosearch{
        opacity:0;
        visibility:hidden
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        padding-right:0;
        line-height:40px;
        font-size:16px
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn{
        right:0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size:16px;
        line-height:36px
    }
     .head_box .right_box .icosearch{
        display:block;
        /* margin:0 .2rem; */
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a:hover{
        color:var(--color);
        background:#fff
    }
     .head_box .search_con2{
        top:25%;
        right:0;
        width:100%
    }
     .head_box .search_con2 .moblie_search_close img{
        filter:unset
    }
     .head_box .search_con2 .search_input input{
        height:.5rem;
        line-height:.5rem;
        color:#333
    }
     .head_box .search_con2 .search_input .search_btn{
        height:.5rem;
        line-height:.5rem
    }
     .head_box .search_con2 .search_input .search_btn img{
        filter:brightness(0);
        max-width:100%
    }
     .footer .footer_form h2{
        font-size:.3rem;
        line-height:.4rem
    }
     .footer .footer_form_box .input_box{
        flex-wrap:wrap;
        gap:.1rem
    }
     .footer .footer_form_box .input_box .input{
        flex:0 0 100%
    }
     .footer .footer_form_box .input_box .input:nth-child(4){
        flex:0 0 100%
    }
     .footer .footer_form_box .input_box .btn_effect4 .btn_main_text{
        display:block
    }
     .footer .footer_form_box .input_box .btn_effect4 .btn_small_icon{
        margin-left:10px
    }
     .footer .foot_head{
        padding-top: 45px;
        padding-bottom:.45rem
    }
     .footer .foot_head .auto-container{
        flex-wrap:wrap
    }
     .footer .foot_head .left{
        width:100%
    }
     .footer .foot_head .left>p,.footer .foot_head .right .left_category p,.footer .foot_head .right_box h4{
        font-size: 15px;
    }
     .footer .foot_head .left .foot_contact .item{
        font-size:16px
    }
     .footer .foot_head .right{
        width:100%
    }
     .footer .foot_head .right_box p{
        font-size:16px
    }
     .footer .foot_head .right_box .foot_subscribe{
        font-size:16px
    }
     .footer .foot_head .right_box .foot_share a img{
        max-width:26px
    }
     .footer .foot_bottom .auto-container{
        flex-wrap:wrap;
        gap:.2rem
    }
     .footer .foot_bottom .left p,.footer .foot_bottom .right a{
        font-size:16px
    }
     .footer .foot_bottom .right{
        width:100%
    }
     .footer .foot_bottom .right a:nth-child(2):before{
        display:none
    }
     .footer .foot_bottom .right a:last-child{
        margin-top:.1rem
    }
     .index_banner{
        aspect-ratio: 7.68/9.6;
        padding-top:.85rem
    }
     .index_banner .swiper-slide .txt{
        max-width:95%;
        left:5%;
        right:5%;
        top:5%
    }
     .index_banner .swiper-slide .txt .title{
        font-size:22px;
        line-height:30px;
        margin-bottom:15px;
        padding-bottom:15px
    }
     .index_banner .swiper-slide .txt .title::before{
        height:5px
    }
     .index_banner .swiper-slide .txt .remark{
        font-size:16px;
        line-height:24px;
        -webkit-line-clamp:5;
        margin-bottom:10px
    }
     .head_block .title{
        line-height:34px;
        font-size:25px;
        text-align: left;
    }
     .head_block .remark{
        font-size:17px;
        text-align: left;
    }
     
     .index_certification .auto-container{
        flex-wrap:unset;
        gap:10px
    }
     .index_certification .item{
        text-align:center
    }
     .index_certification .item img{
        max-width:50px
    }
     .index_vr{
        padding-top:0
    }
     .index_vr iframe{
        height:5rem
    }
     .index_pro_categories{
        padding-bottom:20px
    }
     .index_pro_categories .categories_head{
        flex-wrap:wrap;
        gap:.1rem
    }
     .index_pro_categories .categories_head .item{
        flex:0 0 calc((100% - 1 * .3rem)/ 2)
    }
     .index_pro_categories .categories_head .item a{
        min-height:.63rem
    }
     .index_pro_categories .categories_main .item_box{
        padding-bottom:70px
    }
     .index_pro_categories .categories_main .item_box.active .swiper-wrapper{
        display:flex;
        gap:unset;
        flex-wrap:unset
    }
     .index_pro_categories .categories_main .item_box .item{
        flex:none;
        width:100%
    }
     .index_pro_categories .categories_main .item_box .item:first-child,.index_pro_categories .categories_main .item_box .item:nth-child(2){
        flex:none
    }
     .index_pro_categories .categories_main .item_box .item .img_box{
        border-bottom:1px solid #eee
    }
     .index_pro_categories .categories_main .item_box .item:first-child .img_box,.index_pro_categories .categories_main .item_box .item:nth-child(2) .img_box{
        padding:10px
    }
     .index_pro_categories .categories_main .item_box .item .text_box{
        padding:10px
    }
     .index_pro_categories .categories_main .item_box .item h2{
        font-size:18px;
        -webkit-line-clamp:3
    }
     .index_pro_categories .categories_main .item_box .item p{
        font-size:16px
    }
     .index_pro_categories .categories_main .item_box .item .btn_effect4 .btn_small_list{
        padding:5px 15px
    }
     .index_section3 .index_section3_box .swiper-container{
        max-width:100%;
        padding-bottom:.75rem
    }
     .index_section3 .index_section3_box .swiper-slide .item .text_box h4{
        font-size:18px;
        line-height:24px
    }
     .index_section3 .index_section3_box .swiper-slide .item .text_box span{
        font-size:16px
    }
     .index_section3 .index_section3_box .swiper-pagination{
        display:block
    }
     .index_section3 .index_section3_box .swiper-button-next,.index_section3 .index_section3_box .swiper-button-prev{
        display:none
    }
     .index_section2{
        padding-top:.3rem
    }
     .index_section2 .index_section2_box .right .item_box{
        gap:.2rem;
        flex-wrap:wrap;
        justify-content:space-between
    }
     .index_section2 .index_section2_box .right .more_btn .btn_small_list{
        padding:.1rem .26rem;
        font-size:.17rem
    }
     .index_section1 .index_section1_box .swiper-button-next,.index_section1 .index_section1_box .swiper-button-prev{
        top:45%
    }
     .index_certificates{
        padding-bottom:.4rem
    }
     .index_certificates .head_block .title{
        font-size:24px
    }
     .index_certificates .index_certificates_box .swiper-container{
        max-width:100%;
        padding:0;
        padding-bottom:.8rem
    }
     .index_certificates .index_certificates_box .swiper-pagination{
        display:block
    }
     .index_certificates .index_certificates_box .swiper-button-next,.index_certificates .index_certificates_box .swiper-button-prev{
        display:none
    }
     .index_oemorder .index_oemorder_top{
        gap:.2rem;
        justify-content:space-between
    }
     .index_oemorder .index_oemorder_top:before{
        width:100%
    }
     .index_oemorder .index_oemorder_top .head_block{
        padding:0
    }
     .index_oemorder .index_oemorder_top .head_block .title{
        font-size:20px;
        line-height:normal;
        text-align:center
    }
     .index_oemorder .index_oemorder_top .head_block .title img{
        display:block;
        margin:auto;
        margin-bottom:.1rem
    }
     .index_oemorder .index_oemorder_box .item_box.active{
        flex-wrap:wrap;
        align-items:unset
    }
     .index_oemorder .index_oemorder_box .item_box .left,.index_oemorder .index_oemorder_box .item_box .right{
        width:100%
    }
     .index_oemorder .index_oemorder_box .item_box .left{
        height:auto
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .icon h4{
        font-size:18px
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .txt p{
        font-size:16px;
        line-height:24px
    }
     .index_oemorder .index_oemorder_box .item_box .right .item .txt span{
        font-size:16px;
        color:#666;
        line-height:24px;
        -webkit-line-clamp:unset
    }
     .index_advantages .index_advantages_box .item{
        flex:0 0 100%
    }
     .index_advantages .index_advantages_box .item .icon h4{
        font-size:16px;
        line-height:22px
    }
     .index_advantages .index_advantages_box .item .txt{
        -webkit-line-clamp:none;
        font-size:16px;
        /* line-height:22px; */
    }
     .index_process .timeline{
        display:none
    }
     .index_process .grid{
        display:flex;
        flex-wrap:wrap;
        gap:.4rem .15rem
    }
     .index_process .grid .card{
        flex:0 0 calc((100% - 1 * .15rem)/ 2);
        height:auto
    }
     .index_process .grid .card:before{
        display:none
    }
     .index_process .grid .card .title{
        font-size:.155rem;
        font-family:ManropeSemiBold
    }
     .index_process .grid .card[data-row=bottom]{
        transform:unset
    }
     .index_process .grid .card[data-row=bottom] .title{
        top:0;
        bottom:unset;
        border-radius:.15rem .15rem 0 0
    }
     .index_process .grid .card:first-child{
        flex:0 0 100%;
        height:2.5rem
    }
     .index_process .grid .card span{
        width:.4rem;
        height:.4rem;
        line-height:.4rem;
        bottom:.2rem
    }
     .index_process .grid .card span i{
        font-size:.2rem
    }
     .index_process .grid .card span::after{
        width:.4rem;
        height:.4rem
    }
     .index_process .grid .card[data-row=bottom] span{
        top:unset;
        bottom:-.2rem
    }
     .index_section4{
        aspect-ratio:7.68/9
    }
     .index_section4 .head_block .title{
        font-size:24px;
        line-height:34px
    }
     .index_section4 .head_block .remark{
        font-size:.18rem
    }
     .index_section4 .more_btn .btn_small_list{
        padding:.12rem .3rem;
        font-size:.18rem
    }
     .index_section5 .index_section5_box .swiper-container{
        padding:0;
        padding-bottom:.7rem
    }
     .index_section5 .index_section5_box .swiper-slide .item .text_box{
        padding:20px
    }
     .index_section5 .index_section5_box .swiper-slide .item .text_box .title{
        font-size:18px
    }
     .index_section5 .index_section5_box .swiper-slide .item .text_box .remark{
        font-size:16px;
        line-height:22px
    }
     .index_section5 .index_section5_box .swiper-slide .item .text_box .other{
        font-size:16px
    }
     .index_section6{
        padding-bottom:.7rem
    }
     .index_section6_box .item .item_head .title{
        font-size:16px
    }
     .index_section6_box .item .remark{
        font-size:16px;
        line-height:26px
    }
     .page_banner{
        padding-top:.85rem
    }
     .page_banner .img_box{
    height: 245px;
}
.page_banner .img_box img{
    min-height: auto;
}
     .page_banner.product .img_box{
    height: 400px;
}
     .page_banner .text{
    max-width: 90%;
}
     .oemodm .text h2{
    font-size: 30px;
}
     .page_banner.product .text{
    top: 24%;
}.oemodm .text p{
    font-size: 20px;
    line-height: 1.5;
}
     
     .page_inside a{
        font-size:15px
    }
     .page_content .auto-container{
        flex-wrap:wrap;
        gap:.45rem;
    }
     .page_content .page_content_box{
        width:100%;
        margin-left:0;
        padding: 0;
    }
     .list_products .common_from{
    width: 100%;
    padding: 20px;
}
     .list_products .common_from > h2{
    margin-bottom: 13px;
}
     .list_products .common_from > p{
    font-size: 15px;
}
    .common_from .input div{flex: 100%;}
     .page_content .sidebar{
        width:100%
    }
     .page_content .sidebar .sidebar_box .category h2,.page_content .sidebar .sidebar_box .left_recommend_news h2,.page_content .sidebar .sidebar_box .left_recommend_pro h2{
        font-size:18px
    }
     .page_content .sidebar .sidebar_box .category .item_box .item a{
        font-size:16px
    }
     .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-container{
        height:6.5rem
    }
     .page_faq .list_faq_item_box{
    margin-bottom: 40px;
}
     .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide h3,.page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box h4{
        font-size:18px
    }
     .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box h4{
        -webkit-line-clamp:3
    }
     .page_content .sidebar .sidebar_box .left_recommend_news .swiper-container{
        height:5rem
    }
     .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide{
        padding-bottom:0
    }
     .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide h3{
        line-height:24px;
        -webkit-line-clamp:2
    }
     .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide .other>span{
        font-size:15px
    }
     .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .icon img{
        max-width:20px
    }
     .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt h4{
        font-size:16px
    }
     .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt p{
        font-size:16px
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .img_box img{
        width:.75rem;
        height:.75rem
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box h4{
        font-size:.2rem
    }
     .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box .other span{
        font-size:.16rem
    }
     .page_about .page_about_box .page_about_content{
        line-height:.3rem
    }
     .page_certificate .page_certificate_box .page_certificate_content .item{
        flex:0 0 calc((100% - 1 * .2rem)/ 2)
    }
     .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-slide{
        height:.8rem;
        width:.8rem
    }
     .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-button-next,.page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-button-prev{
        width:.4rem
    }
     .list_products .list_products_box .item_box{
        gap: 30px;
    }
     .list_products .list_products_box .item_box .item{
        flex: 100%;
    }
     .list_products .list_products_box .item_box .item .text_box{
        /* padding:10px 8px; */
    }
     .list_products .list_products_box .item_box .item .text_box h4{
        font-size:17px;
        line-height:22px;
        min-height:auto;
        -webkit-line-clamp:3
    }
     .list_products .list_products_box .item_box .item .text_box .remark{
        font-size:15px;
        line-height:22px
    }
     .list_products .list_products_box .item_box .item .text_box .other{
        padding:5px;
        border-radius:10px
    }
     .list_products .list_products_box .item_box .item .text_box .other span{
        font-size:14px;
        margin-right:1px
    }
     .list_products .list_products_box .item_box .item .text_box .other span img{
        max-width:15px
    }
     .list_products .list_products_box .item_box .item .inquire{
        font-size:14px;
        padding:4px 5px
    }
     .page_content .inside-pagination{
        padding:.3rem 0
    }
     .page_content .list_products_bottom{
    padding: 15px;
}
     .page_content .list_products_bottom h2{
    font-size: 24px;
    line-height: 1.7;
}
     .page_case .page_content_box{
        padding:0
    }
     .page_case .page_case_box .page_case_top{
        margin-bottom:30px
    }
     .page_case .page_case_box .page_case_top .item .img_box img{
        height:150px
    }
     .page_case .page_case_box .page_case_top .item:first-child .img_box img{
        height:100%
    }
     .page_case .page_case_box .page_case_top .item .text_box h4{
        font-size:16px
    }
     .page_case .page_case_box .page_case_top .item:first-child .text_box h4{
        font-size:20px
    }
     .page_case .page_case_box .page_case_top .item .text_box .remark{
        font-size:15px
    }
     .page_case .page_case_box .item_box .item .text_box h4{
        font-size:18px;
        line-height:24px
    }
     .page_case .page_case_box .page_case_top .item:first-child{
        grid-column:span 12
    }
     .page_case .page_case_box .page_case_top .item:nth-child(2),.page_case .page_case_box .page_case_top .item:nth-child(3){
        grid-column:span 6
    }
     .page_case .page_case_box .item_box .item{
        grid-column:span 12
    }
     .page_news .page_content_box{
        padding:0
    }
     .page_news .page_news_box .item_box .item{
        flex:0 0 100%
    }
     .page_news .page_news_box .item_box .item .text_box h3{
        font-size:18px;
        line-height:24px;
        min-height:auto
    }
     .page_news .page_news_box .item_box .item .text_box .remark{
        font-size:16px;
        line-height:22px;
        color:#666
    }
     .page_news .page_news_box .item_box .item .text_box .other{
        font-size:15px
    }
     .page_contact .page_content_box{
        padding:0
    }
     .page_contact .page_contact_box .page_contact_top{
        padding:30px 20px
    }
     .page_contact .page_contact_box .page_contact_top .item_box{
        gap:20px
    }
     .page_contact .page_contact_box .page_contact_top .item_box .item .txt p{
        font-size:16px
    }
     .page_contact .page_contact_box .page_contact_top .item_box .item .txt span{
        font-size:16px
    }
     .page_contact .page_contact_box .page_contact_salesperson .swiper-container{
        padding-bottom:70px
    }
     .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box h4{
        font-size:20px
    }
     .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box p{
        font-size:18px
    }
     .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other a{
        font-size:16px
    }
     .page_contact .page_contact_box .page_contact_salesperson .swiper-pagination{
        display:block
    }
     .page_contact .page_contact_box .page_contact_form{
        padding:20px
    }
     .page_contact .page_contact_box .page_contact_form .input input,.page_contact .page_contact_box .page_contact_form .textarea_box textarea{
        font-size:15px
    }
     .page_contact .page_contact_box .page_contact_form .submit .btn_effect4 .btn_small_list{
        font-size:16px;
        padding:7px 20px
    }
     .page_product_show .page_content_box{
        padding:0
    }
     .page_product_show .product_show_head .img_box .thumb_box .img{
        width:.7rem;
        height:.7rem;
        margin-right:.09rem
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        line-height:.7rem
    }
     .page_product_show .product_show_head .img_box .thumb_box #slider1{
        height:.7rem;
        width:75%
    }
     .page_product_show .product_show_head .text_box h1{
        font-size:22px;
        line-height:26px
    }
     .page_product_show .product_show_head .text_box .other .item img{
        max-width:20px
    }
     .page_product_show .product_show_head .text_box .other .item:last-child{
        font-size:16px
    }
     .page_product_show .product_show_head .text_box .remark{
        font-size:16px;
        line-height:24px
    }
     .page_product_show .product_show_head .text_box .attribute div{
        font-size:16px
    }
     .page_product_show .product_show_content .xbd_product_show_head{
        font-size:.24rem
    }
     .page_product_show .product_show_form{
        padding:.2rem
    }
     .page_product_show .product_show_form h2{
        font-size:30px
    }
     .page_product_show .product_show_form>p{
        font-size:16px;
        line-height:24px
    }
     .page_product_show .product_show_form .input div{
        flex:0 0 100%
    }
     .page_quotation .page_quotation_head h1{
        font-size:24px;
        line-height:34px
    }
     .page_quotation .page_quotation_head p{
        font-size:16px;
        line-height:24px
    }
     .page_quotation .page_quotation_box .left .left_head,.page_quotation .page_quotation_box .right .left_head{
        font-size:20px
    }
     .page_quotation .page_quotation_box .left .item_box .item{
        padding:15px
    }
     .page_quotation .page_quotation_box .left .item_box .item a{
        display:block
    }
     .page_quotation .page_quotation_box .left .item_box .item .img{
        margin-right:15px
    }
     .page_quotation .page_quotation_box .left .item_box .item .text h3{
        font-size:18px
    }
     .page_quotation .page_quotation_box .left .item_box .item .other{
        margin-left:15px
    }
     .page_quotation .page_quotation_box .right .from{
        padding:30px 20px
    }
     .page_quotation .page_quotation_box .right .from .input>div p,.page_quotation .page_quotation_box .right .from .textarea_box p{
        font-size:15px
    }
     .page_quotation .page_quotation_box .right .from .input>div input,.page_quotation .page_quotation_box .right .from .textarea_box textarea{
        font-size:15px;
        padding:10px 15px
    }
     .page_quotation .page_quotation_box .right .from .textarea_box textarea{
        height:140px
    }
     .page_quotation .page_quotation_box .right .from .submit .btn_effect4 .btn_small_list{
        padding:7px 30px
    }
     .show_news .page_content_box{
        padding:0
    }
     .show_news .show_news_box .show_news_top h1{
        font-size:22px;
        line-height:26px
    }
     .show_news .show_news_box .show_news_top p span{
        font-size:15px
    }
     .show_news .show_news_box .show_news_content{
        padding:30px 20px
    }
     .show_news .show_news_box .show_news_content p{
        font-size:16px;
        line-height:24px
    }
     .show_news .show_news_box .show_share{
        padding:.2rem
    }
     .show_news .show_pagination{
        margin-bottom:20px
    }
     .page_vr iframe{
        height:660px
    }

    /* Homepage */
    .index_banner{
        aspect-ratio:7.68/8.35;
        padding-top:.85rem
    }
    .index_banner .swiper-slide .txt{
        left:5%;
        right:5%;
        top:7%;
        max-width:none
    }
    .index_banner .swiper-slide .txt .title{
        font-size:22px;
        line-height:30px;
        margin-bottom:14px
    }
    .index_banner .swiper-slide .txt a{
        padding:7px 18px;
        font-size:15px
    }
    .index_pro_categories,
    .index_section1,
    .index_section2,
    .index_section3,
    .index_certificates,
    .index_solutions,
    .index_faq{
        padding-bottom:.7rem
    }
    .index_section1 .index_section1_box{
        gap:.2rem .15rem;
        margin-top:.35rem;
        justify-content:flex-start
    }
    .index_section1 .index_section1_box .item .text_box h4{
        font-size:16px;
        line-height:22px;
        max-width:100%
    }
    .index_section2 .index_section2_box .right .section2_remark{
        font-size:16px;
        line-height:26px;
        margin-bottom:.24rem
    }
    .index_section2 .index_section2_box .right .item_box{
        gap:.16rem
    }
    .index_section2 .index_section2_box .right .item_box .item{
        flex:0 0 calc((100% - .16rem) / 2)
    }
    .index_section2 .index_section2_box .right .item_box .item .txt div{
        font-size:.28rem;
        line-height:1.1
    }
    .index_section2 .index_section2_box .right .item_box .item .remark{
        font-size:15px;
        line-height:22px
    }
    .index_advantages .index_advantages_box .item{
        padding:.45rem 0
    }
    .index_advantages .index_advantages_box .item .txt i{
        font-size:.86rem;
        margin-bottom:-.42rem
    }
    .index_advantages .index_advantages_box .item .txt p{
        font-size:15px;
        line-height:24px
    }
    .index_solutions .index_solutions_box{
        gap:.15rem
    }
    .index_solutions .index_solutions_box .item{
        flex:0 0 100%;
        padding:.24rem
    }
    .index_solutions .index_solutions_box .item .txt p{
        font-size:15px;
        line-height:24px
    }
    .index_section3 .index_section3_box .swiper-slide .item .text_box{
        padding:.22rem
    }
    .index_section3 .index_section3_box .swiper-slide .item .text_box .title{
        min-height:auto;
        font-size:18px;
        line-height:24px
    }
    .index_section3 .index_section3_box .swiper-slide .item .text_box .remark,
    .index_section3 .index_section3_box .swiper-slide .item .text_box .other{
        font-size:15px;
        line-height:22px
    }
    .index_faq .left .txt{
        bottom:.32rem;
        padding:0 .2rem
    }
    .index_faq .left .txt h4{
        font-size:24px;
        line-height:34px;
        margin-bottom:.2rem
    }
    .index_faq .right .index_faq_box .item{
        padding:.22rem 0
    }
    .index_faq .right .index_faq_box .item .item_head .title{
        font-size:16px;
        line-height:24px
    }
    .index_faq .right .index_faq_box .item .remark{
        font-size:15px;
        line-height:24px
    }
    .cta .cta_box{
        margin-top:.35rem
    }
    .cta .cta_box .cta_form{
        padding:.24rem
    }
    .cta .cta_box .cta_form h2{
        font-size:24px;
        margin-bottom:.24rem
    }
    .cta .cta_box .cta_form .input{
        gap:.12rem
    }
    .cta .cta_box .cta_form .input div{
        flex:0 0 100%
    }
    .cta .cta_box .cta_form .textarea_box textarea{
        height:1.8rem
    }

    /* About */
    .page_about .page_about_section1{
        padding:.6rem 0;
        padding-top:0
    }
    .page_about .page_about_section1 .text_box h2{
        font-size:24px;
        line-height:34px
    }
    .page_about .page_about_section1 .text_box .remark{
        font-size:15px;
        line-height:24px
    }
    .page_about .index_section1{
        padding-bottom:.7rem
    }
    .page_about .index_section1 .index_section1_box{
        gap:.2rem .15rem;
        margin-top:.35rem;
        justify-content:flex-start;
        flex-wrap:wrap
    }
    .page_about .index_section1 .index_section1_box .item{
        flex:0 0 calc((100% - .15rem) / 2)
    }
    .page_about .index_section1 .index_section1_box .item .text_box h4{
        font-size:16px;
        line-height:22px;
        max-width:100%
    }
    .page_about .page_about_history{
        padding:.6rem 0
    }
    .page_about .page_about_history_box{
        margin-top:.3rem
    }
    .page_about .page_about_history_box:before{
        display:none
    }
    .page_about .page_about_history_box .swiper-slide .item .text_box{
        font-size:20px;
        margin-bottom:.18rem;
        padding-bottom:.2rem
    }
    .page_about .page_about_history_box .swiper-slide .item .text_box:before,
    .page_about .page_about_history_box .swiper-slide .item .text_box:after{
        display:none
    }
    .page_about .page_about_history_box .swiper-slide .item .img_box{
        padding:.2rem
    }
    .page_about .page_about_history_box .swiper-slide .item .img_box h4{
        font-size:16px;
        line-height:24px
    }
    .page_about .page_about_history_box .swiper-slide .item .img_box .remark{
        font-size:15px;
        line-height:24px
    }
    .page_about .page_about_section3,
    .page_about .page_about_section4,
    .page_about .page_about_section4 .auto-container{
        padding:0
    }
    .page_about .page_about_section4 .head_block .remark{
        max-width:100%;
        font-size:15px;
        line-height:24px
    }
    .page_about .quality_box .swiper-wrapper .swiper-slide{
        width:2.4rem
    }
    .page_about .quality_box .swiper-wrapper .swiper-slide p{
        font-size:18px
    }

    /* Factory */
    .page_factory .page_factory_box{
        padding:0
    }
    .page_factory .intro{
        gap:.45rem;
        padding-bottom:0
    }
    .page_factory .intro .item .text_box h4{
        font-size:22px;
        line-height:30px
    }
    .page_factory .intro .item .text_box .remark{
        font-size:15px;
        line-height:24px
    }
    .page_factory .overview,
    .page_factory .equipment{
        width:100%;
        max-width:100%
    }
    .page_factory .overview,
    .page_factory .equipment,
    .page_factory .auto-container{
        padding-bottom:0
    }
    .page_factory .overview .head_block .remark,
    .page_factory .equipment .head_block .remark{
        max-width:100%;
        font-size:15px;
        line-height:24px;
        margin:30px 0
    }
    .page_factory .overview_box,
    .page_factory .equipment_box{
        margin-top:.3rem
    }
    .page_factory .overview_box .swiper-wrapper .swiper-slide .img,
    .page_factory .equipment_box .swiper-container .swiper-slide .img{
        border-radius:.12rem;
        overflow:hidden
    }
    .page_factory .overview_box .swiper-pagination,
    .page_factory .equipment_box .swiper-pagination{
        margin-top:.2rem
    }

    /* OEM ODM */
    .page_banner.oemodm .img_box{
        height:500px
    }
    .page_banner.oemodm .img_box img:first-child{
        display:none
    }
    .page_banner.oemodm .text{
        top:10%
    }
    .page_oemodm_tag{
        gap:.12rem;
        padding:.18rem 5%;
        border-bottom:1px solid #f4f4f4
    }
    .page_oemodm_tag .item{
        flex:0 0 100%;
        justify-content:flex-start;
        padding:.14rem .16rem
    }
    .page_oemodm_tag .item p{
        font-size:15px;
        line-height:22px
    }
    .page_oemodm .head_block .title{
        margin-bottom:20px
    }
    .page_oemodm .page_oemodm_craft,
    .page_oemodm .page_oemodm_advanced,
    .page_oemodm .page_oemodm_materials,
    .page_oemodm .page_oemodm_packaging,
    .page_oemodm .page_oemodm_cases{
        padding-top:.6rem;
        padding-bottom:.6rem
    }
    .page_oemodm .page_oemodm_craft .auto-container,
    .page_oemodm .page_oemodm_advanced .auto-container,
    .page_oemodm .page_oemodm_materials .auto-container,
    .page_oemodm .page_oemodm_packaging .auto-container,
    .page_oemodm .page_oemodm_cases .auto-container{
        padding:0
    }
    .page_oemodm .page_oemodm_cases .section-header .head_block{
        max-width:100%
    }
    .page_oemodm .page_oemodm_craft .item_box,
    .page_oemodm .page_oemodm_materials .item_box,
    .page_oemodm .page_oemodm_packaging .item_box{
        gap:.2rem;
        flex-wrap:wrap
    }
    .page_oemodm .page_oemodm_craft .item_box .item .text_box h4,
    .page_oemodm .page_oemodm_materials .item_box .item .text_box h4,
    .page_oemodm .page_oemodm_packaging .item_box .item .text_box h4{
        font-size:18px;
        line-height:24px
    }
    .page_oemodm .page_oemodm_advanced .tab_box,
    .page_oemodm .page_oemodm_cases .section-header .tab_box{
        flex-direction:column;
        align-items:stretch
    }
    .page_oemodm .page_oemodm_advanced .tab_box button,
    .page_oemodm .page_oemodm_cases .section-header .tab_box button{
        width:100%;
        min-height:auto;
        padding:.12rem .16rem
    }
    .page_oemodm .page_oemodm_advanced .item_box .item{
        padding:0;
        border-radius:.16rem
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-slide .image img{
        height:2.5rem
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .text h3{
        font-size:22px;
        line-height:30px
    }
    .page_oemodm .page_oemodm_advanced .item_box .item .text .remark,
    .page_oemodm .page_oemodm_materials .item_box .item .text_box .remark,
    .page_oemodm .page_oemodm_packaging .item_box .item .text_box .remark,
    .page_oemodm .page_oemodm_cases .oem-odm_cases__note{
        font-size:15px;
        line-height:24px
    }
    .page_oemodm .page_oemodm_cases .item_box .item{
        flex:0 0 100%
    }
    .page_oemodm .cta,
    .page_oemodm .cta .auto-container{
        margin-bottom:0;
        padding-top:0
    }

    /* Contact */
    .page_contact .page_contact_box .cta{
        padding-top:0;
        margin-bottom:50px
    }
    .page_contact .page_contact_box .page_contact_map{
        margin:0
    }
    .page_contact .page_contact_box .cta .auto-container{
        width:100%;
        max-width:100%;
        padding-bottom:0
    }
    .page_contact .page_contact_box .page_contact_top{
        padding:0
    }
    .page_contact .page_contact_box .page_contact_top .item_box{
        gap:.15rem;
        margin-top:0
    }
    .page_contact .page_contact_box .page_contact_top .item_box .item{
        flex:0 0 100%;
        padding:.2rem .16rem
    }
    .page_contact .page_contact_box .page_contact_top .item_box .item .txt h4,
    .page_contact .page_contact_box .page_contact_top .item_box .item .txt p{
        font-size:18px;
        line-height:24px
    }
    .page_contact .page_contact_box .page_contact_top .item_box .item .txt span{
        font-size:15px;
        line-height:24px
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form{
        padding:.22rem .18rem
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form h2{
        font-size:24px;
        line-height:34px
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form .input{
        gap:.12rem
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form .input div{
        flex:0 0 100%
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box .upload-wrap .file-open{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:.1rem
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box .upload-wrap .file-open span:first-child{
        width:100%;
        text-align:center
    }
    .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box .upload-wrap p,
    .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box .upload-wrap h3,
    .page_contact .page_contact_box .auto-container>p{
        font-size:15px;
        line-height:24px
    }
    .page_contact .page_contact_box .page_contact_map iframe{
        height:320px
    }

    /* Product Show */
    .page_product_show .product_show_head{
        padding-top:.46rem;
        padding-bottom:.32rem
    }
    .page_product_show .product_show_head .auto-container{
        gap:.22rem
    }
    .page_product_show .product_show_head .img_box .view_box{
        margin-bottom:.16rem
    }
    .page_product_show .product_show_head .img_box .thumb_box .img{
        width:.82rem;
        height:.82rem;
        margin-right:.08rem
    }
    .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next,
    .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        width:.42rem;
        line-height:.82rem
    }
    .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        right:auto;
        left:0
    }
    .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
        right:0
    }
    .page_product_show .product_show_head .img_box .thumb_box #slider1{
        width:calc(100% - 1rem);
        height:.82rem
    }
    .page_product_show .product_show_head .text_box h1{
        font-size:24px;
        line-height:32px;
        margin-bottom:.16rem
    }
    .page_product_show .product_show_head .text_box .other .item img{
        max-width:.24rem
    }
    .page_product_show .product_show_head .text_box .other .item:last-child{
        font-size:16px
    }
    .page_product_show .product_show_head .text_box .attribute_box{
        padding-bottom:.18rem;
        margin-bottom:.18rem
    }
    .page_product_show .product_show_head .text_box .attribute{
        margin:.18rem 0 0;
        padding-top:.18rem
    }
    .page_product_show .product_show_head .text_box .btn_box{
        margin-bottom:.18rem
    }
    .page_product_show .product_show_head .text_box .btn_box .btn_effect4{
        width:100%
    }
    .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_list{
        justify-content:center;
        width:100%;
        font-size:16px
    }
    .page_product_show .product_show_content,
    .page_product_show .product_show_form{
        padding:.24rem .18rem
    }
    .page_product_show .product_show_content{
        margin-bottom:.24rem
    }
    .page_product_show .product_show_content .xbd_product_show_head{
        font-size:22px;
        line-height:30px;
        padding-bottom:.14rem;
        margin-bottom:.24rem
    }
    .page_product_show .product_show_form h2{
        font-size:24px;
        line-height:32px
    }
    .page_product_show .product_show_form>p{
        font-size:15px;
        line-height:24px
    }
    .page_product_show .product_show_form form{
        margin-top:.22rem
    }
    .page_product_show .product_show_form .input{
        gap:.12rem;
        margin-bottom:.12rem
    }
    .page_product_show .product_show_form input,
    .page_product_show .product_show_form textarea{
        padding:.14rem .12rem;
        font-size:15px
    }
    .page_product_show .product_show_form .textarea_box{
        margin-bottom:.2rem
    }
    .page_product_show .product_show_form .textarea_box textarea{
        height:1.8rem
    }
    .page_product_show .page_content_box #messagebox{
        top:-.8rem
    }
    .page_product_show .page_recommend_pro{
    padding: 40px 0;
}
    .page_product_show .page_recommend_pro .page_recommend_pro_box{}
     .page_product_show .page_recommend_pro .swiper-button-next,
 .page_product_show .page_recommend_pro .swiper-button-prev{
    display: none;
}
    .page_product_show .page_recommend_pro .swiper-container{
    padding-bottom: 50px;
}
}