@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:2000px){
    .head_box{
        padding:0 .2rem
    }
    .head_box .nav_box .nav .hasdrop .stair .a{
        padding: 0 .15rem;
        font-size: .16rem;
    }
}
 @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/14.8)
    }
     .auto-container{
        max-width:95%
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
    }
     .head_box{
        padding:0 .2rem
    }
     .head_box .logo_box .logo_icon img{
        max-width:1.5rem
    }
     .head_box .logo_box .slogan{
        margin-left:.15rem
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        padding:0 .15rem;
        font-size: .16rem;
    }
     .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
        width:.55rem;
        height:.55rem;
        top:55%
    }
     .index_banner .swiper-button-next:before,.index_banner .swiper-button-prev:before{
        width:.3rem;
        height:.3rem;
        top:20%;
        left:18%
    }
     .head_block .head_block_box>p{
        font-size:.16rem
    }
     .head_block .title{
        font-size:.36rem
    }
     .head_block .remark{
        font-size:.16rem
    }
     .index_section1 .head_block .head_block_box .remark p{
        font-size:.24rem
    }
     .index_section1 .index_section1_box .item .txt_box .txt{
        font-size:.36rem
    }
     .index_section2 .index_section2_line img{
        max-height:.4rem
    }
     .index_section2 .index_section2_box .index_section2_swiper{
        padding-bottom:.45rem
    }
     .index_section2 .index_section2_box .swiper-button-next,.index_section2 .index_section2_box .swiper-button-prev{
        display:none
    }
     .index_section3 .left{
        height:max-content
    }
     .index_section3 .left .head_block .head_block_box{
        max-width:90%;
        padding-right:6%
    }
     .index_ads .ads_box .left{
        font-size:.3rem
    }
     .index_ads .ads_box .left:before{
        right:20%
    }
     .index_section6 .index_section6_box .index_section6_swiper{
        padding-bottom:.45rem
    }
     .index_section6 .index_section6_box .swiper-button-next,.index_section6 .index_section6_box .swiper-button-prev{
        display:none
    }
     .index_section9 .index_section9_box .index_section9_swiper{
        padding-bottom:.45rem
    }
     .index_section9 .index_section9_box .swiper-button-next,.index_section9 .index_section9_box .swiper-button-prev{
        display:none
    }
     .index_section10 .index_section10_box{
        margin-top:.45rem
    }
     .page_news .page_news_box .item .txt h3{
        font-size:.18rem
    }
     .show_news .post-info .header>h1{
        font-size:.26rem
    }
     .page_contact_quotation .input>div,.page_contact_quotation .item_checkbox>div{
        width:47.75%
    }
     .show_products .show_products_head .text_box h1{
        font-size:.26rem
    }
     .show_products .page_about_video_box .img_box{
        height:3rem
    }
     .common_from{
        max-width:95%!important
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:.14rem
    }
    .head_box{
    line-height: 50px;
}
    .head_box.c-style,.head_box:hover{}
    .head_box.open .logo_box{
    opacity: 0;
}
    .head_box .logo_box .logo_icon{}
    .head_box .logo_box .logo_icon img{
    max-width: 100px;
}
    .head_box .logo_box .slogan{
    display: none;
}
    .head_box.c-style .logo_box .slogan,.head_box:hover .logo_box .slogan{}
    .head_box .nav_box{
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    background: #ffffff;
    width: 100%;
    border-top: 1px solid var(--color);
}
    .head_box .nav_box .nav{
    display: block;
}
    .head_box .nav_box .nav .hasdrop.pro{}
    .head_box .nav_box .nav > .hasdrop:before{}
    .head_box .nav_box .nav .hasdrop .stair .a{
    font-size: 16px;
    line-height: 40px;
    width: 100%;
    color: #333333;
}
    .head_box .nav_box .nav>.hasdrop:last-child .stair .a{}
    .head_box.c-style .nav_box .nav .hasdrop .stair .a,.head_box:hover .nav_box .nav .hasdrop .stair .a{}
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn,.head_box .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn{
        position:absolute;
        top:22%;
        right:.2rem;
        margin:auto;
        width:.3rem;
        height:.3rem;
        transition:.3s;
        bottom:unset;
        transform:rotate(0)
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after,.head_box .nav_box .nav .hasdrop.product_menu .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.c-style .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn.open::after,.head_box:hover .nav_box .nav .hasdrop .stair .a .mobile-navbtn.open::after{
        transform:rotate(135deg);
        border-color:var(--color)
    }
     .head_box.c-style .right_box .icosearch img,.head_box:hover .right_box .icosearch img{
    filter: brightness(0) invert(1);
}
    .head_box .nav_box .nav .hasdrop .sub{
    position: unset;
    background: 0;
}
    .head_box .nav_box .nav .hasdrop .sub .s-menu{}
    .head_box .nav_box .nav .hasdrop .sub .s-menu>p{}
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{}
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
    font-size: 15px;
}
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a i{}
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{}
    .head_box .right_box{}
    .head_box .right_box .icosearch{
    background: #4AB346;
    border-radius: 100vh;
    margin-right: 5px;
}
    .head_box:hover .right_box .icosearch,.head_box.c-style .right_box .icosearch{}
    .head_box .right_box .icosearch img{}
    .head_box .nav_box .nav .hasdrop.active .stair .a{}
    .head_box .nav_box .nav > .hasdrop.active:before,.head_box .nav_box .nav > .hasdrop:hover:before{
    display: none;
}
    .head_box .nav_box .nav .hasdrop.active .stair .a,.head_box .nav_box .nav .hasdrop:hover .stair .a{}
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a:hover{}
    .head_box .right_box .icosearch .icosearch{}
    .head_box .right_box .icosearch .icosearch img{}
    .head_box .right_box .icosearch .icosearch:hover img{}
    .head_box .right_box .gtranslate_wrapper{
    margin-right: 5px;
}
    .head_box .right_box .gtranslate_wrapper .gt_switcher_wrapper{}
    .head_box .right_box .gt_container--hich1m .gt_switcher{}
    .head_box .right_box .gt_container--hich1m .gt_switcher:before{
    border-top-color: #ffffff;
}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected{
    border-color: #4AB346;
    background: #4AB346;
}
    .head_box.c-style .right_box .gt_container--hich1m .gt_switcher .gt_selected,.head_box:hover .right_box .gt_container--hich1m .gt_switcher .gt_selected{}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{
    filter: brightness(0) invert(1);
}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected:after{
    color: #ffffff;
}
    .head_box.c-style .right_box .gt_container--hich1m .gt_switcher .gt_selected:before,.head_box:hover .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{}
    .head_box.c-style .right_box .gt_container--hich1m .gt_switcher:before,.head_box:hover .right_box .gt_container--hich1m .gt_switcher:before{}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected a{}
    .head_box.active{}
    .head_box.active .logo_box .slogan{}
    .head_box.active .nav_box .nav .hasdrop .stair .a{}
    .head_box.active .right_box .icosearch img{}
    .head_box.active .right_box .gt_container--hich1m .gt_switcher .gt_selected{}
    .head_box.active .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{}
    .head_box.active .right_box .gt_container--hich1m .gt_switcher:before{}
    .gt_container--hich1m .gt_switcher .gt_selected a:hover{}
    .head_box .right_box .gt_container--hich1m .gt_switcher a img{}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected img{}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected a:after{}
    .head.c-style .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a:after,.head:hover .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a:after{}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_option{}
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_option a{}
    .head_box .right_box .search_con2{
    width: 100%;
    right: 0;
    top: 7px;
    line-height: 40px;
    height: 40px;
}
    .head_box .right_box .search_con2 .moblie_search_close img{}
    .head_box .right_box .search_con2 .search_input{
    width: 85%;
}
    .head_box .right_box .btn_inquiry{
    font-size: 14px;
}
    .head_box.open .right_box .btn_inquiry{}
    .head_box .right_box .btn_inquiry a{}
    .head_box .right_box .btn_inquiry:hover a{}
    .head_box.open .right_box .search_con2{}
    .head_box.open .nav_box,.head_box.open .right_box .c_switch{}
    .head_box.open .right_box .gtranslate_wrapper .gt_switcher_wrapper{}
    .head_box .right_box .search_con2 .search_input input{
    line-height: 40px;
    height: 40px;
    font-size: 15px;
}
    .head_box .right_box .search_con2 .search_input input::placeholder{}
    .head_box .right_box .search_con2 .search_input .search_btn{}
    .head_box .right_box .search_con2 .search_input .search_btn img{
    max-width: 20px;
}
    .head_box .right_box .search_con2 .moblie_search_close{}
    .head_box .right_box .search_con2 .moblie_search_close .iconfont{}
     
     .head_box .right_box .c_switch{
        display:block;
        width: 30px;
        margin-left: 5px;
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:nth-child(1){
        top: 9px;
        -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: 5px;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height: 3px;
        transition:all .3s;
        background: #4AB346;
    }
     .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: 4px 0;
    }
    .footer{}
    .footer .footer_top{
    flex-wrap: wrap;
}
    .footer .footer_top .left{
    width: 100%;
    margin-bottom: 20px;
}
    .footer .footer_top .left p{
    font-size: 16px;
}
    .footer .footer_top .left h3{
    font-size: 24px;
}
    .footer .footer_top .right{
    width: 100%;
}
    .footer .footer_top .right .input{
    flex-wrap: wrap;
    gap: 10px;
}
    .footer .footer_top .right .input div{
    width: 100%;
}
    .footer .footer_top .right input,.footer .footer_top .right textarea{
    font-size: 15px;
    line-height: 35px;
    padding: 5px;
}
    .footer .footer_top .right textarea::placeholder,.footer .footer_other .foot_subscribe input::placeholder,.footer .footer_top .right input::placeholder{}
    .footer .footer_top .right .textarea_box{}
    .footer .footer_top .right .textarea_box textarea{
    height: 100px;
}
    .footer .footer_top .right .textarea_box .submit_btn{}
    .footer .footer_top .right .textarea_box .submit_btn:hover,.footer .footer_other .foot_subscribe button:hover{}
    .footer .foot_head{}
    .footer .foot_head .left_category{
    display: none;
}
    .footer .foot_head .left_category .item{}
    .footer .foot_head .left_category .item>p,.footer .foot_head .right_box>p{
    font-size: 18px;
}
    .footer .foot_head .left_category .item .item_box a,.footer .foot_head .right_box .foot_contact p,.footer .foot_head .right_box .foot_contact p a{
    font-size: 16px;
}
    .footer .foot_head .left_category .item:nth-child(1){}
    .footer .foot_head .left_category .item:nth-child(1) .item_box{}
    .footer .foot_head .left_category .item .item_box a{}
    .footer .foot_head .left_category .item .item_box a:last-child{}
    .footer .foot_head .left_category .item .item_box a:hover,.footer .foot_head .right_box .foot_contact p a:hover,.footer .foot_bottom a:hover{}
    .footer .foot_head .left_category .item:last-child{}
    .footer .foot_head .left_category .item .code_box{}
    .footer .foot_head .left_category .item .code_box img{}
    .footer .foot_head .left_category .item .code_box img:last-child{}
    .footer .foot_head .right_box{
    width: 100%;
}
    .footer .foot_head .right_box .foot_contact p{}
    .footer .foot_head .right_box .foot_contact p img{
    max-width: 25px;
}
    .footer .foot_head .right_box .foot_contact p:last-child{}
    .footer .foot_head .right_box .foot_contact p a:hover{}
    .footer .foot_share{}
    .foot_share a{}
    .foot_share a:last-child{}
    .foot_share a img{
    max-width: 25px;
}
    .foot_share a:hover img{}
    .footer .foot_bottom .auto-container{
    flex-wrap: wrap;
    max-width: 100%;
}
    .footer .foot_bottom p{}
    .footer .foot_bottom .left{
    margin-bottom: 10px;
}
    .footer .foot_bottom .left p{
    font-size: 15px;
}
    .footer .foot_bottom a{}
    .footer .foot_bottom .right a{
    font-size: 15px;
}
    .footer .foot_bottom a:hover{}
    .footer .footer_other{
    flex-wrap: wrap;
}
    .footer .footer_other .foot_subscribe{
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}
    .footer .footer_other .foot_subscribe{}
    .footer .footer_other .foot_subscribe input{}
    .footer .footer_other .foot_subscribe button{
    font-size: 14px;
    height: 45px li;
}
    .additional-features li{}
    .additional-features .opa-0{}
    .additional-features .additional-icon{}
    .additional-features .additional-icon a{}
    .additional-features .additional-icon img{}
    .index_banner{}
    .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width: 40px;
    height: 40px;
    top: 35%;
}
    .index_banner .swiper-button-prev{
    left: 10px;
}
    .index_banner .swiper-button-next{
    right: 10px;
}
    .index_banner .swiper-button-prev:before,.index_banner .swiper-button-next:before{}
    .index_banner -horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{}
    .head_block{
    padding-top: 25px;
    margin-bottom: 35px;
}
    .head_block:before{}
    .head_block .head_block_box{}
    .head_block .head_block_box > p{
    font-size: 14px;
}
    .head_block .head_block_box > p:before{}
    .head_block .title{
    font-size: 25px;
    margin: 5px 0;
}
    .head_block .title span{}
    .head_block .remark{
    font-size: 15px;
}
    .boxed_btn{padding: 1px;}
    .boxed_btn:hover,.boxed_btn.active{}
    .boxed_btn .btn{font-size: 15px;}
    .boxed_btn .btn:before{}
    .boxed_btn .btn span{}
    .boxed_btn img{
    max-width: 23px;
}
    .boxed_btn:hover img,.boxed_btn.active img{}
    .boxed_btn .btn:hover,.boxed_btn.active .btn{}
    .boxed_btn .btn:focus:before,.boxed_btn .btn:hover:before,.boxed_btn.active .btn:focus:before,.boxed_btn.active .btn:hover:before{}
    section{
    padding-bottom: 40px;
}
    .index_banner{
    margin-top: 50px;
}
    .index_banner .index_banner_swiper{}
    .index_banner .swiper-wrapper{}
    .index_banner .swiper-slide{}
    .index_banner .swiper-slide .img{}
    .index_banner .swiper-slide .img a{}
    .index_banner .swiper-slide .img a img{}
    .index_banner .swiper-button-prev{}
    .index_banner .swiper-button-next{}
    .index_section1{}
    .index_section1 .auto-container{}
    .index_section1 .head_block{
    margin-bottom: 60px;
}
    .index_section1 .head_block .head_block_box{}
    .index_section1 .head_block .head_block_box p{}
    .index_section1 .head_block .head_block_box .title{}
    .index_section1 .head_block .head_block_box .remark{}
    .index_section1 .head_block .head_block_box .remark:before,.index_section1 .head_block .head_block_box .remark:after{}
    .index_section1 .head_block .head_block_box .remark:before{}
    .index_section1 .head_block .head_block_box .remark:after{}
    .index_section1 .head_block .head_block_box .remark p{
    font-size: 16px;
}
    .index_section1 .index_section1_box{
    gap: 15px;
}
    .index_section1 .index_section1_box .item{
    flex: 0 0 calc((100% - 2 * 15px) / 3);
}
    .index_section1 .index_section1_box .item:nth-child(1),.index_section1 .index_section1_box .item:nth-child(2){
    flex: 0 0 calc((100% - 1 * 15px) / 2);
}
    .index_section1 .index_section1_box .item a{}
    .index_section1 .index_section1_box .item .img_box{}
    .index_section1 .index_section1_box .item .img_box img{}
    .index_section1 .index_section1_box .item .txt_box{
    margin-top: 5px;
}
    .index_section1 .index_section1_box .item .txt_box .txt{
    font-size: 22px;
}
    .index_section1 .index_section1_box .item .txt_box .txt p{}
    .index_section1 .index_section1_box .item .txt_box span{
    font-size: 14px;
}
    .index_section2{}
    .index_section2 .auto-container{}
    .index_section2 .head_block{}
    .index_section2 .head_block .head_block_box{}
    .index_section2 .head_block .head_block_box p{}
    .index_section2 .head_block .head_block_box .title{}
    .index_section2 .head_block .head_block_box .remark{}
    .index_section2 .index_section2_line{}
    .index_section2 .index_section2_line img{}
    .index_section2 .index_section2_box{}
    .index_section2 .index_section2_box .index_section2_swiper{}
    .index_section2 .index_section2_box .swiper-wrapper{}
    .index_section2 .index_section2_box .swiper-slide{}
    .index_section2 .index_section2_box .swiper-slide .img_box{}
    .index_section2 .index_section2_box .swiper-slide .img_box img{}
    .index_section2 .index_section2_box .swiper-slide .img_box:hover{}
    .index_section2 .index_section2_box .swiper-slide .img_box:hover img{}
    .index_section2 .index_section2_box .swiper-slide p{
    font-size: 16px;
}
    .index_section2 .index_section2_box .swiper-pagination{}
    .index_section2 .index_section2_box .swiper-pagination-bullet{}
    .index_section2 .index_section2_box .swiper-pagination-bullet-active{}
    .index_section2 .index_section2_box .swiper-button-prev{}
    .index_section2 .index_section2_box .swiper-button-next{}
    .index_section3{
    flex-direction: column-reverse;
    padding-bottom: 30px;
}
    .index_section3 .left{
    width: 100%;
    display: block;
    padding: 0 20px;
}
    .index_section3 .left .head_block{}
    .index_section3 .left .head_block:before{}
    .index_section3 .left .head_block .head_block_box{
    max-width: 100%;
    padding: 0;
}
    .index_section3 .left .head_block .head_block_box > p:before{}
    .index_section3 .left .head_block .head_block_box p{}
    .index_section3 .left .head_block .head_block_box .title{}
    .index_section3 .left .head_block .head_block_box .remark{
    -webkit-line-clamp: unset;
}
    .index_section3 .left .head_block .head_block_box .boxed_btn{}
    .index_section3 .left .head_block .head_block_box .boxed_btn img{}
    .index_section3 .right{
    width: 100%;
    position: unset;
}
    .index_section3 .right .img_box{
    border-radius: 0;
}
    .index_section3 .right .img_box img{}
    .index_section3 .right .img_box .icon_box{}
    .index_section3 .right .img_box .icon_box:before{}
    .index_section3 .right .img_box .icon_box img{}
    .index_section4{}
    .index_section4 .auto-container{}
    .index_section4 .head_block{}
    .index_section4 .head_block .head_block_box{}
    .index_section4 .head_block .head_block_box p{}
    .index_section4 .head_block .head_block_box .title{}
    .index_section4 .head_block .head_block_box .remark{}
    .index_section4 .index_section4_box{}
    .index_section4 .index_section4_box .index_section4_swiper{}
    .index_section4 .index_section4_box .swiper-wrapper{}
    .index_section4 .index_section4_box .swiper-slide{}
    .index_section4 .index_section4_box .swiper-slide .item{
    gap: 5px;
}
    .index_section4 .index_section4_box .swiper-slide .item .left,
     .index_section4 .index_section4_box .swiper-slide .item .center,
     .index_section4 .index_section4_box .swiper-slide .item .right{
    width: 32.3%;
}
    .index_section4 .index_section4_box .swiper-slide .item .img{}
    .index_section4 .index_section4_box .swiper-slide .item .img img{}
    .index_section4 .index_section4_box .swiper-slide .item .right .img{}
    .index_section4 .index_section4_box .swiper-slide .item .right .img:nth-child(1){
    margin-bottom: 5px;
}
    .index_section4 .index_section4_box .swiper-slide .item .right .img img{}
    .index_section4 .index_section4_box .swiper-pagination{}
    .index_section4 .index_section4_box .swiper-pagination-bullet{}
    .index_section4 .index_section4_box .swiper-pagination-bullet-active{}
    .index_ads{}
    .index_ads .auto-container{}
    .index_ads .ads_box{
    flex-wrap: wrap;
}
    .index_ads .ads_box .left{
    margin-bottom: 20px;
    font-size: 22px;
}
    .index_ads .ads_box .left:before{
    right: 0;
}
    .index_ads .ads_box .ads_right{
    width: 100%;
}
    .index_ads .ads_box .ads_right p{
    font-size: 16px;
}
    .index_ads .ads_box .ads_right .boxed_btn{}
    .index_ads .ads_box .ads_right .boxed_btn img{}
    .index_section5{}
    .index_section5 .auto-container{}
    .index_section5 .head_block:before{}
    .index_section5 .head_block .head_block_box{}
    .index_section5 .head_block .head_block_box p{}
    .index_section5 .head_block .head_block_box .title{}
    .index_section5 .index_section5_box{}
    .index_section5 .index_section5_box .text_box{
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}
    .index_section5 .index_section5_box .text_box .item{
    width: 48%;
    margin-bottom: 20px;
    background: linear-gradient(270deg, #1B4574 0%, #2460A3 100%);
    border-radius: 8px;
    padding: 15px;
    color: #ffffff;
}
    .index_section5 .index_section5_box .text_box .item:before,.index_section5 .index_section5_box .text_box .item:after{
    display: none;
}
    .index_section5 .index_section5_box .text_box .item:before{

}
    .index_section5 .index_section5_box .text_box .item:after{

}
    .index_section5 .index_section5_box .text_box .item:last-child:before,.index_section5 .index_section5_box .text_box .item:last-child:after{}
    .index_section5 .index_section5_box .text_box .item .img{}
    .index_section5 .index_section5_box .text_box .item .img img{}
    .index_section5 .index_section5_box .text_box .item .txt{}
    .index_section5 .index_section5_box .text_box .item .txt i{
    font-size: 16px;
}
    .index_section5 .index_section5_box .text_box .item .txt p{
    font-size: 17px;
    line-height: 1.2;
}
    .index_section5 .index_section5_box .img_box{
    gap: 20px;
    flex-wrap: wrap;
}
    .index_section5 .index_section5_box .img_box .img{
    width: 100%;
}
    .index_section5 .index_section5_box .img_box .img img{}
    .index_section6{}
    .index_section6 .auto-container{}
    .index_section6 .head_block{}
    .index_section6 .head_block .head_block_box{}
    .index_section6 .head_block .head_block_box p{}
    .index_section6 .head_block .head_block_box .title{}
    .index_section6 .head_block .head_block_box .remark{}
    .index_section6 .index_section6_box{}
    .index_section6 .index_section6_box .index_section6_swiper{
}
    .index_section6 .index_section6_box .swiper-wrapper{}
    .index_section6 .index_section6_box .swiper-slide{}
    .index_section6 .index_section6_box .swiper-slide .item{
    display: flex;
    flex-wrap: wrap;
}
    .index_section6 .index_section6_box .swiper-slide .img_box,.index_section6 .index_section6_box .swiper-slide .text_box{
    width: 100%;
}
    .index_section6 .index_section6_box .swiper-slide .img_box{}
    .index_section6 .index_section6_box .swiper-slide .img_box img{}
    .index_section6 .index_section6_box .swiper-slide .text_box{
    padding: 25px;
}
    .index_section6 .index_section6_box .swiper-slide .text_box:before{
    background-size: contain;
    width: 100%;
    height: 100%;
}
    .index_section6 .index_section6_box .swiper-slide .text_box .txt{
    font-size: 18px;
    -webkit-line-clamp: 2;
    line-height: 1.2;
}
    .index_section6 .index_section6_box .swiper-slide .text_box p{
    font-size: 15px;
    margin-bottom: 5px;
}
    .index_section6 .index_section6_box .swiper-slide .text_box p:last-child{}
    .index_section6 .index_section6_box .swiper-pagination{}
    .index_section6 .index_section6_box .swiper-pagination-bullet{}
    .index_section6 .index_section6_box .swiper-pagination-bullet-active{}
    .index_section6 .index_section6_box .swiper-button-prev{}
    .index_section6 .index_section6_box .swiper-button-next{}
    .index_section7{}
    .index_section7 .auto-container{}
    .index_section7 .head_block{}
    .index_section7 .head_block_box{}
    .index_section7 .head_block_box > p:before{}
    .index_section7 .head_block:before{}
    .index_section7 .head_block .title{}
    .index_section7 .head_block .remark{}
    .index_section7 .index_section7_line{
    width: 100%;
    height: 200px;
    border-radius: 8px;
    background-size: cover;
}
    .index_section7 .index_section7_line img{
    max-width: 70px;
}
    .index_section7 .index_section7_line p{
    font-size: 20px;
}
    .index_section7 .index_section7_line span{
    font-size: 16px;
}
    .index_section7 .index_section7_box{
    max-width: 100%;
}
    .index_section7 .index_section7_box .item_box{
    gap: 260px 20px;
}
    .index_section7 .index_section7_box .item{
    width: 46%;
    height: 140px;
    max-width: max-content;
    border-radius: 8px;
}
    .index_section7 .index_section7_box .item:hover,.index_section7 .index_section7_box .item.active{}
    .index_section7 .index_section7_box .item img{
    max-width: 40px;
}
    .index_section7 .index_section7_box .item p{
    font-size: 15px;
    min-height: 36px;
}
    .index_section7 .index_section7_box .item span{}
    .index_section8{}
    .index_section8 .auto-container{}
    .index_section8 .head_block{}
    .index_section8 .head_block .head_block_box{}
    .index_section8 .head_block .head_block_box p{}
    .index_section8 .head_block .head_block_box .title{}
    .index_section8 .head_block .head_block_box .remark{}
    .index_section8 .index_section8_box{}
    .index_section8 .index_section8_box .item{
    flex-wrap: wrap;
}
    .index_section8 .index_section8_box .item:nth-child(even){}
     .index_section8 .index_section8_box .item .txt_box,
    .index_section8 .index_section8_box .item .img_box{
    width: 100%;
}
     .index_section8 .index_section8_box .item .img_box{}
    .index_section8 .index_section8_box .item .img_box a{}
    .index_section8 .index_section8_box .item .img_box a img{}
    .index_section8 .index_section8_box .item .txt_box{}
    .index_section8 .index_section8_box .item .txt_box a{}
    .index_section8 .index_section8_box .item .txt_box a h2{
    font-size: 20px;
    -webkit-line-clamp: 2;
    line-height: 1.2;
}
    .index_section8 .index_section8_box .item .txt_box .pro_fields{
}
    .index_section8 .index_section8_box .item .txt_box .pro_fields p{
    font-size: 16px;
}
    .index_section8 .index_section8_box .item .txt_box .pro_fields p:before{}
    .index_section8 .index_section8_box .item .cert_box{}
    .index_section8 .index_section8_box .item .cert_box .img{}
    .index_section8 .index_section8_box .item .cert_box .img img{}
    .index_section8 .index_section8_box .item .cert_box .img:hover{}
    .index_section9{}
    .index_section9 .auto-container{}
    .index_section9 .head_block{}
    .index_section9 .head_block .head_block_box{}
    .index_section9 .head_block .head_block_box .title{}
    .index_section9 .head_block .head_block_box .remark{}
    .index_section9 .index_section9_box{}
    .index_section9 .index_section9_box .index_section9_swiper{}
    .index_section9 .index_section9_box .swiper-wrapper{}
    .index_section9 .index_section9_box .swiper-slide{}
    .index_section9 .index_section9_box .swiper-slide .img_box{}
    .index_section9 .index_section9_box .swiper-slide .img_box .img{}
    .index_section9 .index_section9_box .swiper-slide .img_box .img img{}
    .index_section9 .index_section9_box .swiper-slide .img_box .txt{}
    .index_section9 .index_section9_box .swiper-slide .img_box .txt p{
    font-size: 20px;
}
    .index_section9 .index_section9_box .swiper-slide .img_box .txt span{
    font-size: 16px;
}
    .index_section9 .index_section9_box .swiper-slide .text_box{
    padding: 25px;
}
    .index_section9 .index_section9_box .swiper-slide .text_box .txt{
    font-size: 16px;
    min-height: 190px;
}
    .index_section9 .index_section9_box .swiper-slide .text_box .boxed_btn{}
    .index_section9 .index_section9_box .swiper-slide .text_box .boxed_btn img{}
    .index_section9 .index_section9_box .swiper-pagination{}
    .index_section9 .index_section9_box .swiper-pagination-bullet{}
    .index_section9 .index_section9_box .swiper-pagination-bullet-active{}
    .index_section9 .index_section9_box .swiper-button-prev{}
    .index_section9 .index_section9_box .swiper-button-next{}
    .index_section10{}
    .index_section10 .head_block{}
    .index_section10 .head_block .head_block_box{}
    .index_section10 .head_block .head_block_box p{}
    .index_section10 .head_block .head_block_box .title{}
    .index_section10 .head_block .head_block_box .remark{}
    .index_section10 .index_section10_box{}
    .index_section10 .index_section10_box .index_section10_swiper{
    padding-bottom: 45px;
}
    .index_section10 .index_section10_box .swiper-wrapper{}
    .index_section10 .index_section10_box .swiper-slide{}
    .index_section10 .index_section10_box .swiper-slide .item{}
    .index_section10 .index_section10_box .swiper-slide .item a{}
    .index_section10 .index_section10_box .swiper-slide .item .img_box{}
    .index_section10 .index_section10_box .swiper-slide .item .img_box img{}
    .index_section10 .index_section10_box .swiper-slide .item .txt{
    padding: 25px;
}
    .index_section10 .index_section10_box .swiper-slide .item .txt .other{
    font-size: 14px;
}
    .index_section10 .index_section10_box .swiper-slide .item .txt .other span{}
    .index_section10 .index_section10_box .swiper-slide .item .txt .other span:first-child{}
    .index_section10 .index_section10_box .swiper-slide .item .txt .other span img{}
    .index_section10 .index_section10_box .swiper-slide .item .txt h3{
    font-size: 18px;
    min-height: auto;
}
    .index_section10 .index_section10_box .swiper-slide .item .txt .remark{
    font-size: 16px;
    min-height: auto;
}
    .index_section10 .index_section10_box .swiper-slide .item:hover{}
    .index_section10 .index_section10_box .swiper-slide .item:hover .txt{}
    .index_section10 .index_section10_box .swiper-slide .item:hover .txt h3{}
    .index_section10 .index_section10_box .swiper-button-prev,
    .index_section10 .index_section10_box .swiper-button-next{
    display: none;
}
     .page_banner{
    padding-top: 50px;
}
     .page_banner img{
    height: 125px;
    object-fit: cover;
}
    .page_inside{}
    .page_inside .auto-container{
    font-size: 14px;
}
    .page_inside a{}
    .page_inside a:last-child{}
    .page_inside i{}
    .page_inside a img:first-child{}
    .page_content .inside-pagination{
    margin: 45px 0;
}
    .page_content .inside-pagination ul li a{}
    .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{}
    .page_content .inside-pagination ul li{}
    .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{}
    .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{}
    .page_content .inside-pagination ul li>a>img{}
    .page_content .inside-pagination ul li.pre-page>a>img{}
    .page_content .inside-pagination ul li:hover>a>img{}
    .list_products{
    background: #E9F0F5;
    margin-top: 0;
    padding-top: 45px;
    padding-bottom: 45px;
    border-top: 1px solid #ffffff;
}
    .list_products .item_box{
    flex-wrap: wrap;
    gap: 20px 10px;
}
    .list_products .item_box .item{
    flex: 0 0 100%;
}
    .list_products .item_box .item a{
    display: flex;
    border: 0;
    background: #ffffff;
}
    .list_products .item_box .item:hover a{}
    .list_products .item_box .item .img_box{
    width: 45%;
    max-height: 155px;
}
         .list_products .item_box .item .img_box img{}
    .list_products .item_box .item .text_box{
    width: 55%;
    padding: 15px;
}
    .list_products .item_box .item .text_box p{
    font-size: 17px;
    -webkit-line-clamp: 3;
}
    .list_products .item_box .item:hover .text_box p{}
    .list_products .item_box .item .text_box .other{
    margin-bottom: 0;
    font-size: 14px;
}
    .list_products .item_box .item .text_box .other div:first-child{}
    .list_products .item_box .item .text_box .other span{}
    .list_products .item_box .item .text_box .other span img{}
    .list_products .item_box .item .text_box > span{}
    .list_products .item_box .item .text_box .boxed_btn{
    display: none;
}
    .list_products .item_box .item .text_box .boxed_btn .btn{}
    .list_products .item_box .item .text_box .boxed_btn .btn img{}
     .list_products .inside-pagination{
    margin-bottom: 0;
}
    .page_news{}
    .page_news .page_news_box{}
    .page_news .page_news_box .item_head{
    margin-bottom: 25px;
}
    .page_news .page_news_box .item_head .item{}
    .page_news .page_news_box .item_head .item:hover{}
    .page_news .page_news_box .item_head .item a{
    flex-wrap: wrap;
}
    .page_news .page_news_box .item_head .item .img_box{
    width: 100%;
}
    .page_news .page_news_box .item_head .item .img_box img{}
    .page_news .page_news_box .item_head .item .txt{
    width: 100%;
    padding: 20px 0;
}
    .page_news .page_news_box .item_head .item .txt .other{}
    .page_news .page_news_box .item_head .item .txt h3{}
    .page_news .page_news_box .item_head .item .txt .remark{
    margin-bottom: 20px;
}
    .page_news .page_news_box .item_head .item .txt .boxed_btn{}
    .page_news .page_news_box .item_head .item .txt .boxed_btn .btn{}
    .page_news .page_news_box .item_head .item .txt .boxed_btn .btn img{}
    .page_news .item_box{
    flex-wrap: wrap;
    gap: 20px;
}
    .page_news .page_news_box .item,.page_news.page_science .item_box .item{
    flex: 0 100%;
}
    .page_news .page_news_box .item a{}
    .page_news .page_news_box .item .img_box{}
    .page_news .page_news_box .item .img_box img{}
    .page_news .page_news_box .item .txt{}
    .page_news .page_news_box .item .txt .other{
    font-size: 14px;
}
    .page_news .page_news_box .item .txt .other span{}
    .page_news .page_news_box .item .txt .other span:first-child{}
    .page_news .page_news_box .item .txt .other span img{
    max-width: 20px;
}
    .page_news .page_news_box .item .txt h3{
    font-size: 18px;
}
    .page_news .page_news_box .item .txt .remark{
    font-size: 16px;
    min-height: auto;
}
    .page_news .page_news_box .item:hover{}
    .page_news .page_news_box .item:hover .txt{}
    .page_news .page_news_box .item:hover .txt h3{}
    .show_news{}
    .show_news .post-info{
    padding: 15px;
}
    .show_news .post-info .header{}
    .show_news .post-info .header>h1{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
}
    .show_news .post-info .header>p{
    margin: 10px auto;
}
    .show_news .post-info .header>p>span{
    font-size: 15px;
}
    .show_news .post-info .header>p>span>img{
    max-width: 20px;
}
    .show_news .post-info li,.show_news .post-info ul{}
    .show_news .post-info .content{}
    .show_news .post-info .content ul,.show_news .post-info .content ol{}
    .show_news .post-info .content ul li{}
    .show_news .post-info .content ol li{}
    .show_news .post-info .content p{}
    .show_news .post-info .post-pagination{}
    .show_news .post-info .post-pagination p{}
    .show_news .post-info .post-pagination p a{
    font-size: 15px;
}
    .show_news .post-info .post-pagination p a img{
    max-width: 15px;
    margin-top: 5px;
}
    .show_news .post-info .post-pagination p a.prev-page img{}
    .show_news .post-info .post-pagination p a:hover{}
    .show_news .post-info .post-pagination p a:hover img{}
    .show_news .relation{}
    .show_news .relation .header{}
    .show_news .relation .header>h2{}
    .show_news .relation .swiper-relation{}
    .show_news .relation .swiper-relation .swiper-slide{}
    .show_news .relation .swiper-relation .swiper-slide a{}
    .show_news .relation .swiper-relation .swiper-slide .imgbox{}
    .show_news .relation .swiper-relation .swiper-slide .textbox{}
    .show_news .relation .swiper-relation .swiper-slide .textbox a h3{}
    .show_news .relation .swiper-relation .swiper-slide:hover .textbox a h3{}
    .show_news .relation .swiper-relation .swiper-slide .textbox .other{}
    .show_news .relation .swiper-relation .swiper-slide .textbox .other span:first-child{}
    .show_news .relation .swiper-relation .swiper-slide .textbox .other span img{}
    .page_vr_box{}
    .page_vr_box iframe{}
    .page_faq{}
    .page_faq .page_faq_box_head{
    flex-wrap: wrap;
    margin-bottom: 45px;
}
    .page_faq .page_faq_box_head h1{
    width: 100%;
    font-size: 24px;
    margin-bottom: 20px;
}
    .page_faq .page_faq_box_head .sidebar_search_box{
    width: 100%;
}
    .page_faq .page_faq_box_head .sidebar_search_box .form_control.keywords{
    font-size: 15px;
}
    .page_faq .page_faq_box_head .sidebar_search_box .form_control.keywords::placeholder{}
    .page_faq .page_faq_box_head .sidebar_search_box .search_btn{
    height: 45px;
    line-height: 45px;
}
    .page_faq .page_faq_box_head .sidebar_search_box .search_btn img{}
    .page_faq .page_faq_box_head .sidebar_search_box .search_btn:hover img{}
    .page_faq .page_faq_list{
    border: 0;
    flex-wrap: wrap;
    gap: 10px;
}
    .page_faq .page_faq_list p{
    border: 1px solid #d9d9d9;
    font-size: 15px;
    width: 100%;
    padding: 15px;
    line-height: 1.2;
    border-radius: 6px;
    margin: 0;
}
    .page_faq .page_faq_list p:last-child{}
    .page_faq .page_faq_list p:hover,.page_faq .page_faq_list p.active{}
    .page_faq .page_faq_box .item_box{}
    .page_faq .page_faq_box .item_box.active{}
    .page_faq .page_faq_box .item_box .item{
    padding: 15px 10px;
    margin-bottom: 15px;
}
    .page_faq .page_faq_box .item_box .item:last-child{}
    .page_faq .page_faq_box .item_box .item.active,.page_faq .page_faq_box .item_box .item:hover{}
    .page_faq .page_faq_box .item_box .item .item_head{}
    .page_faq .page_faq_box .item_box .item .item_head i,.page_faq .page_faq_box .item .remark i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    border-radius: 100vh;
}
    .page_faq .page_faq_box .item .remark i{}
    .page_faq .page_faq_box .item_box .item .item_head .title{
    width: 80%;
    font-size: 17px;
    font-family: 'RobotoBold';
    line-height: 1.2;
}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon{}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon:after,.page_faq .page_faq_box .item .item_head .faq_icon:before{}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon:after{}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon:before{}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon.open:after,.page_faq .page_faq_box .item .item_head .faq_icon.open:before{}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon.open:after{}
    .page_faq .page_faq_box .item_box .item .item_head .faq_icon.open:before{}
    .page_faq .page_faq_box .item_box .item .remark{
    font-size: 16px;
    line-height: normal;
}
    .page_faq .page_faq_box .item_box .item .remark p{}
    .page_contact{}
    .page_contact .page_contact_head{}
    .page_contact .page_contact_head h1{
    font-size: 26px;
    font-family: 'RobotoBold';
}
    .page_contact .page_contact_head_box{}
    .page_contact .page_contact_head_box .left{
    flex-wrap: wrap;
    gap: 20px;
}
    .page_contact .page_contact_head_box .right{
    flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
}
    .page_contact .page_contact_head_box .right p{
    font-size: 18px;
    max-width: 100%;
}
    .page_contact .page_contact_head_box .item{
    width: 100%;
    padding: 20px;
}
    .page_contact .page_contact_head_box .item .img_box{}
    .page_contact .page_contact_head_box .item .img_box img{}
    .page_contact .page_contact_head_box .item .txt_box{
    width: 85%;
}
    .page_contact .page_contact_head_box .item .txt_box p{
    font-size: 18px;
}
    .page_contact .page_contact_head_box .item .txt_box > a,.page_contact .page_contact_head_box .item .txt_box span{
    font-size: 16px;
}
    .page_contact .page_contact_head_box .item .txt_box > a{}
    .page_contact .page_contact_head_box .item .txt_box > a:hover{}
    .page_contact .page_contact_head_box .item .txt_box span{}
    .page_contact .page_contact_head_box .item .txt_box .share_box{}
    .page_contact .page_contact_head_box .item .txt_box .share_box a{}
    .page_contact .page_contact_head_box .item .txt_box .share_box a img{}
    .page_contact_quotation{
    margin: 45px auto;
}
    .page_contact_quotation > h2{
    font-size: 26px;
}
    .page_contact_quotation > p{
    font-size: 16px;
}
    .page_contact_quotation form > p{}
    .page_contact_quotation form{
    margin-top: 45px;
}
    .page_contact_quotation .input{}
    .page_contact_quotation .input:nth-last-of-type(3) > div{}
.page_contact_quotation .input>div, .page_contact_quotation .item_checkbox>div{
    flex: 0 0 100%;
}
    .page_contact_quotation .input > div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p,.page_contact_quotation .item_checkbox > div h3{
    font-size: 16px;
}
    .page_contact_quotation .input > div p span{}
    .page_contact_quotation .input > div input,.page_contact_quotation .textarea_box textarea{
    font-size: 15px;
}
    .page_contact_quotation .textarea_box{}
    .page_contact_quotation .textarea_box textarea{}
    .page_contact_quotation .submit{}
    .page_contact_quotation .submit .boxed_btn{}
    .page_contact_quotation .item_checkbox{}
    .page_contact_quotation .item_checkbox > div{}
    .page_contact_quotation .item_checkbox > div h3{}
    .page_contact_quotation .item_checkbox > div label{
    font-size: 15px;
}
    .page_contact_quotation .item_checkbox > div label:last-child{}
    .page_contact_quotation .item_checkbox > div label input[type=checkbox]{}
    .page_contact_quotation .item_checkbox > div label input[type=checkbox]::after{}
    .page_contact_quotation .item_checkbox > div label input[type=checkbox]:checked::after{}
    
     .page_contact .page_contact_map .map_icon{
        left:40%
    }
     .page_contact .page_contact_map{
        margin-bottom:0
    }
     .page_contact .page_contact_map .map_icon div{
        font-size:15px
    }
     .page_contact .page_contact_map .map_icon div p{
        width:345px;
        margin-left:-135px;
        font-size:15px;
        font-weight: normal;
    }
    .page_video{
}
    .page_video .item_box{
    flex-wrap: wrap;
    gap: 20px;
}
    .page_video .item_box .item{
    flex: 0 0 100%;
}
    .page_video .item_box .item:hover{}
    .page_video .item_box .item .img_box{}
    .page_video .item_box .item .img_box::after{}
    .page_video .item_box .item .img_box .video_play{}
    .page_video .item_box .item .text_box{}
    .page_video .item_box .item .text_box h4{
    font-size: 18px;
    min-height: auto;
}
    .page_video .item_box .item:hover .text_box h4{}
    .page_video .item_box .item .text_box .other{
    font-size: 14px;
}
    .page_video .item_box .item .text_box .other .article:first-child{}
    .page_video .item_box .item .text_box .other img{
    max-width: 20px;
}
    .page_video .item_box .item .text_box .avatar{}
    .page_video .item_box .item .text_box .avatar .img{}
    .page_video .item_box .item .text_box .avatar .img img{
    width: 30px;
    height: 30px;
}
    .page_video .item_box .item .text_box .avatar .txt{
    font-size: 15px;
}
     .page_video .inside-pagination{
     margin-bottom: 0;
     }
     .page_about_inside .auto-container{
         flex-wrap: wrap;
         /* max-width: 100%; */
     }
     .page_inside.page_about_inside{
    padding-bottom: 20px;
}
     .page_about_inside .page_inside_box{
         /* margin-right: 0; */
         /* margin-bottom: 20px; */
         /* width: 95%; */
         /* margin: auto; */
         margin: 15px 2.5%;
     }
     .page_about_inside .child_box{
         width: 100%;
         text-align: center;
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
     }
     .page_about_inside .child_box a{
    border: .01rem solid rgb(17 62 119 / 30%);
    flex: 0 0 calc((100% - 1 * 10px) / 2);
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 5px;
}
     .page_about_inside .child_box a:before{
    display: none;
}
    .page_content.page_about{}
    .page_content.page_about .head_block:before{
        opacity: 1;
    }
    .page_about .page_about_section1{}
    .page_about .page_about_section1 .head_block{}
    .page_about .page_about_section1 .head_block .head_block_box{}
    .page_about .page_about_section1 .head_block .head_block_box p{}
    .page_about .page_about_section1 .head_block .head_block_box .title{}
    .page_about .page_about_section1 .head_block .head_block_box .remark{}
    .page_about .page_about_section1 .page_about_num{
    flex-wrap: wrap;
    margin-bottom: 35px;
    gap: 13px;
}
    .page_about .page_about_section1 .page_about_num .item{
    width: 48%;
}
    .page_about .page_about_section1 .page_about_num .item .thumb{}
    .page_about .page_about_section1 .page_about_num .item .thumb img{
    max-width: 30px;
}
    .page_about .page_about_section1 .page_about_num .item .txt_box{}
    .page_about .page_about_section1 .page_about_num .item .txt_box > div{
    font-size: 26px;
}
    .page_about .page_about_section1 .page_about_num .item .txt_box .counter{}
    .page_about .page_about_section1 .page_about_num .item .txt_box span{
    font-size: 14px;
    line-height: normal;
}
    .page_about .page_about_section2{}
    .page_about .page_about_section2 .page_about_section2_box{
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
    .page_about .page_about_section2_box .left,.page_about .page_about_section2_box .right{
    width: 100%;
}
    .page_about .page_about_section2_box .left{
}
    .page_about .page_about_section2_box .left h1{
    font-size: 24px;
}
    .page_about .page_about_section2_box .left h1:before{}
    .page_about .page_about_section2_box .left .remark{
    font-size: 16px;
    line-height: 1.3;
}
    .page_about .page_about_section2_box .right{
    margin-bottom: 20px;
}
    .page_about .page_about_section2_box .right .img_box{}
    .page_about .page_about_section2_box .right .img_box img.scale{}
    .page_about .page_about_section2_box .right .img_box .icon_box{}
    .page_about .page_about_section2_box .right .img_box .icon_box:before{}
    .page_about .page_about_section2_box .right .img_box .icon_box img{}
    .page_about .page_about_section2_box .right .img_box .icon_box img{}
    .page_about .page_about_section3{
    margin-bottom: 40px;
}
    .page_about .page_about_section3 .page_about_section3_head{}
    .page_about .page_about_section3 .page_about_section3_head p{
    font-size: 17px;
    padding: 10px;
}
    .page_about .page_about_section3 .page_about_section3_head p:before{}
    .page_about .page_about_section3 .page_about_section3_head p.active,.page_about .page_about_section3 .page_about_section3_head p:hover{}
    .page_about .page_about_section3 .page_about_section3_head p.active:before,.page_about .page_about_section3 .page_about_section3_head p:hover:before{}
    .page_about .page_about_section3 .page_about_section3_box{}
    .page_about .page_about_section3 .page_about_section3_box > div{}
    .page_about .page_about_section3_box .swiper-container{
    padding-bottom: 45px;
}
    .page_about .page_about_section3_box .swiper-wrapper{}
    .page_about .page_about_section3_box .swiper-slide{}
    .page_about .page_about_section3_box .swiper-slide .item{
    flex-wrap: wrap;
}
    .page_about .page_about_section3_box .swiper-slide .item .left,.page_about .page_about_section3_box .swiper-slide .item .right{
    width: 100%;
}
    .page_about .page_about_section3_box .swiper-slide .item .left{}
    .page_about .page_about_section3_box .swiper-slide .item .img{}
    .page_about .page_about_section3_box .swiper-slide .item .left .img img.scale{}
    .page_about .page_about_section3_box .swiper-slide .item .right{}
    .page_about .page_about_section3_box .swiper-slide .item .right .img{
    width: 48.8%;
}
    .page_about .page_about_section3_box .swiper-slide .item .img img{}
    .page_about .page_about_section3_box .swiper-pagination{}
    .page_about .page_about_section3_box .swiper-button-prev,
     .page_about .page_about_section3_box .swiper-button-next{display: none;}
    .page_about .page_about_section4{}
    .page_about .page_about_section4{
    padding-bottom: 45px;
}
    .page_about .page_about_section4 .head_block{}
    .page_about .page_about_section4 .head_block .head_block_box{}
    .page_about .page_about_section4 .head_block .head_block_box p{}
    .page_about .page_about_section4 .head_block .head_block_box .title{}
    .page_about .page_about_section4 .head_block .head_block_box .remark{}
    .page_about .page_about_section4_box{
    flex-wrap: wrap;
    gap: 15px;
}
    .page_about .page_about_section4_box .item{
    width: 100%;
    padding: 20px;
}
    .page_about .page_about_section4_box .item .img_box{
    margin-bottom: 15px;
}
    .page_about .page_about_section4_box .item .img_box img{
    max-width: 50px;
}
    .page_about .page_about_section4_box .item .txt{}
    .page_about .page_about_section4_box .item .txt p{
    font-size: 16px;
    line-height: 1.2;
}
    .page_about .page_about_section4_box .item .txt span{
    font-size: 15px;
}
    .page_about .page_about_section4_box .item:hover{}
    .page_about .page_about_section4_box .item:hover .txt span,.page_about .page_about_section4_box .item:hover .txt p{}
    .page_about .page_about_section4_box .item:hover .img_box img{}
    .page_about .page_about_section5{}
    .page_about .page_about_section5 .head_block:before{
    opacity: .3;
}
    .page_about .page_about_section5 .head_block .head_block_box{}
    .page_about .page_about_section5 .head_block .head_block_box p:before{}
    .page_about .page_about_section5 .head_block .head_block_box .title{}
    .page_about .page_about_section5 .head_block .head_block_box .remark{}
    .page_about .page_about_section5 .page_about_section5_box{
    flex-wrap: wrap;
    max-width: 95%;
    margin: auto;
}
    .page_about .page_about_section5 .history_swiper{
    width: 100%;
}
    .page_about .page_about_section5 .history_swiper .swiper-wrapper{
    padding-bottom: 60px;
}
    .page_about .page_about_section5 .swiper-slide{}
    .page_about .page_about_section5 .swiper-slide .item{
    flex-wrap: wrap;
}
    .page_about .page_about_section5 .swiper-slide .item .img_box{
    width: 100%;
    margin-bottom: 10px;
}
    .page_about .page_about_section5 .swiper-slide .item .img_box img.scale{}
    .page_about .page_about_section5 .swiper-slide .item .text_box{
    width: 100%;
}
    .page_about .page_about_section5 .swiper-slide .item .text_box .title{
    font-size: 36px;
}
    .page_about .page_about_section5 .swiper-slide .item .text_box .remark{
    font-size: 16px;
    height: max-content;
}
    .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar{}
    .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar-track{}
    .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar-thumb{}
    .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar-button{}
    .page_about .page_about_section5 .swiper-slide .item .text_box .remark p{}
    .page_about .page_about_section5 .swiper-pagination{
    display: none;
}
    .page_about .page_about_section5 .swiper-pagination-bullet{}
    .page_about .page_about_section5 .swiper-pagination-bullet:before,.page_about .page_about_section5 .swiper-pagination-bullet:after{}
    .page_about .page_about_section5 .swiper-pagination-bullet:before{}
    .page_about .page_about_section5 .swiper-pagination-bullet:after{}
    .page_about .page_about_section5 .swiper-pagination-bullet div{}
    .page_about .page_about_section5 .swiper-pagination-bullet-active:after,.page_about .page_about_section5 .swiper-pagination-bullet-active:before{}
    .page_about .page_about_section5 .swiper-pagination-bullet-active:before{}
    .page_about .page_about_section5 .swiper-pagination-bullet-active:after{}
    .page_about .page_about_section5 .swiper-pagination-bullet-active div{}
    .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev,.page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next{
    bottom: 0;
}
    .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev{}
    .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next{
    left: 55px;
}
    .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev:hover,.page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next:hover{}
    .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev:hover:before,.page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next:hover:before{}
    .page_about .page_about_section6{}
    .page_about .page_about_section6{}
    .page_about .page_about_section6 .head_block{}
    .page_about .page_about_section6 .head_block .head_block_box{}
    .page_about .page_about_section6 .head_block .head_block_box p{}
    .page_about .page_about_section6 .head_block .head_block_box .title{}
    .page_about .page_about_section6 .head_block .head_block_box .remark{}
    .page_about .page_about_section6_box{}
    .page_about .page_about_section6_head{
    display: flex;
    align-items: center;
}
    .page_about .page_about_section6_head p{}
    .page_about .page_about_section6_head p{
    font-size: 15px;
    padding: 0;
    line-height: 1.2;
    padding-bottom: 15px;
    min-height: 51px;
}
         .page_about .page_about_section6_head p:nth-child(2){
         width: 45%;
         }
    .page_about .page_about_section6_head p:before{}
    .page_about .page_about_section6_head p.active,.page_about .page_about_section6_head p:hover{
}
    .page_about .page_about_section6_head p.active:before,.page_about .page_about_section6_head p:hover:before{}
    .page_about .page_about_section6_swiper_box{}
    .page_about .about_section6_swiper{}
    .page_about .about_section6_swiper .swiper-container{}
    .page_about .about_section6_swiper .swiper-wrapper{}
    .page_about .about_section6_swiper .swiper-wrapper .swiper-slide{}
    .page_about .about_section6_swiper .swiper-wrapper .swiper-slide .img_box{}
    .page_about .about_section6_swiper .swiper-wrapper .swiper-slide .img_box:hover{}
    .page_about .about_section6_swiper .swiper-wrapper .swiper-slide p{
    font-size: 16px;
    margin: 10px 0;
}
    .page_about .about_section6_swiper .swiper-pagination{}
    .page_about .about_section6_swiper .swiper-button-prev,
    .page_about .about_section6_swiper .swiper-button-next{
    display: none;
}
    .page_about .page_about_section7{
    margin-bottom: 45px;
}
    .page_about .page_about_section7 .head_block{}
    .page_about .page_about_section7 .head_block .head_block_box{}
    .page_about .page_about_section7 .head_block .head_block_box p{}
    .page_about .page_about_section7 .head_block .head_block_box .title{}
    .page_about .page_about_section7 .head_block .head_block_box .remark{}
    .page_about .page_about_section7_box{}
    .page_about .page_about_section7_box .swiper-container{}
    .page_about .page_about_section7_box .swiper-wrapper{}
    .page_about .page_about_section7_box .swiper-slide{
    flex-wrap: wrap;
}
    .page_about .page_about_section7_box .swiper-slide .img_box{
    width: 100%;
}
    .page_about .page_about_section7_box .swiper-slide .img_box .img{}
    .page_about .page_about_section7_box .swiper-slide .img_box .img img.scale{
    min-height: 285px;
}
    .page_about .page_about_section7_box .swiper-slide .text_box{
    width: 100%;
    padding: 20px;
}
    .page_about .page_about_section7_box .swiper-slide .text_box:before{}
    .page_about .page_about_section7_box .swiper-slide .text_box .txt.line-4{
    font-size: 16px;
    min-height: max-content;
    -webkit-line-clamp: unset;
}
    .page_about .page_about_section7_box .swiper-slide .text_box .txt{}
    .page_about .page_about_section7_box .swiper-slide .text_box .txt p{
    font-size: 20px;
    margin-bottom: 10px;
}
    .page_about .page_about_section7_box .swiper-slide .text_box .txt span{
    font-size: 16px;
}
    .page_about .page_about_section7_box .swiper-pagination{}
    .page_about .page_about_section7_box .swiper-button-prev{}
    .page_about .page_about_section7_box .swiper-button-next{}
    .show_products{}
    .show_products .show_products_head{
    flex-wrap: wrap;
    padding-bottom: 0;
}
    .show_products .show_products_head .auto-container{}
    .show_products .show_products_head .img_box{
    width: 100%;
    margin-bottom: 20px;
}
    .show_products .show_products_head .text_box{
    width: 100%;
}
    .show_products .show_products_head .img_box .view_box{}
    .show_products .show_products_head .img_box .view_box .swiper-container{}
    .show_products .show_products_head .img_box .view_box .swiper-slide{}
    .show_products .show_products_head .img_box .view_box .swiper-slide img{}
    .show_products .show_products_head .img_box .view_box .swiper-button-next,.show_products .show_products_head .img_box .view_box .swiper-button-prev{}
    .show_products .show_products_head .img_box .view_box .swiper-button-next:before,.show_products .show_products_head .img_box .view_box .swiper-button-prev:before{}
    .show_products .show_products_head .img_box .view_box .swiper-button-prev{}
    .show_products .show_products_head .img_box .view_box .swiper-button-next{}
    .show_products .show_products_head .img_box .view_box .swiper-button-next:hover,.show_products .show_products_head .img_box .view_box .swiper-button-prev:hover{}
    .show_products .show_products_head .img_box .thumb_box{}
    .show_products .show_products_head .img_box .thumb_box .swiper-container{}
    .show_products .show_products_head .img_box .thumb_box .swiper-slide{}
    .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover:before{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next{}
    .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{}
    .show_products .show_products_head .text_box h1{
    font-size: 20px;
}
    .show_products .show_products_head .text_box .remark{}
    .show_products .show_products_head .text_box .other{}
    .show_products .show_products_head .text_box .other span{}
    .show_products .show_products_head .text_box .other span img{}
    .show_products .show_products_head .text_box .other .enshrine{
    font-size: 14px;
}
    .show_products .show_products_head .text_box .other .enshrine img{}
    .show_products .show_products_head .text_box .other .enshrine span{}
    .show_products .show_products_head .text_box .attribute_box{}
    .show_products .show_products_head .text_box .attribute{}
    .show_products .show_products_head .text_box .attribute div{
    font-size: 16px;
}
    .show_products .show_products_head .text_box .attribute div p:first-child,.page_product_show .product_show_head .text_box .color_thumbs>p{
    width: 30%;
}
    .show_products .show_products_head .text_box .attribute div p:last-child{
    max-width: 70%;
    font-size: 15px;
}
    .show_products .show_products_head .text_box .cert_box{}
    .show_products .show_products_head .text_box .cert_box{}
    .show_products .show_products_head .text_box .cert_box .img{}
    .show_products .show_products_head .text_box .cert_box .img img{
    max-height: 35px;
}
    .show_products .show_products_head .text_box .cert_box .img:hover{}
    .show_products .show_products_head .text_box .btn_box{}
    .show_products .show_products_head .text_box .btn_box .btn_effect4{}
    .show_products .show_products_head .text_box .btn_box .btn_effect4:first-child{}
    .show_products .show_products_head .text_box .btn_box .quote-button{}
    .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
}
    .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
    font-size: 14px;
}
    .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list.hover{}
    .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{}
    .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{}
    .show_products .page_recommend_pro{}
    .show_products .page_recommend_pro .page_recommend_pro_box{}
    .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{}
    .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next:before,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev::before{}
    .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{}
    .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{}
    .show_products .page_recommend_pro .swiper-container{}
    .show_products .page_recommend_pro .swiper-pagination{}
    .show_products .page_recommend_pro .swiper-pagination-bullet{}
    .show_products .page_recommend_pro .swiper-pagination-bullet-active{}
    .show_products .page_recommend_pro .item{}
    .show_products .page_recommend_pro .item .img_box{}
    .show_products .page_recommend_pro .item .img_box img{}
    .show_products .page_recommend_pro .item .text_box{}
    .show_products .page_recommend_pro .item .text_box i{}
    .show_products .page_recommend_pro .item .text_box p{}
    .show_products .page_recommend_pro .item .text_box span{}
    .show_products .page_content_block{
    margin-bottom: 25px;
}
    .show_products .page_content_block p{}
    .show_products .page_content_block span{}
    .show_products .show_pro_faq{
    margin-top: 35px;
}
    .show_products .show_pro_faq .item{
    padding: 15px 0;
}
    .show_products .show_pro_faq .item:last-child{}
    .show_products .show_pro_faq .item.active,.show_products .show_pro_faq .item:hover{}
    .show_products .show_pro_faq .item .item_head{}
    .show_products .show_pro_faq .item .item_head i,.show_products .show_pro_faq .item .remark i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 100vh;
}
    .show_products .show_pro_faq .item .remark i{}
    .show_products .show_pro_faq .item .item_head .title{
    width: 80%;
    font-size: 17px;
    line-height: 1.2;
    font-family: 'RobotoBold';
}
    .show_products .show_pro_faq .item .item_head .faq_icon{
    width: 20px;
    height: 20px;
}
    .show_products .show_pro_faq .item .item_head .faq_icon:after,.show_products .show_pro_faq .item .item_head .faq_icon:before{
    border-width: 2px;
    width: 10px;
    height: 10px;
}
    .show_products .show_pro_faq .item .item_head .faq_icon:after{}
    .show_products .show_pro_faq .item .item_head .faq_icon:before{
}
    .show_products .show_pro_faq .item .item_head .faq_icon.open:after,.show_products .show_pro_faq .item .item_head .faq_icon.open:before{}
    .show_products .show_pro_faq .item .item_head .faq_icon.open:after{}
    .show_products .show_pro_faq .item .item_head .faq_icon.open:before{}
    .show_products .show_pro_faq .item .remark{
    font-size: 16px;
    line-height: 1.2;
}
    .show_products .show_pro_faq .item .remark p{}
    .show_products .show_products_box{}
    .show_products .page_about_video_box{}
    .show_products .page_about_video_box .img_box{}
    .show_products .page_about_video_box .img_box img:first-child{}
    .show_products .page_about_video_box .img_box img:last-child{}
    .show_products .page_about_video_box .iframe_box{}
    .common_from{
    flex-wrap: wrap;
}
    .common_from .img_box{
    width: 100%;
}
    .common_from form{
    width: 100%;
    padding: 20px;
}
    .common_from form .input div input::placeholder,.common_from form .textarea_box textarea::placeholder{}
    .common_from form .input{
    flex-wrap: wrap;
}
    .common_from form .input div{
    width: 100%;
}
    .common_from form .input div input{
    font-size: 15px;
    line-height: 40px;
}
    .common_from form .textarea_box{}
    .common_from form .textarea_box textarea.content{
    height: 60px;
    font-size: 15px;
}
    .common_from form .submit .btn_effect4{}
    .common_from form .submit button .btn_small_wrap .btn_small_list{}
    .common_from form .submit button .btn_small_wrap .btn_small_list.hover{}
    .page-content .quotatio{}
    .page-content .quotatio>h1{
    font-size: 26px;
    font-family: 'RobotoBold';
}
    .page-content .quotatio>p{
    font-size: 16px;
}
    .page-content .quotatio .row{}
    .page-content .quotatio .quotation-box>div{}
    .page-content .quotatio .quotation-box .qpl{
    margin-bottom: 35px;
}
    .page-content .quotatio .quotation-box div .product-header{}
    .page-content .quotatio .quotation-box div .action{
    font-size: 14px;
}
    .page-content .quotatio .quotation-box div .action input{}
    .page-content .quotatio .quotation-box div .product-item{
    font-size: 14px;
}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item{
    padding: 15px 0;
}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox{}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img{
    width: 70px;
    height: 70px;
}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
    padding-left: 5px;
}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .action img{}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{
    font-size: 16px;
}
    .page-content .quotatio .row #quotatio-product-list .quotatio-item .text p{}
    .page-content .quotatio .quotation-box>div .message-box{
    padding: 0;
}
    .page-content .quotatio .quotation-box>div .message-box .header{
    font-size: 26px;
}
    .page-content .quotatio .quotation-box>div .message-box .checktext{
    font-size: 17px;
    flex-wrap: wrap;
    gap: 10px;
}
    .page-content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear{}
    .page-content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox]{}
    .page-content .quotatio .quotation-box>div .message-box .checktext .text{
    margin: 0;
}
    .page-content .quotatio .quotation-box>div .message-box .checktext .text span{}
    .page-content .quotatio .quotation-box>div .message-box .from textarea{}
    .page-content .quotatio .quotation-box>div .message-box .from .submit{}
    .page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]{}
    .page-content .message-box{}
    .page-content .message-box{}
    .page-content .message-box .input{
    flex-wrap: wrap;
    gap: 10px;
}
    .page-content .message-box .input>div{
    width: 100%;
}
    .page-content .message-box .input input{}
    .page-content .message-box textarea{}
    .page-content .message-box .input input,.page-content .message-box textarea{
    font-size: 15px;
}
    .page-content .message-box .submit input{
    font-size: 18px;
}
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
}