/* Core CSS - merged base+style+responsive */
@charset "utf-8";
*{
    padding:0;
    margin:0;
    outline:0;
    -webkit-tap-highlight-color:transparent;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
/* System font stack - no external font download needed */
 :root{
    --font-size-f-14:.14rem;
    --font-size-f-16:.16rem;
    --font-size-f-18:.18rem;
    --font-size-f-20:.20rem;
    --font-size-f-22:.22rem;
    --font-size-f-24:.24rem;
    --font-size-f-26:.26rem;
    --font-size-f-28:.28rem;
    --font-size-f-30:.30rem;
    --font-size-f-32:.32rem;
    --font-size-f-34:.34rem;
    --font-size-f-36:.36rem;
    --font-size-f-38:.38rem;
    --font-size-f-40:.40rem;
    --font-size-f-42:.42rem;
    --font-size-f-44:.44rem;
    --font-size-f-46:.46rem;
    --font-size-f-48:.48rem;
    --font-size-f-50:.50rem
}
 html{
    font-size:calc(100vw/19.2)
}
 html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
 body{
    min-height:100%;
    font-family:RobotoRegular;
    font-size:var(--font-size-f-14);
    line-height:1.5;
    color:#333
}
 #videomodal .modal-dialog{
    max-width:10rem
}
 #imgModal .modal-dialog{
    max-width:65rem;
    text-align:center
}
 #imgModal .modal-content{
    max-width:6.42rem;
    margin:auto
}
 .modal-dialog{
    margin:.35rem auto
}
 #imgModal .embed-responsive img{
    max-height:6.5rem!important
}
 .embed-responsive-16by9::before{
    padding-top:0
}
 #videomodal .embed-responsive{
    max-width:8rem;
    margin:auto
}
 .text-primary{
    color:#4a7ff5
}
 hr{
    margin:.35rem 0
}
 img{
    border:0;
    vertical-align:middle;
    max-width:100%
}
 ul{
    margin:0;
    padding:0
}
 li{
    list-style:none
}
 h1,h2,h3,h4,h5,h6{
    font-weight:400;
    margin-bottom:0
}
 a{
    color:#333;
    text-decoration:none;
    transition:all .3s ease-in;
    display:inline-block
}
 a:focus,a:hover{
    text-decoration:none;
    color:#e12a29
}
 button,input{
    border-radius:0
}
 button{
    cursor:pointer
}
 input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
 textarea{
    resize:none;
    overflow:auto
}
 button,input,select,textarea{
    border:0;
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    background:0 0;
    outline:0
}
 select{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    white-space:nowrap;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
 select::-ms-expand{
    display:none
}
 .h1,h1{
    font-size:var(--font-size-f-30)
}
 .h2,h2{
    font-size:var(--font-size-f-24)
}
 .h3,h3{
    font-size:var(--font-size-f-20)
}
 .h4,h4{
    font-size:var(--font-size-f-18)
}
 .h5,h5{
    font-size:var(--font-size-f-16)
}
 .h6,h6{
    font-size:var(--font-size-f-14)
}
 table{
    border-collapse:collapse
}
 .table{
    margin-bottom:0
}
 .table table{
    width:100%
}
 .table td,.table th{
    border:.01rem solid #f2f4fb
}
 .scale{
    transition:.6s all
}
 .scale:hover{
    transform:scale(1.06)
}
 .fl{
    float:left
}
 .fr{
    float:right
}
 .clear{
    zoom:1
}
 .clear:after{
    content:'';
    display:block;
    clear:both
}
 .flex-center{
    display:flex;
    align-items:center
}
 .flex{
    display:flex
}
 .flex_bd{
    flex:1;
    min-width:0
}
 p{
    margin:0
}
 dl,ol,ul{
    margin:0
}
 .ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
 .fixed{
    align-self:flex-start;
    position:sticky;
    top:1.4rem
}
 .swiper-pagination{
    bottom:0!important;
    display:flex;
    justify-content:center;
    align-items:center
}
 .swiper-pagination-bullet{
    width:1rem;
    height:.04rem;
    margin:0 .05rem!important;
    opacity:1;
    display:inline-block;
    border-radius:.2rem;
    background:#fff;
    transition:all .3s linear
}
 .swiper-pagination-bullet-active{
    background:#df2c27
}
 .hidden{
    display:none
}
 .line-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .line-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .line-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
 .line-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .line-5{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical
}
 .line-6{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical
}
 .auto-container{
    max-width:14rem;
    margin:auto
}
 .top-search-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    z-index:100;
    opacity:.8;
    display:none
}
 .modal-header{
    padding:.2rem
}
 .modal-title{
    font-size:var(--font-size-f-20)
}
 .modal-header .close{
    padding:0;
    margin:0;
    line-height:.26rem;
    font-size:var(--font-size-f-30)
}
 .modal-header .close span{
    font-size:var(--font-size-f-30);
    line-height:.26rem
}
 .modal-body{
    padding:.2rem
}
 .modal-content{
    border-radius:.1rem
}
 figure{
    margin:0
}
 .loading-box{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    z-index:99;
    text-align:center;
    top:0;
    padding-top:10%;
    display:none
}
 .loading-box img{
    width:1.2rem
}
 .hide{
    display:none
}
 @keyframes more_btn_hover{
    0%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
     30%{
        opacity:0;
        transform:scale(.5) translateX(.15rem)
    }
     30.1%{
        opacity:0;
        transform:scale(.5) translateX(-.2rem)
    }
     to{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
 .more_btn_hover{
    position:relative;
    display:inline-block
}
 .more_btn_hover:before{
    content:"";
    vertical-align:middle;
    line-height:1;
    display:inline-block;
    background:url(../images/icon_arrow.png) no-repeat;
    width:.16rem;
    height:.16rem;
    background-size:.16rem;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
 .more_btn_hover:hover:before{
    animation:more_btn_hover cubic-bezier(.785,.135,.15,.86) .5s forwards
}
/*! 常规鼠标经过效果*/
.btn_effect1{
    place-items:center;
    position:relative;
    transition:color .5s cubic-bezier(.26,.06,0,1),background-color .5s cubic-bezier(.26,.06,0,1),border-color .5s cubic-bezier(.26,.06,0,1)
}
 .btn_effect1>span{
    overflow:hidden;
    width:100%;
    display:block
}
 .btn_effect1 .effect_label{
    display:block;
    position:relative;
    text-align:center;
    transform:translateZ(0);
    transition:transform .5s cubic-bezier(.47,.16,.24,1) .3s
}
 .btn_effect1 .effect_label>span{
    display:block;
    width:100%
}
 .btn_effect1 .effect_label>span:nth-child(2){
    left:0;
    opacity:0;
    padding-right:0;
    position:absolute;
    top:0;
    transform:translate3d(0,200%,0);
    transition:transform .6s cubic-bezier(.43,.05,.17,1),opacity .4s cubic-bezier(.26,.06,0,1)
}
 .btn_effect1:hover .effect_label{
    transform:translate3d(0,-100%,0);
    transition:transform .4s cubic-bezier(.47,.16,.24,1)
}
 .btn_effect1:hover .effect_label>span:nth-child(2){
    opacity:1;
    transform:translate3d(0,100%,0);
    transition:transform .7s cubic-bezier(.47,.16,.24,1) .3s
}
/*! 常规鼠标经过效果*/
/*! 鼠标经过效果1*/
.btn_effect2{
    border-radius:99.99rem;
    transition-duration:.5s;
    transform:scaleX(1) scaleY(1)
}
 .btn_effect2:hover{
    transform:scaleX(.9) scaleY(.9)
}
 .btn_effect2 .effect2_label{
    transition-duration:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
/*! 鼠标经过效果1*/
.btn_effect3 .effect3_label_icon{
    transition:transform .4s ease-in-out;
    transform:translate(0,0)
}
 .btn_effect3 .effect3_label_icon .label_icon img{
    max-width:.13rem;
    vertical-align:baseline
}
 .btn_effect3:hover .effect3_label_icon{
    transition:transform .2s cubic-bezier(.25,.46,.45,.94)
}
/*! 鼠标经过效果2*/
.btn_effect3{
    padding-right:.2rem;
    display:inline-grid;
    place-items:center;
    position:relative;
    transition:color .5s cubic-bezier(.26,.06,0,1),background-color .5s cubic-bezier(.26,.06,0,1),border-color .5s cubic-bezier(.26,.06,0,1)
}
 .btn_effect3:hover{
    background-color:#e12a29!important;
    border-color:#e12a29!important;
    color:#fff;
    transition:color .3s cubic-bezier(.26,.06,0,1) .3s,background-color .8s cubic-bezier(.26,.06,0,1) .3s,border-color .8s cubic-bezier(.26,.06,0,1) .3s
}
 .effect3_label_icon{
    background-color:#e12a29;
    border-radius:.4rem;
    color:#fff;
    display:grid;
    height:.4rem;
    left:calc(.4rem/4);
    place-items:center;
    position:absolute;
    top:calc(50% - .4rem/ 2);
    transform:translateZ(0);
    width:.4rem
}
 .effect3_label{
    display:block;
    position:relative;
    text-align:center;
    transform:translateZ(0);
    transition:transform .5s cubic-bezier(.47,.16,.24,1) .3s
}
 .effect3_label>span{
    display:block;
    width:100%;
    font-size:var(--font-size-f-16);
    text-transform:uppercase
}
 .effect3_label>span:first-child{
    padding-left:calc(.6rem)
}
 .effect3_label>span:nth-child(2){
    left:-.1rem;
    opacity:0;
    padding-right:0;
    position:absolute;
    top:0;
    transform:translate3d(0,200%,0);
    transition:transform .6s cubic-bezier(.43,.05,.17,1),opacity .4s cubic-bezier(.26,.06,0,1)
}
 .btn_effect3:hover .effect3_label{
    transform:translate3d(0,-100%,0);
    transition:transform .4s cubic-bezier(.47,.16,.24,1)
}
 .btn_effect3:hover .effect3_label>span:nth-child(2){
    opacity:1;
    transform:translate3d(0,100%,0);
    transition:transform .7s cubic-bezier(.47,.16,.24,1) .3s
}
 .btn_effect4{
    position:relative;
    max-width:100%;
    display:inline-block
}
 .btn_small_wrap{
    color:#fff;
    position:relative;
    overflow:hidden
}
 .btn_small_list{
    z-index:2;
    border:.01rem solid #fff;
    border-radius:100vw;
    background-color:#fff;
    color:#333;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    display:flex;
    position:relative;
    padding:.09rem .6rem
}
 .btn_small_list.hover{
    border:.01rem solid #e12a29;
    background-color:#e12a29;
    color:#fff;
    display:none;
    position:absolute;
    inset:0
}
 .btn_main_text{
    font-size:var(--font-size-f-20)
}
 .btn_small_icon{
    margin-left:.15rem
}
 .btn_small_icon img{
    vertical-align:middle;
    margin-top:-.03rem;
    max-width:.23rem
}
/*! 鼠标经过效果2*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:0
}
 .head{
    position:fixed;
    top:0;
    width:100%;
    z-index:99;
    padding:0 1rem;
    transition:all .3s linear;
    background:#404040
}
 .head nav{
    display:flex;
    max-width:17.2rem;
    align-items:center;
    justify-content:space-between;
    position:relative;
    min-height:.8rem;
    background-size:contain
}
 .head .nav_logo{
    display:flex;
    align-items:center;
    width:25%
}
 .head .nav_logo .logo_icon{
    display:inline-block
}
 .head .nav_logo .logo_icon img{
    max-width:1.56rem;
    max-height:.85rem;
    transition:all .3s linear
}
 .head .nav_logo .slogan{
    margin-left:.3rem;
    font-size:var(--font-size-f-16);
    line-height:.2rem;
    color:#fff;
    max-width:4rem
}
 .head .navbar_box{
    width:65%
}
 .head .nav_item{
    display:flex;
    justify-content:flex-end;
    line-height:.9rem
}
 .head .nav_item .item{
    margin-right:.5rem
}
 .head .nav_item .item:hover .dropdown_link.children{
    position:relative
}
 .head .nav_item .item:last-child{
    margin-right:0
}
 .head .nav_item .item .dropdown_link a{
    font-size:var(--font-size-f-20);
    text-transform:capitalize;
    position:relative;
    top:.1rem;
    color:#fff;
    background-color:transparent
}
 .head .nav_item .item.active .dropdown_link a,.head .nav_item .item:hover .dropdown_link a{
    color:#e12a29
}
 .head .nav_item .item .dropdown_link a span{
    line-height:initial
}
 .head .nav_item .item .dropdown_menu{
    position:absolute;
    top:100%;
    opacity:0;
    visibility:hidden;
    transition:all .5s linear;
    line-height:normal
}
 .head .nav_item .item.product_menu .dropdown_menu{
    width:85%;
    left:0;
    right:0;
    margin:auto
}
 .head .nav_item .item.active .dropdown_link a span,.head .nav_item .item:hover .dropdown_link a span{
    color:#ffcece
}
 .head .nav_item .item:hover .dropdown_link.children:after{
    opacity:1;
    visibility:unset;
    transition:all .5s ease-in
}
 .head .nav_item .item:hover .dropdown_menu{
    opacity:1;
    visibility:unset
}
 .head .nav_item .item.product_menu .dropdown_menu .submen_list{
    display:flex;
    padding:0;
    justify-content:space-between
}
 .head .nav_item .item.product_menu .submen_list{
    padding:.15rem 0
}
 .head .nav_item .item .submen_list{
    background:#fff
}
 .head .nav_item .item .submen_list .submen_head a{
    font-size:var(--font-size-f-16);
    display:block;
    width:100%;
    line-height:.45rem;
    padding:0 .25rem
}
 .head .nav_item .item.product_menu .submen_list .submen_head a{
    font-size:var(--font-size-f-20);
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:center
}
 .head .nav_item .item .submen_list .head_children{
    margin:.3rem 0;
    text-align:left;
    padding-left:20%
}
 .head .nav_item .item .submen_list .head_children a{
    display:block;
    font-size:.16rem;
    line-height:.35rem
}
 .head .nav_item .item.product_menu .submen_list .submen_head{
    border-bottom:.01rem solid #d9d9d9;
    padding:.2rem 0
}
 .head .nav_item .item .submen_list .submen_head{
    position:unset
}
 .head .nav_item .item .submen_list .submen_head img{
    margin-bottom:.05rem;
    width:.34rem;
    vertical-align:middle;
    filter:brightness(0);
    transition:all .3s linear
}
 .head .nav_item .product_menu .submen_list li{
    margin-bottom:.2rem;
    text-align:center;
    width:25%
}
 .head .nav_item .product_menu .submen_list li:last-child{
    margin-bottom:0
}
 .head .nav_item .item .submen_list li:hover .submen_head a{
    color:#e02a26
}
 .head .nav_item .item .submen_list li:hover .submen_head a img{
    filter:unset
}
 .head .navbar_right{
    display:flex;
    width:10%;
    justify-content:flex-end
}
 .head .navbar_right .navbar_group{
    display:flex;
    align-items:center
}
 .head .navbar_right .navbar_group .gtranslate_wrapper{
    margin-top:.05rem
}
 .head .navbar_right .navbar_group .gtranslate_wrapper .gt_switcher_wrapper{
    position:unset!important
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher{
    width:.55rem
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected{
    line-height:.14rem;
    background:0 0
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a{
    width:.4rem;
    padding:0;
    overflow:hidden;
    height:.4rem;
    border:none;
    color:#fff
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a img{
    width:.4rem;
    height:.4rem;
    opacity:1
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a:hover{
    background:0 0
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_selected a:after{
    display:none
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_option{
    position:absolute;
    margin-top:.22rem
}
 .head .navbar_right .navbar_group .gt_container--hich1m .gt_switcher .gt_option a{
    line-height:.24rem;
    height:.24rem;
    overflow:hidden;
    font-size:var(--font-size-f-16)
}
 .head .navbar_right .navbar_group>a{
    margin-left:.3rem;
    font-size:var(--font-size-f-16);
    color:#fff;
    text-transform:uppercase;
    font-family:RobotoBold;
    padding:.06rem .08rem;
    border:.02rem solid #fff;
    border-radius:.05rem
}
 .head .navbar_right .navbar_group .icosearch{
    width:.36rem;
    height:.36rem;
    border-radius:.36rem;
    margin-right:.2rem;
    line-height:.36rem;
    cursor:pointer;
    background:unset
}
 .head .navbar_right .navbar_group .icosearch .effect2_label{
    width:100%;
    height:100%;
    text-align:center
}
 .head .navbar_right .navbar_group .icosearch img{
    max-width:.18rem;
    filter:brightness(0) invert(1);
    vertical-align:text-bottom
}
 .head .navbar_right .search_con2{
    height:.5rem;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all .5s;
    width:5rem;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    position:absolute;
    right:1rem;
    top:24%
}
 .head nav.c-style2 .navbar_right .search_con2{
    top:20%
}
 .head .navbar_right .search_con2 .moblie_search_close img{
    max-width:.2rem
}
 .head .navbar_right .search_con2 .search_input{
    width:3.8rem;
    position:relative
}
 .head .open .navbar_right .search_con2{
    opacity:1;
    transform:scale3d(1,1,1)
}
 .head .open .navbar_box,.head .open .navbar_right .c_switch{
    opacity:0;
    transform:scale3d(0,0,0)
}
 .head .open .navbar_right .navbar_group{
    opacity:0
}
 .head .navbar_right .search_con2 .search_input input{
    height:.5rem;
    line-height:.5rem;
    overflow:hidden;
    border:.01rem solid #d4d4d4;
    border-radius:.05rem;
    font-size:var(--font-size-f-16);
    padding:0 0 0 .2rem;
    box-shadow:unset;
    width:100%;
    padding-right:.5rem;
    color: #ffffff;
}
 .head .navbar_right .search_con2 .search_input .search_btn{
    width:.5rem;
    height:.5rem;
    cursor:pointer;
    border:none;
    outline:0;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    color:#222;
    line-height:.5rem
}
 .head .navbar_right .search_con2 .search_input .search_btn img{
    vertical-align:middle;
    max-width:.17rem
}
 .head .navbar_right .search_con2 .moblie_search_close{
    width:.3rem;
    height:.3rem;
    text-align:left;
    color:#222;
    line-height:.3rem
}
 .head .navbar_right .search_con2 .moblie_search_close .iconfont{
    font-size:var(--font-size-f-20)
}
 .footer{
    background:#1d1e22;
    color:#fff
}
 .footer a{
    color:#d6d6d6
}
 .footer .footer_bottom{
    padding:.5rem 0
}
 .footer .footer_bottom .item_box{
    display:flex;
    justify-content:space-between
}
 .footer .footer_bottom .foot_cantact{
    width:23%
}
 .footer .footer_bottom .foot_cantact .item .foot_title,.footer .footer_bottom .item_box .item .foot_title{
    font-size:var(--font-size-f-20);
    line-height:.3rem;
    text-transform:capitalize;
    margin-bottom:.15rem
}
 .footer .footer_bottom .item_box .item .foot_cate_item_list a{
    display:block;
    font-size:var(--font-size-f-16);
    line-height:.36rem;
    color:#d6d6d6
}
 .footer .footer_bottom .item_box .item.foot_cantact .foot_cate_item_list p{
    display:flex;
    align-items:flex-start;
    margin-bottom:.1rem
}
 .footer .footer_bottom .item_box .item.foot_cantact .foot_cate_item_list p img{
    max-width:.32rem;
    margin-right:.15rem
}
 .footer .footer_bottom .item_box .item.foot_cantact .foot_cate_item_list p:last-child{
    line-height:.2rem;
    margin-top:.05rem;
    margin-bottom:0
}
 .footer .footer_bottom .item_box .item.foot_cantact .foot_cate_item_list p a:hover{
    color:#e12a29
}
 .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{
    font-size:var(--font-size-f-16);
    opacity:1;
    color:#d6d6d6
}
 .footer .footer_bottom .item_box .item .foot_cate_item_list a:hover{
    color:#e12a29
}
 .footer .footer_bottom .foot_share{
    margin-top:.2rem
}
 .footer .footer_bottom .foot_share a{
    margin-right:.1rem;
    max-width:.23rem
}
 .footer .footer_bottom .foot_share a:last-child{
    margin-right:0
}
 .footer .footer_bottom .foot_share a img{
    transition:all .3s linear
}
 .footer .footer_bottom .foot_share a:hover img{
    opacity:.6
}
 .footer .footer_bottom .wechat_code>img{
    max-width:1.82rem
}
 .footer .foot_bottom{
    font-size:var(--font-size-f-16);
    padding:.2rem 0
}
 .footer .foot_bottom .auto-container{
    display:flex;
    justify-content:space-between
}
 .footer .foot_bottom .foot_bottom_head{
    display:flex;
    align-items:center
}
 .footer .foot_bottom .foot_bottom_head img{
    margin-right:.1rem;
    max-height:.4rem
}
 .footer .foot_bottom .foot_bottom_head p{
    margin-right:.3rem;
    color:#d6d6d6
}
 .footer .foot_bottom .foot_bottom_head p:last-child{
    margin-right:0
}
 .footer .foot_bottom .foot_bottom_head p:hover a{
    color:#e12a29
}
 .footer .foot_bottom .foot_bottom_bottom a{
    margin-right:.2rem;
    color:#d6d6d6
}
 .footer .foot_bottom .foot_bottom_bottom a:last-child{
    margin-right:0
}
 .footer .foot_bottom .foot_bottom_bottom a:hover{
    color:#e12a29
}
 .additional_features{
    position:fixed;
    right:.2rem;
    top:60%;
    z-index:200;
    box-sizing:border-box
}
 .additional_features li{
    margin-bottom:.1rem;
    transition:all .5s linear
}
 .additional_features li a{
    display:block;
    border-radius:.5rem;
    width:.5rem;
    height:.5rem;
    text-align:center;
    line-height:.45rem;
    box-shadow:0 0 .1rem 0 rgba(0,0,0,.12)
}
 .additional_features li a img{
    vertical-align:middle;
    transition:all .3s linear
}
 .additional_features li a.left_whatsapp{
    background:#5ccf66
}
 .additional_features li a.left_whatsapp img{
    max-width:.23rem
}
 .additional_features li:hover{
    transform:scale(1.2)
}
 .additional_features li:hover a.left_whatsapp img{
    max-width:.19rem
}
 .additional_features li a.left_tel{
    background:#00aef3
}
 .additional_features li a.left_tel img{
    max-width:.2rem
}
 .additional_features li:hover a.left_tel img{
    max-width:.18rem
}
 .additional_features li a.left_email{
    background:#0384f1
}
 .additional_features li a.left_email img{
    max-width:.23rem
}
 .additional_features li:hover a.left_email img{
    max-width:.19rem
}
 .additional_features li a.up_btn{
    background:#fff
}
 .additional_features li a.up_btn img{
    max-width:.16rem
}
 .additional_features li:hover a.up_btn img{
    max-width:.13rem
}
 .swiper-button-next,.swiper-button-prev{
    width:.6rem;
    height:.6rem;
    border:.01rem solid #fff;
    border-radius:.6rem;
    background-image:unset;
    opacity:.5;
    transition:all .3s linear
}
 .swiper-button-prev{
    left:.2rem;
    transform:rotate(-180deg)
}
 .swiper-button-next{
    right:.2rem
}
 .swiper-button-next:before,.swiper-button-prev:before{
    content:'';
    display:block;
    border-right:.02rem solid #fff;
    border-bottom:.02rem solid #fff;
    transform:rotate(-45deg);
    background:0 0;
    width:.12rem;
    height:.12rem;
    position:absolute;
    top:40%;
    left:36%;
    margin:auto;
    transition:all .3s linear
}
 .swiper-button-next:hover,.swiper-button-prev:hover{
    opacity:1
}
 HTML[lang=ar] .gtranslate_wrapper .gt_switcher .gt_option {
left: 0 !important;
right: auto !important;
}

.show_news a{
    color: #007bff;
}
.index_banner{
    padding-top:.9rem
}
 .index_banner a{
    display:inline-block
}
 .index_banner .swiper-pagination{
    bottom:.3rem!important
}
 .section{
    padding-top:.65rem
}
 .head_block{
    text-align:center
}
 .head_block p{
    font-size:var(--font-size-f-48);
    margin-bottom:.1rem;
    line-height:.4rem;
    text-transform:uppercase
}
 .head_block span{
    font-size:var(--font-size-f-20)
}
 .index_pro_categories{
    padding:.75rem;
    margin-bottom:.9rem
}
 .index_pro_categories .index_pro_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    margin-bottom:.4rem
}
 .index_pro_categories .index_pro_head .head_block{
    text-align:left
}
 .index_pro_categories .index_pro_head .more{
    font-size:var(--font-size-f-24);
    color:#fff
}
 .index_pro_categories .index_pro_head .more img{
    margin-left:.1rem;
    margin-top:-.02rem
}
 .index_pro_categories .index_pro_swiper{
    padding-bottom:.5rem;
    margin-bottom:.5rem
}
 .index_pro_categories .index_pro_swiper .swiper-pagination-bullet{
    width:.5rem
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item{
    border-radius:.08rem
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item a{
    text-align:center
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item a .img_box{
    background:linear-gradient(#afafaf,#d0d0d0);
    min-height:3.35rem;
    line-height:3.45rem
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item a .text_box{
    padding:.3rem;
    margin-bottom:.3rem;
    padding-bottom:0;
    height:1.45rem;
    overflow:hidden;
    background:#fff
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item a .text_box h3{
    font-size:var(--font-size-f-24);
    text-transform:uppercase;
    margin-bottom:.15rem;
    min-height:.3rem;
    transition:all .3s linear
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item a .text_box p{
    font-size:var(--font-size-f-16);
    color:#666;
    line-height:1.2;
    min-height:.4rem;
    transition:all .3s linear
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item a .text_box .btn_box{
    transform:translateY(100%);
    transition:all .3s linear
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item:hover a .text_box .btn_box{
    transform:translateY(-90%)
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item:hover a .text_box p{
    opacity:0
}
 .index_pro_categories .index_pro_swiper .swiper-slide .item:hover a .text_box h3{
    transform:translateY(-50%)
}
 .btn_effect4{
    height:auto
}
 .btn_effect4 .btn_small_wrap .btn_small_list{
    border-color:#e12a29;
    color:#e12a29
}
 .btn_effect4 .btn_small_wrap .btn_small_list.hover{
    color:#fff
}
 .index_pro_categories .index_video_swiper .swiper-slide .item .img_box{
    position:relative;
    overflow:hidden;
    background:#474747;
    border-radius:.08rem;
    margin-bottom:.25rem
}
 .index_pro_categories .index_video_swiper .swiper-slide .item .img_box img:last-child{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    cursor:pointer;
    max-width:.48rem
}
 .index_pro_categories .index_video_swiper .swiper-slide .item .text_box{
    font-size:var(--font-size-f-24);
    color:#fff;
    text-align:center
}
 .index_section2{
    padding-bottom:.85rem
}
 .index_section2 .head_block{
    color:#fff
}
 .index_section2 .head_block p{
    margin-bottom:.2rem
}
 .index_section2 .head_block span{
    display:inline-block
}
 .index_section2 .index_section2_box{
    display:flex;
    justify-content:space-between;
    margin-top:.4rem
}
 .index_section2 .index_section2_box .item{
    color:#fff;
    text-align:center;
    width:25%
}
 .index_section2 .index_section2_box .item .txt div{
    display:flex;
    justify-content:center
}
 .index_section2 .index_section2_box .item .txt div p.counter{
    font-size:var(--font-size-f-36);
    font-family:RobotoBold
}
 .index_section2 .index_section2_box .item .txt div p{
    font-size:var(--font-size-f-32)
}
 .index_section2 .index_section2_box .item .txt span{
    font-size:var(--font-size-f-16)
}
 .index_section2 .section2_video{
    border-radius:.08rem;
    position:relative;
    overflow:hidden;
    margin-top:.4rem
}
 .index_section2 .section2_video .play_btn{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    height:max-content;
    cursor:pointer
}
 .index_section2 .section2_video .play_btn img.scale{
    max-width:.8rem
}
 .index_section2 .section2_video .iframe_box{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    opacity:0;
    z-index:-1;
    transition:all .3s linear
}
 .index_section2 .section2_video .iframe_box iframe{
    height:100%
}
 .section.index_section3{
    padding:0;
    margin:.9rem 0
}
 .index_section3 .auto-container{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .index_section3 .head_block{
    text-align:left
}
 .index_section3 .head_block p{
    font-size:var(--font-size-f-36);
    text-transform:capitalize;
    font-family:RobotoBold
}
 .index_section3 .more_btn .btn_effect4 .btn_small_list{
    background:#e12a29;
    border-radius:.04rem;
    color:#fff;
    padding:.09rem .4rem
}
 .index_section3 .more_btn .btn_effect4 .btn_small_list.hover{
    color:#e12a29;
    background:#fff
}
 .index_section4{
    transition:all .3s linear;
    padding:.65rem 0
}
 .index_section4 .index_section4_bg{
    position:absolute;
    left:0;
    top:auto;
    z-index:0;
    width:100%;
    height:100%;
    overflow:hidden
}
 .index_section4 .index_section4_bg img{
    filter:blur(20px);
    width:100%;
    height:100%
}
 .index_section4 .index_section4_box .head_block{
    margin-bottom:.4rem;
    color:#fff
}
 .index_section4 .section4_swiper_box{
    position:relative
}
 .index_section4 .section4_swiper{
    padding-bottom:160px
}
 .index_section4 .section4_swiper .swiper-wrapper{
    margin-bottom:.55rem
}
 .index_section4 .swiper-slide .item{
    display:flex;
    align-items:center
}
 .index_section4 .swiper-slide .item .img_box,.index_section4 .swiper-slide .item .text_box{
    width:50%
}
 .index_section4 .swiper-slide .item .img_box{
    overflow:hidden;
    border-radius:.08rem;
    background:#fff
}
 .index_section4 .swiper-slide .item .text_box{
    padding-left:5.5%;
    color:#fff
}
 .index_section4 .swiper-slide .item .text_box .other{
    display:flex;
    align-items:center;
    margin-bottom:.4rem
}
 .index_section4 .swiper-slide .item .text_box .other img{
    max-width:.6rem;
    filter:brightness(0) invert(100)
}
 .index_section4 .swiper-slide .item .text_box .other p{
    font-size:var(--font-size-f-32);
    margin-left:.15rem
}
 .index_section4 .swiper-slide .item .text_box .remark{
    font-size:.2rem;
    line-height:1.5
}
 .index_section4 .swiper-pagination .swiper-pagination-bullet{
    width:25%;
    height:100%;
    margin:0!important;
    margin-right:.45rem!important;
    border-radius:8px;
    padding:.1rem 0;
    background:0 0;
    transition:all .3s linear
}
 .index_section4 .swiper-pagination .swiper-pagination-bullet:last-child{
    margin-right:0!important
}
 .index_section4 .swiper-pagination .swiper-pagination-bullet img{
    max-width:1rem;
    filter:brightness(0) invert(1)
}
 .index_section4 .swiper-pagination .swiper-pagination-bullet p{
    font-size:.18rem;
    color:#fff
}
 .index_section4 .swiper-pagination .swiper-pagination-bullet-active{
    background:rgba(47,47,47,.48);
    border:1px solid #fff;
    box-shadow:4px -1px 14.8px rgba(0,0,0,.13)
}
 .index_section4 .swiper-button-next,.index_section4 .swiper-button-prev{
    bottom:38%;
    top:unset;
    width:.5rem;
    height:.5rem;
    background:#fff;
    opacity:1
}
 .index_section4 .swiper-button-next{
    right:35%
}
 .index_section4 .swiper-button-prev{
    left:55.5%
}
 .index_section4 .swiper-button-next.swiper-button-disabled,.index_section4 .swiper-button-prev.swiper-button-disabled{
    opacity:.3
}
 .index_section4 .swiper-button-next:before,.index_section4 .swiper-button-prev:before{
    border-color:#333
}
 .index_section4 .swiper-button-next:hover,.index_section4 .swiper-button-prev:hover{
    background:#e12a29;
    border-color:#e12a29
}
 .index_section4 .swiper-button-next:hover:before,.index_section4 .swiper-button-prev:hover:before{
    border-color:#fff
}
 .section.index_section5{
    padding:0;
    margin-top:.9rem
}
 .index_section5 .index_section5_box{
    margin-top:.4rem;
    padding:.6rem 0;
    background:#5e5e5e;
    position:relative
}
 .index_section5 .index_section5_box:before{
    content:'';
    display:block;
    width:75%;
    height:88%;
    background:#fff;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
 .index_section5 .index_section5_swiper.swiper-container{
    max-width:86%;
    margin:auto
}
 .index_section5 .index_section5_swiper .swiper-slide{
    transition:all .3s linear
}
 .index_section5 .index_section5_swiper .swiper-slide .img_box{
    padding:.15rem;
    background:linear-gradient(164.6deg,#aeadaf 10.8%,#8e8d8d 97.25%);
    transition:all .3s linear;
    cursor:pointer
}
 .index_section5 .index_section5_swiper .swiper-slide:hover .img_box{
    background:linear-gradient(331.5deg,#565656 1.74%,#67585c 76.13%,#414141 97.77%)
}
 .section.index_section6{
    padding-top:.9rem;
    padding-bottom:.5rem;
    background:#f2f2f2
}
 .index_section6 .index_section6_box{
    margin-top:.4rem
}
 .index_section6 .index_section6_box .index_section6_swiper{
    padding-bottom:.3rem
}
 .index_section6 .index_section6_box .index_section6_swiper .swiper-pagination-bullet{
    width:.5rem
}
 .index_section6 .swiper-slide .item{
    background:#fff
}
 .index_section6 .swiper-slide .item a .img_box{
    overflow:hidden;
    border-top-left-radius:.04rem;
    border-top-right-radius:.04rem
}
 .index_section6 .swiper-slide .item a .txt{
    padding:.25rem
}
 .index_section6 .swiper-slide .item a .txt h3.line-1{
    font-size:var(--font-size-f-20);
    -webkit-line-clamp:2;
    min-height:.48rem;
    margin-bottom:.15rem
}
 .index_section6 .swiper-slide .item a .txt .remark.line-4{
    font-size:var(--font-size-f-18);
    color:#666;
    line-height:1.3;
    min-height:.7rem;
    -webkit-line-clamp:3
}
 .index_section6 .swiper-pagination-bullet{
    background:#c6c6c6
}
 .index_section6 .swiper-pagination-bullet-active{
    background:#e12a29
}
 .page_banner{
    padding-top:.9rem
}
 .page_inside{
    border-bottom:.01rem solid #d9d9d9
}
 .page_inside .auto-container{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .page_inside .page_inside_box{
    color:#999;
    line-height:.6rem
}
 .page_inside .page_inside_box a{
    font-size:var(--font-size-f-14);
    color:#999
}
 .page_inside .page_inside_box img{
    max-width:.3rem;
    margin-right:.1rem;
    margin-top:-.08rem
}
 .page_inside .page_inside_cate{
    display:flex;
    align-items:center
}
 .page_inside .page_inside_cate a{
    font-size:var(--font-size-f-24);
    color:#666;
    border-bottom:.01rem solid transparent;
    line-height:.9rem;
    margin-right:.5rem;
    position:relative
}
 .page_inside .page_inside_cate a:before{
    content:'';
    display:block;
    width:0;
    height:.04rem;
    background:#e12a29;
    position:absolute;
    bottom:-.01rem;
    left:0;
    transition:all .3s linear
}
 .page_inside .page_inside_cate p:last-child a{
    margin-right:0
}
 .page_inside .page_inside_box a:hover,.page_inside .page_inside_cate a.active,.page_inside .page_inside_cate a:hover{
    color:#e12a29
}
 .page_inside .page_inside_cate a.active:before,.page_inside .page_inside_cate a:hover:before{
    width:100%
}
 .page_about{
    padding:.9rem 0;
    background:#f8f8f8
}
 .page_about>.auto-container{
    padding-bottom:.9rem
}
 .page_about .page_about_box_head{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center
}
 .page_about .page_about_box_head .img_box,.page_about .page_about_box_head .text_box{
    width:47%
}
 .page_about .page_about_box_head .img_box{
    position:relative;
    overflow:hidden
}
 .page_about .page_about_box_head .img_box img.icon{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    transition:all .3s linear;
    cursor:pointer;
    max-width:.6rem
}
 .page_about .page_about_box_head .text_box h1{
    font-size:var(--font-size-f-34);
    font-family:RobotoBold;
    line-height:1.2;
    margin-bottom:.4rem
}
 .page_about .page_about_box_head .text_box p{
    font-size:.2rem;
    line-height:1.4;
    color:#666
}
 .page_about .page_about_history{
    background:#fff;
    padding:.9rem 0
}
 .page_about .page_about_history_box{
    position:relative;
    margin-top:.6rem
}
 .page_about .page_about_history_box .history_swiper{
    max-width:95%;
    margin:auto
}
 .page_about .page_about_history_box:before{
    content:'';
    display:block;
    width:100%;
    height:.01rem;
    background:#d9d9d9;
    position:absolute;
    left:0;
    top:16%
}
 .page_about .page_about_history_box .swiper-slide .item .text_box{
    font-size:.3rem;
    font-family:RobotoBold;
    margin-bottom:.4rem;
    padding-bottom:.4rem;
    position:relative
}
 .page_about .page_about_history_box .swiper-slide .item .text_box:before{
    content:'';
    display:block;
    width:.2rem;
    height:.2rem;
    border-radius:.2rem;
    border:.01rem solid #d9d9d9;
    padding:.1rem;
    position:absolute;
    left:0;
    top:75%;
    background:#f8f8f8
}
 .page_about .page_about_history_box .swiper-slide .item .text_box:after{
    content:'';
    display:block;
    width:.1rem;
    height:.1rem;
    border-radius:.2rem;
    background:#d9d9d9;
    position:absolute;
    left:1.5%;
    top:82%
}
 .page_about .page_about_history_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .page_about .page_about_history_box .swiper-slide .item .img_box .remark{
    margin-top:.2rem;
    font-size:var(--font-size-f-18);
    color:#666;
    line-height:1.2
}
 .page_about .page_about_history_box .swiper-button-next,.page_about .page_about_history_box .swiper-button-prev{
    border:0;
    border-radius:0;
    line-height:.6rem;
    top:14.2%
}
 .page_about .page_about_history_box .swiper-button-next img,.page_about .page_about_history_box .swiper-button-prev img{
    max-width:.3rem
}
 .page_about .page_about_history_box .swiper-button-next:before,.page_about .page_about_history_box .swiper-button-prev:before{
    display:none
}
 .page_about .page_about_history_box .swiper-button-prev{
    left:-1rem
}
 .page_about .page_about_history_box .swiper-button-next{
    right:-1rem
}
 .page_about .page_about_vision{
    padding:.9rem
}
 .page_about .page_about_vision_box{
    display:flex;
    margin-top:.6rem;
    justify-content:space-between;
    align-items:center
}
 .page_about .page_about_vision_box .img_box,.page_about .page_about_vision_box .text_box{
    width:50%
}
 .page_about .page_about_vision_box .img_box{
    overflow:hidden
}
 .page_about .page_about_vision_box .text_box{
    padding-left:5%;
    font-size:.16rem;
    color:#666
}
 .page_about .page_about_vision_box .text_box h3{
    font-size:var(--font-size-f-26);
    font-family:RobotoBold;
    margin-bottom:.1rem;
    color:#333
}
 .page_about .page_about_vision_box .text_box p{
    font-size:var(--font-size-f-18);
    color:#666;
    line-height:2
}
 .page_strength{
    background:#f8f8f8
}
 .page_strength>.auto-container{
    padding:.9rem 0
}
 .page_strength .head_block{
    text-align:left
}
 .page_strength .head_block p{
    text-transform:capitalize;
    line-height:1.3
}
 .page_strength .head_block span{
    font-size:var(--font-size-f-18)
}
 .page_strength .page_strength_box{
    margin-top:.9rem;
    display:flex;
    flex-wrap:wrap;
    gap:.3rem
}
 .page_strength .page_strength_box .item{
    width:31.85%;
    background:#fff
}
 .page_strength .page_strength_box .item .img_box{
    overflow:hidden;
    border-top-left-radius:.05rem;
    border-top-right-radius:.05rem
}
 .page_strength .page_strength_box .item .text_box{
    padding:.25rem
}
 .page_strength .page_strength_box .item .text_box p{
    font-size:var(--font-size-f-24);
    line-height:1.3;
    color:#222;
    margin-bottom:.1rem
}
 .page_strength .page_strength_box .item .text_box span{
    font-size:var(--font-size-f-18);
    color:#666;
    line-height:1.3
}
 .page_strength .page_strength_certificate{
    background:#fff;
    position:relative
}
 .page_strength_certificate:before{
    content:'';
    display:block;
    width:100%;
    height:.15rem;
    background:#d8d8d8;
    box-shadow:0 5px 40px 10px rgba(0,0,0,.1);
    position:absolute;
    bottom:0
}
 .page_strength .page_strength_certificate .head_block{
    background:#f8f8f8;
    padding-bottom:.45rem
}
 .page_strength .page_strength_certificate .certificate_swiper{
    padding:.45rem 0;
    max-width:85%
}
 .page_strength .page_strength_certificate .swiper-slide .img_box{
    border:10px solid #d5d5d5;
    cursor:pointer;
    overflow:hidden
}
 .page_strength .page_strength_certificate .swiper-button-next,.page_strength .page_strength_certificate .swiper-button-prev{
    background:#e6e6e6;
    top:60%
}
 .page_strength .page_strength_certificate .swiper-button-next:before,.page_strength .page_strength_certificate .swiper-button-prev::before{
    border-color:#7b7b7b
}
 .common_from{
    display:flex;
    border-radius:.1rem;
    margin-bottom:.9rem;
    margin-top:.65rem
}
 .common_from form{
    width:50%;
    padding-left:.9rem;
    padding-top:.6rem;
    padding-bottom:.3rem
}
 .common_from form .input div input::placeholder,.common_from form .textarea_box textarea::placeholder{
    color:#fff
}
 .common_from form .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.25rem
}
 .common_from form .input div{
    width:31.5%;
    border-bottom:.01rem solid rgb(232 232 232 / 65%);
    color:#fff
}
 .common_from form .input div input{
    padding-bottom:.1rem;
    font-size:.16rem;
    width:100%
}
 .common_from form .upload-box{
    border-bottom:.01rem solid rgb(232 232 232 / 65%)
}
 .common_from form .upload-box{
    margin-bottom:.15rem
}
 .common_from form .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#fff;
    font-size:.16rem;
    overflow:hidden;
    margin-bottom:.1rem
}
 .common_from form .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    height:.4rem;
    width:100%
}
 .common_from form .upload-box .upload-wrap .file-open{
    height:100%;
    width:1.5rem;
    line-height:.36rem;
    padding:0 .1rem;
    border-radius:.05rem;
    background:rgb(255 255 255 / 30%)
}
 .common_from form .upload-box .upload-wrap p{
    font-size:.16rem;
    display:inline-block;
    margin-left:.15rem;
    color:silver
}
 .common_from form .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    margin-right:.2rem
}
 .common_from form .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer
}
 input[type=file]::-webkit-file-upload-button{
    cursor:pointer
}
 .common_from form .textarea_box{
    margin-bottom:.28rem;
    border-bottom:.01rem solid rgb(232 232 232 / 65%)
}
 .common_from form .textarea_box textarea.content{
    width:100%;
    height:.6rem;
    font-size:.16rem;
    color:#fff
}
 .common_from form .submit button .btn_small_wrap .btn_small_list{
    padding:.11rem .45rem;
    border-radius:.04rem;
    color:#fff;
    background:0 0;
    border-color:#fff
}
 .common_from form .submit button .btn_small_wrap .btn_small_list.hover{
    background-color:#e12a29;
    color:#fff;
    border-color:#e12a29
}
 .common_from form .submit button .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.14rem;
    font-family:RobotoBold;
    text-transform:uppercase
}
 .page_products{
    background:#f8f8f8
}
 .page_products .page_products_head{
    display:flex;
    margin-bottom:.45rem;
    justify-content:space-between;
    padding-top:.65rem
}
 .page_products .page_products_head .head_block p{
    text-transform:capitalize
}
 .page_products .page_products_head .search_box{
    display:flex;
    width:25%;
    border-radius:.02rem;
    overflow:hidden
}
 .page_products .page_products_head .search_box .form_control.keywords{
    background:#fff;
    padding:0 .1rem;
    font-size:var(--font-size-f-14);
    width:100%
}
 .page_products .page_products_head .search_box .search_btn{
    width:.5rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background:#fff;
    cursor:pointer;
    transition:all .3s linear
}
 .page_products .page_products_head .search_box .search_btn img{
    filter:brightness(0)
}
 .page_products .page_products_head .search_box .search_btn:hover img{
    filter:brightness(0) invert(1)
}
 .page_products .page_products_cate{
    background:#fff;
    line-height:.7rem;
    display:flex;
    text-align:center;
    justify-content:space-between
}
 .page_products .page_products_cate a{
    width:25%;
    font-size:var(--font-size-f-18)
}
 .page_products .page_products_cate a.active,.page_products .page_products_cate a:hover{
    background:#e12a29;
    color:#fff
}
 .page_products .page_products_box{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem .399rem;
    margin-top:.9rem
}
 .page_products .page_products_box .item{
    flex: 0 0 calc((100% - 3 * .399rem) / 4);
}
 .page_products .page_products_box .item .img_box{
    text-align:center;
    overflow:hidden;
    min-height:3.3rem;
    line-height:3.3rem;
    background:linear-gradient(#afafaf,#d0d0d0)
}
 .page_products .page_products_box .item .text_box{
    margin-top:.2rem
}
 .page_products .page_products_box .item .text_box p{
    font-size:var(--font-size-f-20);
    text-transform:uppercase;
    margin-bottom:.1rem;
    min-height: .9rem;
    -webkit-line-clamp: 3;
}
 .page_products .page_products_box .item .text_box span{
    font-size:var(--font-size-f-16);
    color:#666;
    line-height:1.2
}
 .page_products .page_products_box .item .text_box .more_btn{
    margin-top:.15rem;
    text-align:center;
    overflow:hidden;
    max-height:.5rem
}
 .page_products .page_products_box .item .text_box .more_btn .btn_small_list{
    border-color:#666;
    border-radius:0;
    background:0 0
}
 .page_products .page_products_box .item .text_box .more_btn .btn_small_list.hover{
    color:#fff;
    border-color:#e12a29;
    background:#e12a29
}
 .inside-pagination{
    text-align:center;
    margin-top:.45rem
}
 .inside-pagination ul li a{
    color:#666;
    display:inline-block;
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
    border-radius:.03rem;
    border:.01rem solid #b9b9b9;
    font-size:.18rem;
    transition:all .3s linear
}
 .inside-pagination ul li a.active,.inside-pagination ul li a:hover,.inside-pagination ul li.active a{
    color:#fff;
    background:#e12a29;
    border-color:#e12a29
}
 .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .inside-pagination ul li.next-page a,.inside-pagination ul li.pre-page a{
    border-color:#e12a29
}
 .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.2rem;
    filter:unset
}
 .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .inside-pagination ul li:hover>a>img{
    filter:brightness(0) invert(1)
}
 .page_products .page_products_from{
    padding-bottom:.9rem
}
 .page_products .page_products_from .common_from{
    margin-bottom:0
}
 .show_products .show_products_head{
    padding-top:.9rem;
    padding-bottom:.45rem;
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .show_products .show_products_head .img_box{
    width:45%;
    margin-right:4%
}
 .show_products .show_products_head .text_box{
    width:50%
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    margin-bottom:.2rem;
    min-height:6rem
}
 .show_products .show_products_head .img_box .view_box .swiper-container{
    height:6rem
}
 .show_products .show_products_head .img_box .view_box .swiper-slide{
    line-height:6rem;
    text-align:center
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img:first-child{
    max-height:6rem;
    width:100%
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img:last-child{
    position:absolute;
    bottom:0;
    right:0
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next,.show_products .show_products_head .img_box .view_box .swiper-button-prev{
    background:rgb(154 153 157 / 15%);
    width:.55rem;
    height:1.05rem;
    border-radius:.04rem;
    transition:all .3s linear
}
 .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{
    border-color:#fff;
    width:.2rem;
    height:.2rem;
    left:25%
}
 .show_products .show_products_head .img_box .view_box .swiper-button-prev{
    left:0
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next{
    right:0
}
 .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{
    background:#747474
}
 .show_products .show_products_head .img_box .thumb_box{
    position:relative
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    max-width:82%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width:16.9%;
    height:16.9%;
    border:.01rem solid #e3e3e3;
    overflow:hidden;
    margin-right:.2rem;
    cursor:pointer
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{
    margin-right:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    background:#e3e3e3;
    top:45%;
    border-radius:unset;
    width:.3rem;
    height:.5rem
}
 .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{
    border-color:#6f6f6f;
    width:.12rem;
    height:.12rem;
    top:38.5%;
    border-width:.02rem
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{
    border-color:#e12a29
}
 .show_products .show_products_head .text_box h1{
    font-size:var(--font-size-f-30);
    line-height:1.3;
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .remark{
    font-size:var(--font-size-f-16);
    line-height:1.3;
    color:#666
}
 .show_products .show_products_head .text_box .attribute_box{
    border-bottom:.01rem solid #cfcfcf;
    padding-bottom:.25rem;
    margin-bottom:.25rem
}
 .show_products .show_products_head .text_box .attribute{
    border-top:.01rem solid #cfcfcf;
    margin:.25rem 0;
    padding:.25rem 0;
    margin-bottom:0;
    padding-bottom:0
}
 .show_products .show_products_head .text_box .attribute div{
    display:flex;
    font-size:var(--font-size-f-18);
    margin-bottom:.15rem
}
 .page_product_show .product_show_head .text_box .color_thumbs>p,.show_products .show_products_head .text_box .attribute div p:first-child{
    width:25%
}
 .show_products .show_products_head .text_box .attribute div p:last-child{
    color:#666
}
 .show_products .show_products_head .text_box .color_thumbs{
    display:flex
}
 .show_products .show_products_head .text_box .color_thumbs>p{
    width:30%;
    font-size:.18rem
}
 .show_products .show_products_head .text_box .color_thumbs .color_img{
    display:flex;
    width:70%
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p{
    width:.46rem;
    height:.46rem;
    border:.01rem solid #e7e7e7;
    margin-right:.2rem;
    cursor:pointer;
    transition:all .3s linear
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p:last-child{
    margin-right:0
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p:hover{
    border-color:#000
}
 .show_products .show_products_head .text_box .contact_box{
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .contact_box p{
    font-size:var(--font-size-f-16);
    margin-bottom:.1rem
}
 .show_products .show_products_head .text_box .contact_box img{
    margin-right:.1rem;
    max-width:.24rem
}
 .show_products .show_products_head .text_box .contact_box a{
    margin-right:.1rem
}
 .show_products .show_products_head .text_box .contact_box a:last-child{
    margin-right:0
}
 .show_products .show_products_head .text_box .btn_box{
    margin-bottom:.25rem
}
 .show_products .show_products_head .text_box .btn_box .quote-button{
    cursor:pointer;
    margin-right:.15rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
    border:.01rem solid #e12a29;
    padding:.07rem .38rem;
    background:#e12a29;
    color:#fff;
    border-radius:.04rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
    font-size:var(--font-size-f-16)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:#e12a29
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
    border:.01rem solid #666;
    padding:.07rem .38rem;
    color:#666;
    background:0 0
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{
    background:#e12a29;
    border-color:#e12a29;
    color:#fff
}
 .show_products .show_products_head .text_box .share_box a{
    display:inline-block;
    margin-right:.05rem
}
 .show_products .show_products_head .text_box .share_box a img{
    max-width:.25rem
}
 .show_products_box{
    background:#f8f8f8;
    padding:.9rem 0
}
.show_products_box iframe{
    width: 1200px;
    height: 675px;
}
 .page_news{
    background:#f8f8f8;
    padding-bottom:.9rem
}
 .page-content.page_news .page_more_btn{
    padding-top:.4rem
}
 .page_news .item_box{
    padding-top:.6rem;
    display:flex;
    flex-wrap:wrap;
    gap:.225rem
}
 .page_news .item_box .item{
    flex: 0 0 calc((100% - 2 * .225rem) / 3);
}
 .page_news .item_box .item a{
    padding-bottom:.4rem
}
 .page_news .item_box .item .img_box{
    overflow:hidden
}
 .page_news .item_box .item .text_box{
    background:#fff;
    padding:.2rem
}
 .page_news .item_box .item .text_box .title{
    font-size:var(--font-size-f-20);
    -webkit-line-clamp:2;
    min-height:.48rem;
    margin-bottom:.15rem
}
 .page_news .item_box .item .text_box .remark{
    font-size:var(--font-size-f-16);
    line-height:.26rem;
    color:#666;
    min-height:.78rem;
    margin-bottom:.15rem
}
 .page_news .item_box .item .text_box .other{
    color:#666;
    font-size:var(--font-size-f-14)
}
 .page_news .item_box .item .text_box .other span:first-child{
    margin-right:10px
}
 .page_news .item_box .item .text_box .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.22rem
}
 .page-content .page_more_btn{
    padding:.6rem 0;
    text-align:center
}
 .page-content .page_more_btn .btn_effect4{
    cursor:pointer
}
 .page-content .page_more_btn .btn_effect4 .btn_small_list{
    background:#eee;
    color:#222;
    font-size:var(--font-size-f-16);
    border-radius:.05rem;
    border-color:#eee;
    padding:.1rem .3rem
}
 .page-content .page_more_btn .btn_effect4 .btn_small_list.hover{
    background:#e12a29;
    color:#fff;
    border-color:#e12a29
}
 .page-content .page_more_btn .btn_effect4 .btn_small_icon{
    position:relative
}
 .page-content .page_more_btn .btn_effect4 .btn_small_icon::after{
    content:'';
    display:block;
    position:absolute;
    top:-.04rem;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    content:'';
    width:.08rem;
    height:.08rem;
    border-right:.02rem solid #222;
    border-bottom:.02rem solid #222;
    transform:rotate(45deg);
    cursor:pointer
}
 .page-content .page_more_btn .btn_effect4 .btn_small_list.hover .btn_small_icon::after{
    border-color:#fff
}
 .show_news{
    background:#f8f8f8;
    padding:.4rem 0
}
 .post-info{
    background:#fff;
    color:#333;
    padding:.3rem;
    font-size:var(--font-size-f-16)
}
 .post-info .header{
    margin-bottom:.4rem;
    text-align:center
}
 .post-info .header>h1{
    font-size:var(--font-size-f-36);
    font-family:RobotoBold
}
 .post-info .header>p{
    margin:.2rem auto;
    border-bottom:.01rem solid #eee;
    padding-bottom:.2rem
}
 .post-info .header>p>span{
    margin-right:.3rem;
    font-size:var(--font-size-f-14)
}
 .post-info .header>p>span>img{
    margin-right:.05rem;
    max-width:.2rem
}
 .post-info li,.post-info ul{
    line-height:1.6
}
 .post-info .content{
    border-bottom:.01rem solid #eee;
    padding-bottom:.3rem;
    line-height:1.6
}
 .post-info .content p{
    margin:0;
    margin-bottom:.1rem
}
 .post-info .post-pagination{
    margin-top:.3rem
}
 .post-info .post-pagination p{
    margin:.15rem 0
}
 .post-info .post-pagination p a{
    font-size:var(--font-size-f-16);
    font-family:RobotoBold;
    color:#666
}
 .post-info .post-pagination p a img{
    float:left;
    margin-right:.1rem;
    filter:grayscale(100%)
}
 .post-info .post-pagination p a.prev-page img{
    transform:rotate(180deg)
}
 .post-info .post-pagination p a:hover{
    color:#e12a29
}
 .post-info .post-pagination p a:hover img{
    filter:unset
}
 .show_news .relation{
    margin:.4rem auto
}
 .show_news .relation .header{
    padding:.1rem 0
}
 .show_news .relation .header>h2{
    font-size:var(--font-size-f-26);
    font-family:RobotoBold
}
 .show_news .relation .swiper-relation{
    margin-top:.3rem
}
 .show_news .relation .swiper-relation .swiper-slide{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .show_news .relation .swiper-relation .swiper-slide .imgbox{
    width:35%
}
 .show_news .relation .swiper-relation .swiper-slide .textbox{
    width:65%;
    background:#fff;
    padding:.3rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox a h3{
    font-size:var(--font-size-f-20);
    font-family:RobotoBold;
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
 .show_news .relation .swiper-relation .swiper-slide:hover .textbox a h3{
    color:#e12a29
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other{
    color:#666;
    font-size:var(--font-size-f-14);
    margin-top:.2rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span:first-child{
    margin-right:10px
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem
}
 .post-info ul,.post-info ul li{
    list-style:disc;
    list-style-type:disc;
    list-style-position:inside
}
 .post-info ol,.post-info ol li{
    list-style:decimal inside!important
}
 .infomation{
    background:#f8f8f8;
    padding:.4rem 0
}
 .infobox{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .infobox .leftbox{
    width:58%;
    background:#fff;
    padding:.4rem
}
 .infobox .leftbox h2{
    font-size:var(--font-size-f-20);
    font-family:RobotoBold;
    padding-bottom:.25rem;
    border-bottom:.01rem solid #dedede
}
 .infobox .leftbox .contactinfo>div{
    display:flex;
    margin:.2rem auto
}
 .infobox .leftbox .contactinfo>div .imgbox{
    width:.6rem;
    padding:0;
    margin-right:.1rem
}
 .infobox .leftbox .contactinfo>div .imgbox img{
    max-width:.59rem
}
 .infobox .leftbox .contactinfo>div div{
    font-size:var(--font-size-f-16);
    color:#666;
    padding-top:.05rem
}
 .infobox .leftbox .contactinfo>div div b{
    font-size:var(--font-size-f-18);
    color:#333;
    font-family:RobotoBold
}
 .infobox .leftbox .contactinfo>div div a{
    color:#666
}
 .infobox .rightbox{
    width:40%
}
 .infobox .rightbox .swiper-business .b-item{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background:#fff;
    padding:.2rem;
    align-items:center
}
 .infobox .rightbox .swiper-business .b-item .imgbox{
    width:17%;
    text-align:center
}
 .infobox .rightbox .swiper-business .b-item .imgbox img{
    border-radius:50%
}
 .infobox .rightbox .swiper-business .b-item .business-info{
    width:50%;
    padding-left:.2rem
}
 .infobox .rightbox .swiper-business .b-item .business-info p{
    margin:.1rem auto;
    font-size:var(--font-size-f-16);
    color:#666
}
 .infobox .rightbox .swiper-business .b-item .business-info p a{
    color:#666
}
 .infobox .rightbox .swiper-business .b-item .business-info p b{
    font-size:var(--font-size-f-18);
    color:#333;
    font-family:RobotoBold
}
 .infobox .rightbox .swiper-business .b-item .whatsappbox{
    width:30%;
    text-align:center;
    position:unset
}
 .infobox .rightbox .swiper-business .b-item .whatsappbox>a{
    color:#666;
    padding:.1rem .2rem;
    border:.01rem solid #ddd;
    border-radius:.3rem
}
 .infobox .rightbox .swiper-business .b-item .whatsappbox>a>span>img{
    width:.27rem;
    height:auto
}
 .infobox .leftbox .contactinfo>div div a:hover,.infobox .rightbox .swiper-business .b-item .business-info p a:hover{
    color:#e12a29
}
 .messagebox{
    padding:.4rem
}
 .messagebox>h2{
    font-size:var(--font-size-f-40);
    color:#333;
    text-align:center;
    font-family:RobotoBold
}
 .messagebox>p{
    margin:.2rem auto;
    font-size:var(--font-size-f-16);
    color:#666;
    text-align:center
}
 .messagebox .frombox{
    width:90%;
    margin:.3rem auto
}
 .messagebox .frombox .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.2rem
}
 .messagebox .frombox .input>div{
    width:32.5%
}
 .messagebox .frombox .input input{
    width:100%;
    padding:.15rem .2rem
}
 .messagebox .frombox .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden
}
 .messagebox .frombox .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:.2rem;
    background:#f6f6f6;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .messagebox .frombox .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.04rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center
}
 .messagebox .frombox .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem;
    max-width:45%
}
 .messagebox .frombox .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    filter:brightness(0) invert(.5)
}
 .messagebox .frombox .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2
}
 .messagebox .frombox textarea{
    width:100%;
    height:1.5rem;
    padding:.15rem .2rem;
    margin-bottom:.2rem
}
 .messagebox .frombox .input input,.messagebox .frombox textarea{
    background:#f8f8f8;
    border:0;
    resize:none;
    font-size:var(--font-size-f-16)
}
 .messagebox .frombox .submit{
    text-align:center
}
 .messagebox .frombox .submit input{
    padding:.05rem .3rem;
    color:#fff;
    background:#e12a29;
    border:0;
    font-size:var(--font-size-f-20);
    border-radius:.3rem
}
 .our-box{
    background:#f8f8f8;
    padding:.4rem 0;
    color:#666;
    font-size:var(--font-size-f-16)
}
 .our-box>div>h1{
    font-size:var(--font-size-f-40);
    color:#333;
    text-align:center;
    margin:.3rem auto;
    font-family:RobotoBold
}
 .our-box>div>p{
    text-align:center;
    margin-top:.2rem;
    margin-bottom:.5rem
}
 .our-box .our-list .one-box{
    border-left:.01rem solid #ddd;
    padding:0 .2rem
}
 .our-box .our-list .one-box h2{
    font-size:var(--font-size-f-20);
    color:#333;
    font-family:RobotoBold;
    position:relative;
    margin-bottom:5%
}
 .our-box .our-list .one-box h2::before{
    display:block;
    content:'';
    width:.03rem;
    height:.2rem;
    background:#e12a29;
    position:absolute;
    left:-.22rem;
    top:0
}
 .our-box .our-list .one-box p{
    margin:.1rem auto
}
 .our-box .our-list .one-box p b{
    font-family:RobotoBold
}
 .our-box .our-list .one-box p a{
    color:#666
}
 .our-box .our-list .one-box p a:hover{
    color:#e12a29
}
 .page-content.page_download{
    background:#f8f8f8;
    padding-top:.6rem;
    padding-bottom:1rem
}
 .page-content.page_download .page_download_head{
    font-size:var(--font-size-f-30);
    font-family:RobotoBold;
    margin-bottom:.4rem
}
 .page-content.page_download .page_download_box .item_box{
    display:flex;
    flex-wrap:wrap
}
 .page-content.page_download .page_download_box .item{
    width:100%;
    display:flex;
    justify-content:space-between;
    background:#fff;
    margin-bottom:.1rem
}
 .page-content.page_download .page_download_box .item .left{
    width:70%
}
 .page-content.page_download .page_download_box .item .left a{
    padding:.3rem 0;
    padding-left:.3rem;
    width:100%;
    font-size:var(--font-size-f-20);
    display:flex;
    align-items:center
}
 .page-content.page_download .page_download_box .item .left a img{
    margin-right:.2rem;
    max-width:.28rem
}
 .page-content.page_download .page_download_box .item .right{
    width:30%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:var(--font-size-f-16);
    padding:0 .3rem
}
 .page-content.page_download .page_download_box .item .right .download img,.page-content.page_download .page_download_box .item .right .downloadbutton a img,.page-content.page_download .page_download_box .item .right .time img{
    margin-right:.1rem;
    vertical-align:middle;
    margin-top:-.03rem;
    max-width:.19rem
}
 .page-content.page_download .page_download_box .item .right .downloadbutton a{
    padding:.1rem;
    border:.01rem solid #ddd;
    border-radius:.05rem
}
 .page-content.page_download .page_download_box .item .right .downloadbutton a:hover{
    background:#e12a29;
    color:#fff
}
 .page-content.page_download .page_download_box .item .right .downloadbutton a:hover img{
    filter:brightness(0) invert(1)
}
 .show_products .page_recommend_pro{
    padding-top:.6rem;
    padding-bottom:.65rem;
    background:#f8f8f8
}
 .show_products .page_recommend_pro .page_content_block{
    font-size:.36rem;
    margin-bottom:.3rem;
    font-family:RobotoBold;
    text-align:center;
    text-transform:uppercase
}
 .show_products .page_recommend_pro .page_recommend_pro_box{
    position:relative
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    background:#f4f4f4;
    width:.66rem;
    height:.66rem;
    border-radius:100vh;
    border:.02rem solid #999;
    transition:all .3s linear
}
 .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{
    border-color:#999
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
    right:-1.2rem;
    margin-left:.35rem
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    left:-1.2rem
}
 .show_products .page_recommend_pro .swiper-container{
    padding-bottom:.85rem
}
 .show_products .page_recommend_pro .swiper-pagination{
    bottom:0
}
 .show_products .page_recommend_pro .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .show_products .page_recommend_pro .swiper-pagination-bullet-active{
    width:.74rem
}
 .show_products .page_recommend_pro .item{
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    overflow:hidden
}
 .show_products .page_recommend_pro .item .img_box{
    overflow:hidden;
    background:#fff;
    min-height:3rem;
    text-align:center;
    line-height:3rem
}
 .show_products .page_recommend_pro .item .text_box{
    margin-top:.15rem
}
 .show_products .page_recommend_pro .item .text_box i{
    font-style:normal;
    color:#2673ff
}
 .show_products .page_recommend_pro .item .text_box p{
    font-size:var(--font-size-f-20);
    font-family:RobotoBold;
    line-height:1.2;
    margin-bottom:.1rem;
    min-height:.48rem
}
 .show_products .page_recommend_pro .item .text_box span{
    font-size:.16rem;
    color:#333
}
.bl_product_show > *{
    max-width:14rem;
    margin: auto;
}
 .bl_product_show .bl_show_title{
    font-size:48px;
    text-align:center
}
 .bl_product_show .bl_show_remark{
    font-size:24px;
    color:#666;
    text-align:center
}
 .bl_product_show .bl_show_box1 .bl_show_box1_item{
    margin-top:45px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .bl_product_show .bl_show_box1 .bl_show_box1_item .item{
    background:#fff;
    width:31.85%
}
 .bl_product_show .bl_show_box1 .bl_show_box1_item .item .img_box{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    overflow:hidden
}
 .bl_product_show .bl_show_box1 .bl_show_box1_item .item .text_box{
    text-align:center;
    padding:20px
}
 .bl_product_show .bl_show_box1 .bl_show_box1_item .item .text_box p:first-child{
    font-size:24px
}
 .bl_product_show .bl_show_box1 .bl_show_box1_item .item .text_box p:last-child{
    font-size:18px;
    color:#666;
    line-height:1.2
}
 .bl_product_show .bl_show_box2{
    padding:45px 0;
    background:#fff;
    max-width: 100%;
}
 .bl_product_show .bl_show_box2 .bl_show_box2_item{
    margin-top:45px;
    display:flex;
    gap:15px;
    flex-wrap:wrap
}
 .bl_product_show .bl_show_box2 .bl_show_box2_item .item{
    width:49.55%;
    position:relative;
    border-radius:8px;
    overflow:hidden
}
 .bl_product_show .bl_show_box2 .bl_show_box2_item .item .other{
    font-size:20px;
    color:#fff;
    background:rgb(225 42 41 / 90%);
    width:fit-content;
    padding:15px 70px;
    bottom:16.5%
}
 .bl_product_show .bl_show_box2 .bl_show_box2_item .item .text_box{
    position:absolute;
    bottom:0;
    width:100%
}
 .bl_product_show .bl_show_box2 .bl_show_box2_item .item .text_box p{
    font-size:16px;
    color:#fff;
    background:rgba(0,0,0,.7);
    padding:30px;
    width:100%
}
 .bl_product_show .bl_show_box3{
    padding:45px 0
}
 .bl_product_show table{
    border-color:#b9b9b9
}
 .bl_product_show table th{
    color:#333;
    text-align:center;
    font-size:20px;
    font-weight:unset;
    padding:35px
}
 .bl_product_show table tr{
    background:#fff
}
 .bl_product_show table thead tr{
    background:#f5f5f5
}
 .bl_product_show table td{
    font-size:20px;
    color:#666;
    text-align:center;
    padding:10px
}
 .bl_product_show table tr:nth-child(even){
    background:#f5f5f5
}
 .bl_product_show .bl_show_box4{
    padding:45px 0;
    max-width: 100%;
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item{
    display:flex;
    justify-content:space-between;
    margin:45px 0;
    gap:15px
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item{
    width:40%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:#fff
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item:nth-child(1){
    border-top-right-radius:5px;
    border-bottom-right-radius:10px
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item:nth-child(2){
    width:31%;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item:nth-child(3){
    width:31%;
    flex-direction:column-reverse;
    border-bottom-left-radius:5px
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item .img_box{
    overflow:hidden
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item .text_box{
    padding:30px;
    text-align:center
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item .text_box p:last-child{
    font-size:16px;
    color:#666
}
 .bl_product_show .bl_show_box4 .bl_show_box4_item .item .text_box p:first-child{
    font-size:24px;
    margin-bottom:10px
}
 .bl_product_show .bl_show_box5 .bl_show_box5_item{
    margin-top:45px;
    display:flex;
    justify-content:space-between
}
 .bl_product_show .bl_show_box5 .bl_show_box5_item .item{
    width:25%;
    background:#f8f8f8;
    padding:0 3%
}
 .bl_product_show .bl_show_box5 .bl_show_box5_item .item .img_box{
    text-align:center;
    margin-bottom:15px
}
 .bl_product_show .bl_show_box5 .bl_show_box5_item .item .text_box{
    text-align:center
}
 .bl_product_show .bl_show_box5 .bl_show_box5_item .item .text_box i{
    width:46px;
    height:46px;
    display:inline-block;
    border-radius:100vh;
    font-style:unset;
    background:#999;
    line-height:46px;
    text-align:center;
    font-size:20px;
    color:#fff
}
 .bl_product_show .bl_show_box5 .bl_show_box5_item .item .text_box p:last-child{
    font-size:20px;
    line-height:1.2;
    margin-top:10px
}
 @media (max-width:1600px){
    .bl_product_show .bl_show_box2 .bl_show_box2_item{
        gap:10px
    }
}
 @media (max-width:1440px){
    .bl_product_show .bl_show_box2 .bl_show_box2_item .item{
        width:49.25%
    }
     .bl_product_show .bl_show_box3{
        padding-bottom:0
    }
     .bl_product_show .bl_show_box4{
        padding-bottom:0
    }
     .bl_product_show .bl_show_box4 .bl_show_box4_item .item .img_box{
        height:100%
    }
     .bl_product_show .bl_show_box4 .bl_show_box4_item .item .img_box p{
        height:100%
    }
     .bl_product_show .bl_show_box4 .bl_show_box4_item .item .img_box img{
        height:100%;
        object-fit:cover
    }
}
 @media (min-width:769px) and (max-width:1400px){
    .bl_product_show .bl_show_box1 .bl_show_box1_item{
        width:90%;
        margin:auto;
        margin-top:20px
    }
     .bl_product_show .bl_show_box1 .bl_show_box1_item .item .text_box p:first-child{
        font-size:20px
    }
     .bl_product_show .bl_show_box1 .bl_show_box1_item .item .text_box p:last-child{
        font-size:16px
    }
     .bl_product_show table td{
        font-size:18px
    }
     .bl_product_show .bl_show_title{
        font-size:36px
    }
     .bl_product_show .bl_show_remark{
        font-size:20px
    }
     #show_products_form .auto-container,.show_products .auto-container{
        max-width:90%
    }
     .show_products .show_products_head{
        padding-top:3%
    }
     .show_products .show_products_head .text_box h1{
        margin-top:10px;
        margin-bottom:10px
    }
     .page_products .auto-container{
        max-width:90%
    }
     .page_products .page_products_box .item .text_box p{
        min-height:.5rem
    }
}
 @media(max-width:1080px){
    .bl_product_show .bl_show_box2 .bl_show_box2_item .item .other{
        padding:10px 45px
    }
}
 @media(max-width:768px){
    .bl_product_show .bl_show_title{
        font-size:30px
    }
     .bl_product_show .bl_show_remark{
        font-size:22px
    }
     .bl_product_show .bl_show_box1 .bl_show_box1_item{
        flex-wrap:wrap
    }
     .bl_product_show .bl_show_box1 .bl_show_box1_item .item{
        width:100%
    }
     .bl_product_show .bl_show_box2 .bl_show_box2_item .item{
        width:100%;
        border-radius:0!important
    }
     .bl_product_show .bl_show_box2 .bl_show_box2_item .item .other{
        font-size:16px
    }
     .bl_product_show .bl_show_box2 .bl_show_box2_item .item .text_box p{
        font-size:18px;
        padding:15px;
        line-height:1.2
    }
     .bl_product_show table th{
        padding:20px;
        font-size:18px
    }
     .bl_product_show .bl_show_box4 .bl_show_box4_item{
        flex-wrap:wrap
    }
     .bl_product_show .bl_show_box4 .bl_show_box4_item .item{
        width:100%!important;
        border-radius:0!important
    }
     .bl_product_show .bl_show_box4 .bl_show_box4_item .item:nth-child(3){
        flex-direction:column
    }
     .bl_product_show .bl_show_box5 .bl_show_box5_item{
        flex-wrap:wrap
    }
     .bl_product_show .bl_show_box5 .bl_show_box5_item .item{
        width:50%;
        margin-bottom:30px
    }
}
 

@media (max-width:1440px){
    .head_block p{
        font-size:var(--font-size-f-40)
    }
     .index_pro_categories{
        margin-bottom:.75rem
    }
     .index_pro_categories .index_pro_swiper .swiper-slide .item a .text_box p{
        font-size:var(--font-size-f-18)
    }
     .btn_effect4 .btn_small_wrap .btn_small_list{
        padding:.09rem .3rem
    }
     .index_pro_categories .index_video_swiper .swiper-slide .item .text_box{
        font-size:var(--font-size-f-20)
    }
     .index_section2{
        background-size:cover!important;
        padding-bottom:.75rem
    }
     .index_section2 .index_section2_box .item .txt span{
        font-size:var(--font-size-f-18)
    }
     .section.index_section3{
        margin:.75rem 0
    }
     .index_section4{
        background-size:cover!important
    }
     .index_section4 .swiper-pagination .swiper-pagination-bullet img{
        max-width:.75rem
    }
     .section.index_section5{
        margin-top:.75rem
    }
     .section.index_section6{
        padding-top:.75rem
    }
     .page_inside .page_inside_box a{
        font-size:var(--font-size-f-16)
    }
     .page_inside .page_inside_cate a{
        line-height:.65rem;
        font-size:var(--font-size-f-20)
    }
     .page_inside .page_inside_cate a:before{
        height:.02rem
    }
     .page_about{
        padding:.75rem 0
    }
     .page_about>.auto-container{
        padding-bottom:.75rem
    }
     .page_about .page_about_history{
        padding:.75rem 0
    }
     .page_about .page_about_history_box .history_swiper{
        max-width:85%
    }
     .page_about .page_about_history_box:before{
        width:90%;
        right:0;
        margin:auto;
        top:17.5%
    }
     .page_about .page_about_history_box .swiper-button-next,.page_about .page_about_history_box .swiper-button-prev{
        top:15.5%
    }
     .page_about .page_about_history_box .swiper-button-prev{
        left:0
    }
     .page_about .page_about_history_box .swiper-button-next{
        right:0
    }
     .page_about .page_about_vision{
        padding:.75rem 0;
        padding-bottom:0
    }
     .page_about .page_about_vision_box .text_box{
        font-size:var(--font-size-f-18)
    }
     .page_strength>.auto-container{
        padding:.75rem 0
    }
     .page_strength .page_strength_box{
        margin-top:.75rem
    }
     .page_strength .page_strength_box .item{
        width:31.75%
    }
     .common_from{
        margin-bottom:.75rem
    }
     .page_products .page_products_from{
        padding-bottom:.75rem
    }
     .page_products .page_products_from .common_from{
        margin-bottom:0;
        background-size:cover!important
    }
     .page_products .page_products_head{
        padding-top:.45rem
    }
     .page_products .page_products_head .search_box .form_control.keywords{
        font-size:var(--font-size-f-16)
    }
     .page_products .page_products_box{
        margin-top:.75rem
    }

     .page_products .page_products_box .item .text_box span{
        font-size:var(--font-size-f-18);
        word-break: break-all;
    }
     .show_products .show_products_head .text_box .contact_box p{
        font-size:var(--font-size-f-18)
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
        font-size:var(--font-size-f-18)
    }
     .show_products_box{
        padding:.45rem 0
    }
     .page_news .item_box .item .text_box .remark{
        font-size:var(--font-size-f-18);
        line-height:1.2;
        min-height:.58rem
    }
     .page_news .item_box .item .text_box .other{
        font-size:var(--font-size-f-16)
    }
     .post-info .header>p>span{
        font-size:var(--font-size-f-18)
    }
     .infobox .leftbox h2{
        font-size:var(--font-size-f-26)
    }
     .infobox .leftbox .contactinfo>div div,.infobox .rightbox .swiper-business .b-item .business-info p{
        font-size:var(--font-size-f-18)
    }
     .infobox .leftbox .contactinfo>div div b,.infobox .rightbox .swiper-business .b-item .business-info p b{
        font-size:var(--font-size-f-20)
    }
     .infobox .rightbox .swiper-business .b-item .whatsappbox>a{
        padding:.05rem .15rem
    }
     .messagebox>p{
        font-size:var(--font-size-f-18)
    }
     .messagebox .frombox .input input,.messagebox .frombox textarea{
        font-size:var(--font-size-f-18)
    }
     .our-box>div>h1{
        margin-bottom:0
    }
     .our-box>div>p{
        margin-bottom:.3rem;
        font-size:var(--font-size-f-18)
    }
     .our-box .our-list .one-box h2{
        font-size:var(--font-size-f-22)
    }
     .our-box .our-list .one-box p{
        font-size:var(--font-size-f-18)
    }
     .show_products .page_recommend_pro{
        padding-top:0
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
        right:-.2rem
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        left:-.2rem
    }
     .show_products .page_recommend_pro .swiper-container{
        max-width:90%
    }
}
 @media (max-width:1400px){
    .section .head_block .title{
        font-size:var(--font-size-f-30);
        line-height:normal
    }
}
 @media(max-width:1080px){
    .index_pro_categories .index_pro_swiper .swiper-slide .item a .text_box{
        height:1.54rem
    }
     .page_strength .page_strength_box .item{
        width:31.25%
    }
     .common_from form{
        width:100%;
        padding-right:.9rem
    }
     .page_products .page_products_cate{
        padding:0 .1rem
    }
     .page_products .page_products_cate a{
        width:auto
    }
   
     .page_products .page_products_box .item .text_box .more_btn{
        max-height:max-content
    }
     .show_products .show_products_head{
        flex-direction:column
    }
     .show_products .show_products_head .img_box{
        width:100%;
        margin-right:0;
        margin-bottom:.3rem
    }
     .show_products .show_products_head .text_box{
        width:100%
    }
     .show_news .relation .swiper-relation .swiper-slide .imgbox a{
        display:block;
        height:100%
    }
     .show_news .relation .swiper-relation .swiper-slide .imgbox img{
        height:100%;
        object-fit:cover
    }
     .infobox .leftbox{
        width:100%;
        margin-bottom:.45rem
    }
     .infobox .rightbox{
        width:100%
    }
     .messagebox .frombox .input{
        flex-wrap:wrap
    }
     .messagebox .frombox .input>div{
        width:100%;
        margin-bottom:.15rem
    }
     .page-content.page_download .page_download_box .item{
        flex-wrap:wrap;
        padding-bottom:.15rem
    }
     .page-content.page_download .page_download_box .item .left{
        width:100%
    }
     .page-content.page_download .page_download_box .item .left a{
        padding:.2rem
    }
     .page-content.page_download .page_download_box .item .right{
        width:100%
    }

     .show_products_box iframe{
            width: 90%;
        height: 23.4vh;
        }
 }
 @media(max-width:768px){
    .index_banner{
        padding-top:60px
    }
     .section{
        padding:.45rem 0
    }
     .head_block p{
        font-size:var(--font-size-f-32)
    }
     .head_block span{
        font-size:var(--font-size-f-16)
    }
     .index_banner .banner_Swiper .swiper-button-next,.index_banner .banner_Swiper .swiper-button-prev{
        display:none
    }
     .index_pro_categories .index_pro_head{
        flex-wrap:wrap
    }
     .index_pro_categories .index_pro_head .head_block{
        margin-bottom:10px
    }
     .index_pro_categories .index_pro_head .more{
        font-size:var(--font-size-f-16)
    }
     .index_pro_categories .index_pro_swiper .swiper-pagination-bullet{
        width:.2rem
    }
     .index_pro_categories .index_pro_swiper .swiper-slide .item a .img_box{
        min-height:5rem;
        line-height:5rem;
        height:5rem;
        overflow:hidden
    }
     .index_section2 .head_block span{
        font-size:var(--font-size-f-18);
        line-height:1.5
    }
     .index_section2 .index_section2_box{
        flex-wrap:wrap
    }
     .index_section2 .index_section2_box .item{
        width:50%;
        margin-bottom:.3rem
    }
     .index_section2 .section2_video{
        height:3.5rem
    }
     .index_section2 .section2_video .img_box{
        height:100%
    }
     .index_section2 .section2_video .img_box img{
        height:100%;
        object-fit:cover
    }
     .section.index_section3{
        margin:.5rem 0
    }
     .index_section3 .auto-container{
        flex-wrap:wrap
    }
     .index_section3 .head_block{
        margin-bottom:.3rem
    }
     .index_section4 .section4_swiper{
        padding-bottom:1.6rem
    }
     .index_section4 .section4_swiper .swiper-wrapper{
        margin-bottom:.3rem
    }
     .index_section4 .swiper-slide .item{
        flex-wrap:wrap
    }
     .index_section4 .swiper-slide .item .img_box,.index_section4 .swiper-slide .item .text_box{
        width:100%
    }
     .index_section4 .swiper-slide .item .img_box{
        margin-bottom:.2rem
    }
     .index_section4 .swiper-slide .item .text_box{
        padding:0
    }
     .index_section4 .swiper-slide .item .text_box .other{
        margin-bottom:.2rem
    }
     .index_section4 .swiper-slide .item .text_box .remark{
        font-size:var(--font-size-f-18)
    }
     .index_section4 .swiper-pagination{
        flex-wrap:wrap;
        justify-content:space-between
    }
     .index_section4 .swiper-pagination .swiper-pagination-bullet{
        width:62px;
        height:62px;
        margin-right:10px!important;
        padding:0;
        text-align:center
    }
     .index_section4 .swiper-pagination .swiper-pagination-bullet img{
        max-width:60px
    }
     .index_section4 .swiper-pagination .swiper-pagination-bullet p{
        display:none
    }
     .index_section4 .swiper-button-next,.index_section4 .swiper-button-prev{
        bottom:15%
    }
     .index_section4 .swiper-button-next{
        right:unset;
        left:15%
    }
     .index_section4 .swiper-button-prev{
        left:0
    }
     .section.index_section5{
        margin-top:.45rem
    }
     .index_section6 .index_section6_box .index_section6_swiper .swiper-pagination-bullet{
        width:.1rem;
        height:.1rem;
        border-radius:.1rem
    }
     .page_banner{
        padding-top:.8rem
    }
     .page_inside .auto-container{
        flex-wrap:wrap
    }
     .page_inside .page_inside_box{
        width:100%
    }
     .page_inside .page_inside_box a{
        font-size:var(--font-size-f-14)
    }
     .page_inside .page_inside_cate a{
        font-size:var(--font-size-f-18)
    }
     .page_about{
        padding:.45rem 0
    }
     .page_about .page_about_box_head{
        flex-wrap:wrap
    }
     .page_about .page_about_box_head .img_box,.page_about .page_about_box_head .text_box{
        width:100%
    }
     .page_about .page_about_box_head .img_box{
        margin-bottom:.3rem
    }
     .page_about .page_about_box_head .text_box h1{
        font-size:var(--font-size-f-28)
    }
     .page_about .page_about_box_head .text_box p{
        font-size:var(--font-size-f-20)
    }
     .page_about .page_about_history{
        padding:.45rem 0
    }
     .page_about .page_about_history_box .history_swiper{
        padding-bottom:.5rem
    }
     .page_about .page_about_history_box:before{
        top:15%
    }
     .page_about .page_about_history_box .swiper-pagination-bullet{
        width:10px;
        height:10px;
        background:#ddd
    }
     .page_about .page_about_history_box .swiper-pagination-bullet-active{
        background:#e12a29
    }
     .page_about .page_about_history_box .swiper-button-next,.page_about .page_about_history_box .swiper-button-prev{
        display:none
    }
     .page_about .page_about_vision_box{
        flex-wrap:wrap
    }
     .page_about .page_about_vision_box .img_box,.page_about .page_about_vision_box .text_box{
        width:100%
    }
     .page_about .page_about_vision_box .img_box{
        margin-bottom:.3rem
    }
     .page_about .page_about_vision_box .text_box{
        padding:0
    }
     .page_strength>.auto-container{
        padding:.45rem 0
    }
     .page_strength .page_strength_box{
        margin-top:.45rem
    }
     .page_strength .page_strength_box .item{
        width:100%
    }
     .page_strength_certificate:before{
        height:.4rem
    }
     .page_strength .page_strength_certificate .certificate_swiper{
        padding-bottom:.8rem
    }
     .page_strength .page_strength_certificate .swiper-pagination{
        bottom:.15rem!important;
        left:0;
        right:0
    }
     .page_strength .page_strength_certificate .swiper-pagination-bullet{
        width:10px;
        height:10px;
        background:#fff
    }
     .page_strength .page_strength_certificate .swiper-pagination-bullet-active{
        background:#df2c27
    }
     .page_strength .page_strength_certificate .swiper-button-next,.page_strength .page_strength_certificate .swiper-button-prev{
        display:none
    }
     .common_from{
        background-size:cover!important
    }
     .common_from form{
        padding:.3rem
    }
     .common_from form .input{
        flex-wrap:wrap
    }
     .common_from form .input div{
        width:100%;
        margin-bottom:.15rem
    }
     .common_from form .input div input,.common_from form .textarea_box textarea.content,.common_from form .upload-box .upload-wrap p{
        font-size:var(--font-size-f-16);
        line-height:.45rem
    }
     .common_from form .submit button .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:var(--font-size-f-14)
    }
     .page_products .page_products_head{
        flex-wrap:wrap
    }
     .page_products .page_products_head .head_block{
        width:100%;
        margin-bottom:.2rem
    }
     .page_products .page_products_head .search_box{
        width:100%
    }
     .page_products .page_products_cate{
        flex-wrap:wrap;
        display:flex;
        justify-content:space-between;
        padding:0;
        background:unset
    }
     .page_products .page_products_cate a{
        width:49%;
        background:#fff;
        margin-bottom:5px
    }
     .page_products .page_products_box{
        margin-top:.45rem;
        gap:.4rem .2rem;
        overflow: hidden;
    }
     .page_products .page_products_box .item{
        flex: 0 0 100%;
        align-items:center
    }

     .page_products .page_products_box .item .img_box{
        min-height:auto;
        line-height:unset
    }
     .page_products .page_products_box .item .text_box{
        margin:0
    }
     .page_products .page_products_box .item .text_box p{
        min-height:.72rem;
        line-height:1.3;
        margin-bottom:.15rem
    }
     .page_products .page_products_box .item .text_box .more_btn{
        text-align:left
    }
     .page_products .page_products_box .item .text_box .more_btn .btn_small_list{
        padding:.05rem .2rem
    }
     .page_products .page_products_box .item .text_box .more_btn .btn_small_list .btn_main_text{
        font-size:var(--font-size-f-18)
    }
     .show_products .show_products_head{
        padding-top:.45rem
    }
     .show_products .show_products_head .img_box .view_box{
        min-height:max-content
    }
     .show_products .show_products_head .img_box .view_box .swiper-container{
        height:max-content
    }
     .show_products .show_products_head .img_box .view_box .swiper-slide{
        line-height:normal
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-slide{
        width:20.9%
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
        height:100%
    }
     .show_products .show_products_head .text_box h1{
        font-size:var(--font-size-f-28)
    }
     .show_products .show_products_head .text_box .remark{
        font-size:var(--font-size-f-18);
        line-height: 24px;
    }
     .show_products .show_products_head .text_box .attribute div{
        font-size:var(--font-size-f-16)
    }
     .show_products .show_products_head .text_box .attribute div p:first-child{
        width:44%
    }
     .show_products .show_products_head .text_box .attribute div p:last-child{
        width:60%;
        line-height:1.3
    }
     .page_news{
        padding-bottom:.45rem
    }
     .page_news .item_box .item{
        flex: 0 0 100%;
    }
     .page_news .item_box .item .text_box .title{
        min-height:auto
    }
     .post-info .header>h1{
        font-size:var(--font-size-f-26)
    }
     .post-info .header>p>span{
        font-size:var(--font-size-f-16)
    }
     .show_news .relation .swiper-relation{
        padding-bottom:.45rem
    }
     .show_news .relation .swiper-relation .swiper-pagination-bullet{
        width:10px;
        height:10px;
        background:#ddd
    }
     .show_news .relation .swiper-relation .swiper-pagination-bullet-active{
        background:#e12a29
    }
     .infobox .leftbox{
        padding:.3rem
    }
     .infobox .leftbox .contactinfo>div div{
        font-size:var(--font-size-f-16)
    }
     .infobox .rightbox .swiper-business .b-item{
        flex-direction:column;
        text-align:center;
        padding:.3rem .2rem
    }
     .infobox .rightbox .swiper-business .b-item .business-info{
        width:100%;
        text-align:center;
        margin-bottom:.2rem
    }
     .infobox .rightbox .swiper-business .b-item .whatsappbox{
        width:100%
    }
     .infobox .rightbox .swiper-business .b-item .whatsappbox>a{
        padding:8px 15px
    }
     .infobox .rightbox .swiper-business{
        padding-bottom:.45rem
    }
     .infobox .rightbox .swiper-business .swiper-pagination-bullet{
        width:8px;
        height:8px;
        background:#ddd
    }
     .infobox .rightbox .swiper-business .swiper-pagination-bullet-active{
        background:#e12a29
    }
     .messagebox{
        padding:.4rem .2rem
    }
     .messagebox .frombox{
        width:100%
    }
     .messagebox .frombox .input{
        margin-bottom:0
    }
     .our-box .our-list .one-box p{
        font-size:var(--font-size-f-16)
    }
     .our-box .our-list .swiper-container{
        padding-bottom:.45rem
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        display:none
    }
     .show_products .page_recommend_pro .swiper-container{
        padding-bottom:.45rem
    }
     .show_products .page_recommend_pro .swiper-pagination-bullet{
        background:#ddd;
        width:10px;
        height:10px;
        border-radius:10px
    }
     .show_products .page_recommend_pro .swiper-pagination-bullet-active{
        background:#e12a29
    }
     .show_products .page_recommend_pro .item .text_box span{
        font-size:var(--font-size-f-18)
    }
    .inside-pagination ul li{
        margin-bottom: 10px;
    }
    .bl_product_show .bl_show_box2 .bl_show_box2_item .item .img_box img{min-height:300px;object-fit:cover}
    .bl_product_show .bl_show_box2 .bl_show_box2_item .item .other{padding: 5px 15px !important;font-size: 14px !important;}
    .bl_product_show .bl_show_box2 .bl_show_box2_item .item .text_box p{font-size: 14px !important;line-height: 20px !important;padding: 8px !important;}
    .bl_product_show > *{
        max-width: 95%;
    }
    .bl_product_show .bl_show_title,
    .bl_product_show .bl_show_title span,
    .bl_product_show .bl_show_title p{
        font-size: 26px !important;
    }
     .bl_product_show .bl_show_remark{
     font-size: 18px !important;
     line-height: 22px;
     }
     .bl_product_show .h1,.bl_product_show .h2,.bl_product_show .h3,.bl_product_show h1,.bl_product_show h2,.bl_product_show h3{margin-top:20px;margin-bottom:10px}
.bl_product_show .h4,.bl_product_show .h5,.bl_product_show .h6,.bl_product_show h4,.bl_product_show h5,.bl_product_show h6{margin-top:10px;margin-bottom:10px}
.bl_product_show p{margin: 0 auto 10px;}
.bl_product_show ol,.bl_product_show ul{margin-top:0;margin-bottom:10px}
.bl_product_show ul li{list-style:disc}
.bl_product_show ol li{list-style:decimal}
.bl_product_show blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}
}
 
}
 
@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
    }
    .page_news .item_box .item{
        
    }
}
 @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 li:nth-child(2){
        display:none;
    }
     .additional_features li a{
         width: 55px;
         height: 55px;
         line-height: 50px;
     }
     .additional_features li a.left_whatsapp img,
     .additional_features li a.left_email img,
     .additional_features li a.up_btn img,
     .additional_features li:hover a.left_whatsapp img,
     .additional_features li:hover a.left_email img,
     .additional_features li:hover a.up_btn img{
         max-width: 23px;
     }
     .additional_features li:hover{
         transform: unset;
     }
     .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
    }
}