@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto
    }
     .auto-container{
        max-width:1440px
    }
     .head{
        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:1440px){
    :root{
        --font-size-f-14:.12rem;
        --font-size-f-16:.14rem;
        --font-size-f-18:.16rem;
        --font-size-f-20:.18rem;
        --font-size-f-22:.20rem;
        --font-size-f-24:.22rem;
        --font-size-f-26:.24rem;
        --font-size-f-28:.26rem;
        --font-size-f-30:.28rem;
        --font-size-f-32:.30rem;
        --font-size-f-34:.32rem;
        --font-size-f-36:.34rem;
        --font-size-f-38:.36rem;
        --font-size-f-40:.38rem;
        --font-size-f-42:.40rem;
        --font-size-f-44:.42rem;
        --font-size-f-46:.44rem;
        --font-size-f-48:.46rem;
        --font-size-f-50:.48rem
    }
     html{
        font-size:calc(100vw/14)
    }
     .auto-container{
        max-width:95%
    }
     .head{
        padding:0 .2rem
    }
     .head .nav_logo .logo_icon img{
        max-width:1rem
    }
     .head .nav_item .item{
        margin-right:.35rem
    }
     .head .nav_item .item .dropdown_menu:before{
        top:0
    }
     .head .nav_item .item .submen_list .submen_head a{
        line-height:.35rem;
        padding:0 .1rem
    }
     .head .nav_item .item .submen_list .submen_head img{
        max-height:.3rem;
        width:auto
    }
     .head .nav_item .product_menu .submen_list li{
        margin-bottom:.15rem
    }
     .head .navbar_right .navbar_group>a{
        font-size:var(--font-size-f-14);
        margin-left:.15rem
    }
     .additional_features{
        top:35%
    }
     .swiper-button-next,.swiper-button-prev{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .head .nav_logo{
        width:28%
    }
     .head .nav_logo .slogan{
        max-width:100%
    }
     .footer .foot_bottom,.footer .footer_bottom .item_box .item .foot_cate_item_list a,.footer .footer_bottom .item_box .item.foot_cantact .foot_cate_item_list a,.footer .footer_bottom .item_box .item.foot_cantact .foot_cate_item_list p,.head .nav_logo .slogan{
        font-size:var(--font-size-f-18)
    }
     .footer .footer_bottom .foot_cantact{
        width:30%
    }
}
 @media(max-width:1080px){
    :root{
        --font-size-f-14:.18rem;
        --font-size-f-16:.20rem;
        --font-size-f-18:.22rem;
        --font-size-f-20:.24rem;
        --font-size-f-22:.26rem;
        --font-size-f-24:.27rem;
        --font-size-f-26:.30rem;
        --font-size-f-28:.32rem;
        --font-size-f-30:.34rem;
        --font-size-f-32:.36rem;
        --font-size-f-34:.38rem;
        --font-size-f-36:.40rem;
        --font-size-f-38:.42rem;
        --font-size-f-40:.44rem;
        --font-size-f-42:.46rem;
        --font-size-f-44:.48rem;
        --font-size-f-46:.50rem;
        --font-size-f-48:.52rem;
        --font-size-f-50:.54rem
    }
     html{
        font-size:calc(100vw/10.8)
    }
     .auto-container{
        max-width:95%
    }
     .additional_features{
        right:0
    }
     .swiper-pagination-bullet{
        border-color:#e12a29
    }
     .swiper-pagination-bullet-active{
        background:#e12a29
    }
     .head{
        padding:0
    }
     .head .nav_logo{
        padding-left:.2rem;
        width:40%
    }
     .head .open .nav_logo{
        opacity:0;
        overflow:visible
    }
     .head .nav_logo .logo_icon img{
        max-width:100px
    }
     .head .nav_logo .slogan{
        line-height:1.2
    }
     .head .navbar_box{
        display:none;
        width:100%;
        position:absolute;
        top:.85rem;
        background:#fff;
        border-top:1px solid #e12A2929
    }
     .head .nav_item{
        display:block;
        line-height:.65rem
    }
     .head .nav_item .item{
        margin-right:0;
        position:relative;
        padding:0 .15rem
    }
     .head .nav_item .item .dropdown_link a{
        color:#222
    }
     .head .nav_item .item .dropdown_menu{
        display:none
    }
     .head .nav_item .item .dropdown_link .iconfont{
        position:absolute;
        top:1px;
        right:.1rem;
        margin:auto;
        font-size:20px;
        width:35px;
        height:35px;
        transition:.3s
    }
     .head .nav_item .item .dropdown_link .iconfont.open{
        transform:rotate(90deg)
    }
     .head .nav_item .item .dropdown_link .iconfont::before{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width:11px;
        height:11px;
        border-right:2px solid #555;
        border-bottom:2px solid #555;
        transform:rotate(45deg);
        transition:all .3s linear
    }
     .head .nav_item .item:hover .dropdown_menu{
        position:unset
    }
     .head .navbar_right{
        width:auto;
        padding-right:.2rem
    }
     .head .navbar_right .navbar_group .gtranslate_wrapper{
        margin-top:0
    }
     .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a{
        width:25px;
        height:25px
    }
     .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected>a>img{
        width:25px;
        height:27px
    }
     .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a:after{
        right:0;
        filter:brightness(0)
    }
     .head .navbar_right .navbar_group>a{
        color:#e12a29;
        border-color:#e12a29
    }
     .head .navbar_right .navbar_group .icosearch{
        background:#e12a29
    }
     .head .open .navbar_right .search_con2{
        top:8%;
        right:0
    }
     .head .navbar_right .c_switch{
        display:block;
        width:.32rem;
        margin-left:.15rem;
        margin-top:.1rem
    }
     .head .navbar_right .c_switch i{
        background:#e12a29
    }
     .head .navbar_right .c_switch.open i:nth-child(1){
        top:.12rem;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head .navbar_right .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head .navbar_right .c_switch.open i:nth-child(3){
        bottom:.06rem;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head .navbar_right .c_switch i{
        position:relative;
        display:block;
        height:.03rem;
        -webkit-transition:all .3s;
        transition:all .3s
    }
     .head .navbar_right .c_switch i:nth-child(1){
        top:0
    }
     .head .navbar_right .c_switch i:nth-child(3){
        bottom:0
    }
     .head .navbar_right .c_switch i:nth-child(2){
        margin:.06rem 0
    }
     .footer .footer_head{
        flex-direction:column-reverse
    }
     .footer .footer_head .head_block{
        width:100%
    }
     .footer .footer_head .foot_cantact_head{
        width:100%;
        margin-bottom:30px
    }
     .footer .footer_bottom .item_box .item{
        display:none
    }
     .footer .footer_bottom .item_box .item:last-child{
        display:block;
        width:30%
    }
     .footer .footer_bottom .item_box .item.foot_cantact{
        display:block;
        width:60%
    }
     .footer .foot_bottom .auto-container{
        flex-wrap:wrap
    }
     .footer .foot_bottom .foot_bottom_head{
        width:100%;
        flex-direction:column
    }
     .footer .foot_bottom .foot_bottom_head img{
        margin-right:0;
        margin-bottom:10px
    }
     .footer .foot_bottom .foot_bottom_head p{
        margin-bottom:5px
    }
     .footer .foot_bottom .foot_bottom_bottom{
        text-align:center;
        width:100%
    }
}
 @media(max-width:767px){
    html{
        font-size:calc(100vw/5)
    }
     .head .nav_logo .slogan{
        display:none
    }
     .additional_features{
        display:none
    }
     .swiper-pagination-bullet{
        width:.45rem
    }
     .head nav{
        min-height:auto;
        max-width:100%;
        padding:5px 0
    }
     .head .nav_logo .logo_icon img{
        max-height:50px
    }
     .head .navbar_box{
        top:.8rem
    }
     .head .nav_item .item .dropdown_link.children{
        position:relative
    }
     .head .nav_item .item .dropdown_link.open .iconfont::before{
        border-left:2px solid #555;
        border-top:2px solid #555;
        border-right:unset;
        border-bottom:unset
    }
     .head .nav_item .item.product_menu .submen_list .head_children{
        text-align:left;
        padding:10px 0
    }
     .head .nav_item .item.product_menu .dropdown_menu{
        width:100%;
        height:4rem;
        overflow:auto
    }
     .head .nav_item .item.product_menu .dropdown_menu .submen_list{
        flex-wrap:wrap
    }
     .head .nav_item .item.product_menu .submen_list .submen_head i{
        left:unset
    }
     .head .nav_item .item.product_menu .submen_list .submen_head a{
        font-size:var(--font-size-f-18);
        align-items:flex-start;
        padding:0
    }
     .head .nav_item .item .submen_list .submen_head img{
        width:max-content
    }
     .head .nav_item .item .submen_list .head_children{
        margin:0
    }
     .head .nav_item .item .submen_list .head_children a{
        font-size:var(--font-size-f-16);
        line-height:35px
    }
     .head .nav_item .product_menu .submen_list li{
        width:100%
    }
     .footer .footer_bottom .item_box{
        flex-wrap:wrap
    }
     .footer .footer_bottom .item_box .item:last-child{
        width:100%;
        text-align:center
    }
     .footer .footer_bottom .item_box .item.foot_cantact{
        width:100%;
        margin-bottom:20px
    }
     .footer .foot_bottom .foot_bottom_head p{
        margin-right:0
    }
}