@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1440px
    }
     .head_box{
        max-width:1920px
    }
}
 @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:1760px){
    .page_product_show .product_show_head .img_box .thumb_box .img{
        margin-right:.3rem
    }
}
 @media (max-width:1720px){
    .head_box{
        padding:0 .4rem
    }
}
 @media (max-width:1440px){
    .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        font-size:.28rem;
        line-height:.85rem
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:16px;
        line-height:70px;
        padding:0 15px;
    }
     .head_box .nav_box .nav .hasdrop .sub{
        top:70px
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size:16px;
        list-style:40px
    }
     .footer .footer_box{
        padding-top:70px
    }
     .footer .footer_box .foot_head .left_category{
        width:65%
    }
     .footer .footer_box .foot_head .left_category .item{
        width:28%
    }
     .footer .footer_from form{
        width:55%
    }
     .common_from{
        margin-bottom:70px
    }
     .section .head_block p{
        font-size:30px
    }
     .section .head_block span{
        font-size:16px
    }
     .index_section1{
        padding:70px 0
    }
     .index_section1 .index_section1_box .item{
        max-width:32%
    }
     .index_section1 .index_section1_box .item .item_box .text_box{
        padding:0 15px
    }
     .index_section1 .index_section1_box .item .text_box .title{
        font-size:20px;
        margin-bottom:30px
    }
     .index_section1 .index_section1_box .item .text_box .remark p{
        margin-bottom:10px;
        font-size:16px
    }
     .index_section1 .more_btn .btn_effect4 .btn_small_list{
        width:200px;
        padding:10px 0
    }
     .index_section1 .more_btn .btn_effect4 .btn_small_list .btn_main_text{
        font-size:16px
    }
     .index_section2{
        background-size:cover!important;
        padding:70px 0;
        margin-bottom:70px
    }
     .index_section2 .index_section2_box{
        padding-top:40px
    }
     .index_section3{
        margin-bottom:60px
    }
     .index_section3 .index_section3_box .item{
        padding-right:0;
        margin-bottom:30px
    }
     .index_section3 .index_section3_box .item:nth-child(even){
        padding-left:2%
    }
     .index_section3 .index_section3_box .item .text_box{
        padding-left:3%;
        padding-right:2%
    }
     .index_section3 .index_section3_box .item:nth-child(even) .text_box{
        padding-right:2%
    }
     .index_section3 .index_section3_box .item .text_box .title{
        font-size:30px
    }
     .index_section3 .index_section3_box .item .text_box .remark{
        font-size:18px
    }
     .index_section3 .index_section3_box .item .text_box .more_btn{
        margin-top:45px
    }
     .index_section4{
        margin-bottom:70px
    }
     .index_section4 .more_btn{
        margin-top:70px
    }
     .index_section5 .index_section5_box .swiper-slide .item .txt h3{
        font-size:20px
    }
     .index_section5 .index_section5_box .swiper-slide .item .txt .remark{
        font-size:16px
    }
     .index_section5 .index_section5_box .swiper-slide .item .txt span{
        font-size:14px
    }
     .index_section5 .index_section5_box .swiper-slide .item .txt span img{
        max-height:16px
    }
     .list_products{
        padding-top:70px
    }
     .list_products .item_box .item .text_box p{
        font-size: 18px;
    line-height: 1.2;
    min-height: 0.65rem;
    }
     .list_products .item_box .item .text_box span{
        /*font-size:16px*/
    }
     .list_products .item_box .item{
        width:31.75%
    }
     .list_products .page_sidebar{
        padding-right:3%
    }
     .list_products .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:15px
    }
     .list_products .page_sidebar .sidebar_category_box .item a{
        font-size:16px
    }
     .page_product_show .product_show_head .text_box h1{
        font-size:30px
    }
     .page_product_show .product_show_head .text_box .remark{
        font-size:18px
    }
     .page_product_show .product_show_head .text_box .attribute div{
        font-size:16px;
        margin-bottom:10px
    }
     .page_news .auto-container{
        padding-top:70px
    }
     .page_news .common_from{
        padding-top:0;
        margin-bottom:70px
    }
     .page_news .page_news_box .item_box{
        gap:60px 15px
    }
     .page_news .txt h3{
        font-size:18px
    }
     .page_news .txt .remark{
        font-size:16px
    }
     .page_news .txt span{
        font-size:16px
    }
     .page_news .item:hover .txt span img{
        max-height:16px
    }
     .page_news .list_news_box1 .left h3{
        font-size:30px
    }
     .page_news .list_news_box1 .left p{
        font-size:20px
    }
     .page_news .list_news_box1 .left .remark{
        font-size:16px
    }
     .show_news .show_news_box{
        padding:70px 0;
        padding-bottom:.45rem
    }
     .show_news .show_news_box .show_news_content_head h1{
        font-size:36px
    }
     .show_news .show_news_relation{
        margin-top:.45rem
    }
     .page_contact{
        margin-bottom:70px
    }
     .page_contact .page_contact_head{
        padding:70px 0
    }
     .page_contact .page_contact_head_box_top h2{
        font-size:30px
    }
     .page_contact .page_contact_head_box_top p{
        font-size:18px
    }
     .page_contact .page_contact_head_box{
        margin-top:70px
    }
     .page_contact .page_contact_head_box .item .txt_box p{
        font-size:20px
    }
     .page_contact .page_contact_head_box .item .txt_box span{
        font-size:16px;
        line-height:1.3
    }
     .page_contact .page_contact_quotation form>p,.page_contact .page_contact_quotation>p{
        font-size:30px
    }
     .page_contact .page_contact_quotation .input{
        gap:20px 40px
    }
     .page_contact .page_contact_quotation .input>div{
        width:47.5%
    }
     .page_contact .page_contact_quotation .input>div p,.page_contact .page_contact_quotation .textarea_box p,.page_contact .page_contact_quotation .upload-box p{
        font-size:18px
    }
     .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
        font-size:15px
    }
     .page_get_started{
        margin-bottom:70px
    }
     .page_get_started .input{
        margin-bottom:50px
    }
     .page_get_started .item_checkbox>div{
        margin-bottom:60px
    }
     .page_get_started .item_checkbox>div h3,.page_get_started .item_radio>div h3{
        font-size:20px
    }
     .page_get_started .item_checkbox>div label{
        font-size:15px
    }
     .page_get_started .item_checkbox>div label input[type=checkbox]{
        margin-top:0
    }
     .page_get_started .item_radio>div label{
        font-size:15px
    }
     .page_get_started .item_radio>div label input[type=radio]{
        margin-top:0
    }
     .page_content .page_about_box{
        margin-top:70px
    }
     .page_content .page_about_box .page_about_section1_box .right .remark{
        font-size:17px
    }
     .page_content .page_about_box .page_about_section1_box .right .btn_effect4{
        margin-top:40px
    }
     .page_content .page_about_box .page_about_section2{
        padding:70px 0
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item{
        padding:0 20px
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item .img_box{
        margin-bottom:50px
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item .text_box .title{
        font-size:18px
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item .text_box span{
        font-size:14px
    }
     .page_content .page_about_box .page_about_section3{
        background-size:cover!important;
        padding:70px 0
    }
     .page_content .page_about_box .page_about_section4{
        padding:70px 0
    }
     .page_content .page_about_box .page_about_section4 .item .right{
        padding-left:3%
    }
     .page_content .page_about_box .page_about_section4 .item:nth-child(even) .right{
        padding-right:3%
    }
     .page_content .page_about_box .page_about_section4 .item .right h2{
        font-size:30px
    }
     .page_content .page_about_box .page_about_section4 .item .right .remark{
        font-size:16px
    }
     .page_content .page_about_box .page_about_section5{
        padding-bottom:70px
    }
     .page_content .page_about_box .page_about_section5_box .item{
        width:50%
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .img img{
        min-height:2.9rem
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .remark{
        font-size:15px
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .remark .title{
        font-size:18px
    }
     .page_content .page_about_box .page_about_section6{
        background-size:cover!important;
        padding:70px 0;
        margin-bottom:70px
    }
     .what_we_do{
        margin-top:70px
    }
     .what_we_do .section{
        margin-bottom:70px
    }
     .what_we_do .page_section1{
        padding-left:5%
    }
     .what_we_do .page_section1 .left .head_block span{
        font-size:18px
    }
     .what_we_do .page_section1 .left .swiper_ben .swiper-button-next,.what_we_do .page_section1 .left .swiper_ben .swiper-button-prev{
        width:50px;
        height:50px;
        border-width:1px
    }
     .what_we_do .page_section1 .right .swiper-container .swiper-slide .text_box{
        font-size:20px
    }
     .what_we_do .page_section2{
        padding:70px 0;
        background-size:cover!important;
        margin-bottom:0
    }
     .what_we_do .page_section2 .auto-container .page_section2_box .right{
        font-size:16px
    }
     .what_we_do .page_section2 .auto-container .page_section2_box .right h4{
        font-size:20px
    }
     .what_we_do .page_section3{
        padding:70px 0;
        margin-bottom:0;
        padding-bottom:40px
    }
     .what_we_do .page_section3_box .swiper-container .swiper-slide .img_box img.scale{
        max-width:70px
    }
     .what_we_do .page_section3_box .swiper-container .text_box .txt{
        padding-top:0
    }
     .what_we_do .page_section3_box .swiper-container .text_box .txt .title{
        font-size:20px
    }
     .what_we_do .page_section3_box .swiper-container .text_box .txt .remark{
        font-size:16px
    }
     .what_we_do .page_section4_box .item .text_box .head_block span{
        font-size:18px
    }
     .what_we_do .page_section5_box .remark{
        font-size:18px
    }
     .what_we_do .page_section6_box .text_box .head_block span{
        font-size:18px
    }
     .page_product_show .page_recommend_pro{
        max-width:85%;
        margin:auto
    }
}
 @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%
    }
     .page_product_show .product_show_head .img_box .thumb_box .img{
        margin-right:.06rem
    }
     .page_product_show .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.page_product_show .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        width:.5rem;
        height:.5rem
    }
     .page_product_show .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        left:-.8rem
    }
     .page_product_show .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
        right:-.8rem;
        margin-left:0
    }
     .page_product_show .page_recommend_pro .swiper-container{
        padding-bottom:.5rem
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:14px
    }
     .btn_effect4 .btn_small_list .btn_main_text{
        font-size:14px
    }
     .swiper-pagination-bullet-active{
        background:var(--color)
    }
     .head_box{
        padding:0 15px;
        height:50px;
        display:flex;
        justify-content:flex-end
    }
     .head_box .logo_box{
        width:45%
    }
     .head_box .nav_box{
        display:none;
        position:absolute;
        top:50px;
        left:0;
        background:#333;
        width:100%;
        border-top:1px solid rgb(255 255 255 / 10%);
        max-height:550px;
        overflow:auto
    }
     .head_box .nav_box .nav{
        display:block
    }
     .head_box .nav_box .nav>.hasdrop{
        margin-right:0
    }
     .head_box .nav_box .nav .hasdrop.pro{
        margin-right:0
    }
     .head_box.c-style .nav_box .nav .hasdrop .stair .a,.head_box:hover .nav_box .nav .hasdrop .stair .a{
        color:#fff
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        position:relative;
        font-size:15px;
        line-height:45px;
        padding-left:10px;
        width:100%
    }
     .head_box .nav_box .nav li .mobile-navbtn{
        position:absolute;
        top:-.05rem;
        bottom:0;
        right:.15rem;
        margin:auto;
        content:'';
        width:20px;
        height:20px;
        transform:rotate(90deg);
        transition:all .3s linear
    }
     .head_box .nav_box .nav li .mobile-navbtn::after{
        display:block;
        content:'';
        border-left:.13rem solid transparent;
        border-right:.13rem solid transparent;
        border-bottom:.11rem solid #fff;
        position:absolute
    }
     .head_box .nav_box .nav li .mobile-navbtn.open{
        transform:rotate(180deg);
        margin-top:10px
    }
     .head_box .nav_box .nav .hasdrop .sub{
        position:unset;
        padding:0 .1rem
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding:15px 0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        display:none
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{
        width:100%
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size:16px;
        line-height:32px
    }
     .head_box .right_box .icosearch img{
        max-width:20px;
        filter:brightness(0)
    }
     .head_box .nav_box .nav .hasdrop.active .stair .a,.head_box .nav_box .nav .hasdrop:hover .stair .a{
        color:#fff
    }
     .head_box .right_box .gtranslate_wrapper .gt_switcher_wrapper{
        margin-top:3px
    }
     .head_box.open .logo_box{
        opacity:0
    }
     .head_box .right_box .c_switch{
        width:30px;
        margin-left:15px
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:nth-child(1){
        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:.06rem;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height:.03rem;
        -webkit-transition:all .3s;
        transition:all .3s;
        background:#000
    }
     .head_box .right_box .c_switch i:nth-child(1){
        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
    }
     .head_box .right_box .c_switch{
        display:block;
        margin-top:3px
    }
     .head_box .right_box .search_con2{
        width:95%;
        right:0;
        top:9%
    }
     .head_box .right_box .search_con2 .search_input{
        width:100%
    }
     .head_box .right_box .search_con2 .moblie_search_close{
        margin-left:15px;
        margin-right:15px;
        margin-top:0
    }
     .footer .footer_box{
        padding-top:45px
    }
     .footer .footer_from{
        height:auto;
        background-size:cover!important
    }
     .footer .footer_from form{
        width:100%;
        padding:30px
    }
     .footer .footer_from form .input{
        flex-wrap:wrap
    }
     .footer .footer_from form .input div{
        width:100%
    }
     .footer .footer_from form .input div input{
        font-size:15px;
        line-height:45px;
        padding-bottom:0
    }
     .footer .footer_from form .upload-box .upload-wrap p{
        font-size:14px
    }
     .footer .footer_from form .textarea_box textarea.content{
        font-size:15px
    }
     .footer .footer_from form .submit button .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:15px
    }
     .footer .footer_box .foot_head{
        margin-bottom:10px
    }
     .footer .footer_box .foot_head .left_category{
        display:none
    }
     .footer .footer_box .foot_head .left_category .item>p,.footer .footer_box .foot_head .right_box>p{
        font-size:18px;
        margin-bottom:10px
    }
     .footer .footer_box .foot_head .left_category .item .item_box a,.footer .footer_box .foot_head .right_box .foot_contact p,.footer .footer_box .foot_head .right_box .foot_contact p a{
        font-size:16px;
        line-height:28px
    }
     .footer .footer_box .foot_head .right_box{
        width:100%
    }
     .footer .footer_box .foot_head .right_box .foot_contact p:last-child{
        line-height:22px
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe input{
        width:100%
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe input{
        width:100%;
        line-height:45px
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe button{
        height:45px
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe button img{
        max-width:30px
    }
     .footer .footer_box .foot_share a img{
        max-width:30px
    }
     .footer .footer_box .foot_bottom .auto-container{
        flex-wrap:wrap
    }
     .footer .footer_box .foot_bottom .left{
        margin-bottom:5px
    }
     .footer .footer_box .foot_bottom p{
        font-size:16px;
        line-height:22px
    }
     .footer .footer_box .foot_bottom .left p{
        margin-bottom:10px;
        font-size:16px
    }
     .footer .footer_box .foot_bottom .right a,.footer .footer_box .foot_bottom a{
        font-size:16px
    }
     .section .head_block p{
        font-size:24px;
        text-align:left
    }
     .section .head_block span{
        max-width:100%;
        font-size:16px;
        line-height:normal;
        text-align:left
    }
     .page_banner{
        padding-top:50px
    }
     .common_from{
        margin-bottom:45px
    }
     .common_from form{
        width:100%;
        padding:25px
    }
     .common_from form .input{
        flex-wrap:wrap
    }
     .common_from form .input div{
        width:100%;
        margin-bottom:15px
    }
     .common_from form .input div input{
        font-size:15px;
        padding-bottom:10px
    }
     .common_from form .textarea_box textarea.content{
        font-size:15px
    }
     .common_from form .submit button .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:16px
    }
     .index_banner{
        padding-top:50px;
        aspect-ratio:auto
    }
     .index_banner .swiper-pagination{
        bottom:10px
    }
     .index_section1{
        padding:45px 0
    }
     .index_section1 .index_section1_box{
        flex-wrap:wrap
    }
     .index_section1 .index_section1_box .item{
        max-width:100%;
        margin-bottom:30px
    }
     .index_section1 .index_section1_box .item .item_box .img_box{
        text-align:center
    }
     .index_section1 .index_section1_box .item .item_box .img_box img{
        max-height:300px
    }
     .index_section2{
        padding:45px 0;
        margin-bottom:45px
    }
     .index_section2 .index_section2_box{
        justify-content:space-between
    }
     .index_section3{
        margin-bottom:45px
    }
     .index_section3 .index_section3_box .item{
        flex-direction:column
    }
     .index_section3 .index_section3_box .item:nth-child(even){
        flex-direction:column;
        padding-left:0
    }
     .index_section3 .index_section3_box .item:last-child{
        margin-bottom:0
    }
     .index_section3 .index_section3_box .item .img_box{
        width:100%;
        margin-bottom:20px
    }
     .index_section3 .index_section3_box .item .text_box{
        width:100%
    }
     .index_section3 .index_section3_box .item:nth-child(even) .text_box{
        padding-left:2%
    }
     .index_section4{
        margin-bottom:45px;
        padding:45px 0;
        aspect-ratio:auto
    }
     .index_section4 .more_btn{
        margin-top:45px
    }
     .index_section5 .index_section5_box .swiper-slide .item .txt .other p{
        font-size:15px
    }
     .list_products{
        padding-top:45px
    }
     .list_products .list_products_box{
        flex-direction:column
    }
     .list_products .content_box{
        width:100%
    }
     .list_products .item_box{
        gap:19px;
        padding-bottom:40px
    }
     .list_products .item_box .item{
        width:47%
    }
     .list_products .item_box .item .text_box p{
        font-size:20px;
        -webkit-line-clamp:2;
        line-height:1.3
    }
     .list_products .item_box .item .text_box span{
        font-size:15px
    }
     .list_products .item_box .item .btn_effect4 .btn_small_list{
        padding:8px 15px
    }
     .list_products .page_sidebar{
        width:100%;
        padding-right:0
    }
     .page_product_show .product_show_head{
        padding-top:45px
    }
     .page_product_show .product_show_head .auto-container{
        flex-wrap:wrap;
        flex-direction:column
    }
     .page_product_show .product_show_head .img_box{
        width:100%;
        margin-right:0;
        margin-bottom:30px
    }
     .page_product_show .product_show_head .text_box{
        width:100%
    }
     .page_product_show .product_show_head .img_box .thumb_box .img{
        margin-right:.13rem
    }
     .page_product_show .product_show_head .text_box h1{
        font-size:24px
    }
     .page_product_show .product_show_head .text_box .remark{
        font-size:16px
    }
     .page_product_show .product_show_head .text_box .attribute div p:first-child,.page_product_show .product_show_head .text_box .color_thumbs>p{
        width:40%
    }
     .page_product_show .product_show_head .text_box .contact_box p{
        font-size:16px
    }
     .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_list,.page_product_show .product_show_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
        padding:9px 20px
    }
     .page_product_show .page_recommend_pro{
        border-top:0;
        max-width:100%
    }
     .page_news .auto-container{
        padding-top:45px
    }
     .page_news .common_from{
        padding-top:0;
        margin-bottom:45px
    }
     .page_news .list_news_box,.page_news .list_news_box1{
        margin-bottom:45px
    }
     .page_news .list_news_box .line{
        font-size:30px
    }
     .page_news .list_news_box .line:before{
        width:30%
    }
     .page_news .list_news_box .item_box,.page_news .page_news_box .item_box{
        flex-wrap:wrap
    }
     .page_news .page_news_box .item_box{
        gap:20px
    }
     .page_news .page_news_box .item_box .item{
        width:100%
    }
     .page_news .img_box img{
        height:100%;
        object-fit:cover;
        min-height:125px
    }
     .page_news .list_news_box .item_box .right .item .img_box{
        height:100%
    }
     .page_news .list_news_box .item_box .left{
        width:100%;
        margin-bottom:20px
    }
     .page_news .list_news_box1 .left{
        width:100%;
        margin-bottom:20px
    }
     .page_news .list_news_box1 .right{
        width:100%;
        flex-wrap:wrap;
        gap:20px
    }
     .page_news .list_news_box1 .right .item{
        margin-right:0;
        width:100%
    }
     .page_news .list_news_box .item_box .right{
        width:100%;
        padding-left:0
    }
     .page_news .txt .other p{
        font-size:15px
    }
     .page_news .list_news_box1{
        flex-wrap:wrap
    }
     .show_news .show_news_box{
        padding:45px 0
    }
     .show_news .show_news_box .show_news_content_head h1{
        font-size:24px;
        text-transform:capitalize;
        text-align:left;
        line-height:1.3
    }
     .show_news .show_news_box .show_news_content_head .other p{
        font-size:16px
    }
     .show_news .show_news_box .show_pagination_box .item.next a,.show_news .show_news_box .show_pagination_box .item.prev a{
        font-size:18px
    }
     .page_contact{
        margin-bottom:45px
    }
     .page_contact .page_contact_head{
        padding:45px 0
    }
     .page_contact .page_contact_head_box_top{
        flex-wrap:wrap
    }
     .page_contact .page_contact_head_box_top h2{
        width:100%;
        margin-bottom:20px
    }
     .page_contact .page_contact_head_box_top p{
        width:100%
    }
     .page_contact .page_contact_head_box{
        margin-top:45px;
        flex-wrap:wrap
    }
     .page_contact .page_contact_head_box .item{
        width:100%
    }
     .page_contact .page_contact_quotation .input{
        gap:20px
    }
     .page_contact .page_contact_quotation .input>div{
        width:100%
    }
     .page_contact .page_contact_quotation .input>div p,.page_contact .page_contact_quotation .textarea_box p,.page_contact .page_contact_quotation .upload-box p{
        font-size:16px
    }
     .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
        padding:10px
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap{
        flex-wrap:wrap
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
        width:100%
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        max-width:100%;
        margin-top:20px;
        margin-left:0;
        font-size:15px;
        line-height:1.2
    }
     .page_get_started{
        margin-bottom:45px
    }
     .page_get_started .input{
        margin-bottom:30px
    }
     .page_get_started .item_checkbox>div{
        width:100%;
        margin-bottom:30px
    }
     .page_get_started .item_checkbox>div h3,.page_get_started .item_radio>div h3{
        margin-bottom:20px
    }
     .page_get_started .item_checkbox>div label{
        max-width:100%
    }
     .page_get_started .item_radio{
        flex-wrap:wrap
    }
     .page_get_started .item_radio>div{
        width:100%
    }
     .page_about .page_about_box{
        margin-top:45px
    }
     .page_about .page_about_box .section{
        margin-bottom:45px
    }
     .page_about .page_about_box .page_about_section1 .page_about_num .item{
        width:33%
    }
     .page_about .page_about_box .page_about_section1 .page_about_num .item .txt div .counter,.page_about .page_about_box .page_about_section1 .page_about_num .item .txt div p{
        font-size:24px
    }
     .page_content .page_about_box .head_block{
        max-width:100%
    }
     .page_content .page_about_box .page_about_num{
        justify-content:space-between
    }
     .page_content .page_about_box .page_about_section1_box{
        flex-direction:column
    }
     .page_content .page_about_box .page_about_section1_box .left,.page_content .page_about_box .page_about_section1_box .right{
        width:100%
    }
     .page_content .page_about_box .page_about_section1_box .left{
        margin-bottom:20px
    }
     .page_content .page_about_box .page_about_section2{
        padding:45px 0;
        margin-bottom:0
    }
     .page_content .page_about_box .page_about_section2_box:before{
        display:none
    }
     .page_content .page_about_box .page_about_section2_box .item_box{
        flex-wrap:wrap
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item{
        width:100%;
        padding:0;
        margin-bottom:20px;
        display:flex
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item:last-child{
        margin-bottom:0
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item:before{
        display:none
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item .img_box{
        margin-bottom:0;
        margin-right:20px
    }
     .page_content .page_about_box .page_about_section2_box .item_box .item .text_box{
        text-align:left
    }
     .page_content .page_about_box .page_about_section3{
        margin-bottom:0;
        padding:45px 0
    }
     .page_content .page_about_box .page_about_section3 .head_block{
        max-width:100%
    }
     .page_content .page_about_box .page_about_section3 .more_btn{
        margin-top:40px
    }
     .page_content .page_about_box .page_about_section4{
        margin-bottom:0;
        padding:45px 0
    }
     .page_content .page_about_box .page_about_section4 .item{
        flex-wrap:wrap;
        margin-bottom:20px
    }
     .page_content .page_about_box .page_about_section4 .item:last-child{
        margin-bottom:0
    }
     .page_content .page_about_box .page_about_section4 .item .left,.page_content .page_about_box .page_about_section4 .item .right{
        width:100%
    }
     .page_content .page_about_box .page_about_section4 .item .left{
        margin-bottom:20px
    }
     .page_content .page_about_box .page_about_section4 .item .right{
        padding:10px
    }
     .page_content .page_about_box .page_about_section4 .item:nth-child(even) .right{
        padding:10px
    }
     .page_content .page_about_box .page_about_section5{
        padding-bottom:45px;
        margin-bottom:0
    }
     .page_content .page_about_box .page_about_section5_box{
        flex-wrap:wrap
    }
     .page_content .page_about_box .page_about_section5_box .item{
        width:100%;
        margin-bottom:20px
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .img{
        height:100%
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .img img{
        min-height:auto;
        height:100%;
        object-fit:cover;
        max-height:unset
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .remark{
        padding:10px
    }
     .page_content .page_about_box .page_about_section5_box .item .text_box .remark .title{
        margin-top:-25px
    }
     .page_content .page_about_box .page_about_section6{
        padding:45px 0
    }
     .page_content .page_about_box .page_about_section6_box{
        max-width:95%;
        margin:auto;
        margin-top:45px
    }
     .page_content .page_about_box .page_about_section6_box .swiper-pagination{
        margin-top:10px;
        max-width:95%
    }
     .what_we_do{
        margin-top:45px
    }
     .what_we_do .page_section1{
        padding-left:0;
        flex-wrap:wrap;
        /*padding:0 15px;*/
        margin-bottom:45px
    }
     .what_we_do .page_section1 .left{
        width:100%;
        margin-bottom:20px
    }
     .what_we_do .page_section1 .right{
        width:100%;
        padding-left:0
    }
     .what_we_do .page_section1 .right .swiper-container .swiper-slide .text_box{
        font-size:18px;
        line-height:1.3
    }
     .what_we_do .page_section2{
        padding:45px 0
    }
     .what_we_do .page_section2 .auto-container .page_section2_box{
        margin-top:45px;
        flex-wrap:wrap
    }
     .what_we_do .page_section2 .auto-container .page_section2_box .left,.what_we_do .page_section2 .auto-container .page_section2_box .right{
        width:100%
    }
     .what_we_do .page_section3{
        padding:45px 0
    }
     .what_we_do .page_section4{
        margin-bottom:45px
    }
     .what_we_do .page_section4_box .item .auto-container{
        flex-wrap:wrap
    }
     .what_we_do .page_section4_box .item .img_box{
        margin-bottom:20px
    }
     .what_we_do .page_section4_box .item .text_box{
        width:100%;
        padding-left:0
    }
     .what_we_do .page_section5{
        margin-bottom:45px
    }
     .what_we_do .page_section6{
        margin-bottom:45px
    }
     .what_we_do .page_section6 .auto-container{
        flex-wrap:wrap
    }
     .what_we_do .page_section6_box .img_box{
        width:100%;
        margin-bottom:20px
    }
     .what_we_do .page_section6_box .text_box{
        width:100%;
        padding:0;
        padding-bottom:45px
    }
     .what_we_do .page_section7 .page_section7_box{
        margin-top:30px
    }
     .what_we_do .page_section7 .item{
        padding:20px 0
    }
     .what_we_do .page_section7 .item .wen{
        font-size:18px
    }
     .what_we_do .page_section7 .item .da{
        font-size:15px;
        line-height:1.3
    }
     .page_inside a img{
        max-width:30px
    }
     .page_product_show .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.page_product_show .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        display:none
    }
}
 @media(max-width:991px){
    html{
        font-size:calc(100vw/5)
    }
     .auto-container{
        width:91.5%
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
    .footer{
        padding-bottom: 47px;
    }
}