@media screen and (max-width: 1300px){

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 1125px){

    .button:before, .button:after{width: 100%;}

}

@media screen and (max-width: 1100px){

    header .navBox,.bannerBox .bannerWrap{max-width: 100% !important;width: 100% !important;}

}

@media screen and (max-width: 1080px){

    .articleSection .articleSection_wrap .col-r{display: none;}
    .articleSection .articleSection_wrap{justify-content: center;}

}

@media screen and (max-width: 1020px),(max-width: 1000px){

    .button{display: none;}

}

@media screen and (max-width: 991px){

    .divisionLine{display: none;}
    .right_box{justify-content: space-evenly;margin: 10px 0;}
    .right_box form{margin: 0!important;}
    .search__box,.search__box:hover > .search__btn{border-radius: 0;background-color: transparent;}
    .navbar-nav .nav-item:hover{background-color: transparent !important;}
    .navbar-nav .nav-item:hover a{color: red !important;}
    .button{display: block;}
    .bannerBox .bannerWrap .bannerArticleTitle{padding: 0px 10px}
    .bannerBox .bannerWrap .bannerArticleTitle h1 span{display: inline}

}

@media screen and (max-width: 798px){

    .bannerBox .bannerWrap .bannerArticleTitle h1{font-size: 1.8rem}
    .bannerBox .bannerDiagram{height: 270px}
    .articleSection .articleSection_wrap{max-width: 100%}
    .textContent_customStyle{padding: 15px 10px}
    .form-Box{flex-direction: column-reverse;align-items: center;}
    .form-Box .product_img,.form-Box .product_form{width: 100%;}
    .form-Box .product_img{padding: 10px 0;text-align: center;}
    .wrap-c{padding: 0 5px}
    .float_box .float_img,.float-l-r .f-r{float: none;display: block;margin: 0 auto;}
    .img-mobilePhone{display: none !important;}
    .box-l-c-r{flex-direction: column;align-items: center;counter-reset: step;counter-increment: step 0;}
    .box-l-c-r .wrap-l,.box-l-c-r .wrap-c,.box-l-c-r .wrap-r{margin: 8px 0;}
    .box-l-c-r .wrap-l:before,.box-l-c-r .wrap-c:before,.box-l-c-r .wrap-r::before{
        content: counter(step);
        counter-increment: step;
        padding: 5px 8px;
        background-color: #14c252;
        color: #FFFFFF;
    }


}

@media screen and (max-width: 398px){

    .bannerBox .bannerWrap .bannerArticleTitle h1{font-size: 1.5rem}
    .bannerBox .bannerDiagram{height: 220px}

}

@media screen and (max-width: 339px){
    .textContent_customStyle{padding: 15px 0px}
}