@media (max-width:1700px){
     .head .navbox li{
         margin: 0px 10px;
    }
}
 @media (max-width:1600px){
     .head .navbox li{
         margin: 0 20px;
    }
     .section_product .Home-product-father .product-next{
         right: -60px;
    }
     .section_product .Home-product-father .product-prev{
         left: -60px;
    }
     .head .slogan{
         display: none;
    }
}
 @media (max-width:1460px){
     .auto-container{
         width: 94%;
    }
     .head .navbox li{
         margin: 0 15px;
    }
     .site-nav .auto-container{
         width: 95%;
         padding: 0;
    }
     .section_product .Home-product-father .product-next{
         right: -42px;
    }
     .section_product .Home-product-father .product-prev{
         left: -42px;
    }
     .head .logo .logoImg{
         height: 36px;
    }
     .head .header-whatsapp{
         right: 15%;
    }
}
 @media (max-width:1330px){
     .head .navbox li{
         margin: 0 10px;
    }
     .home_title div{
         font-size: 36px;
    }
     .home_title p{
         font-size: 15px;
    }
     .home_video_wrapper .video_right_text .inner_text{
         margin-top: 60px;
    }
     .footer .link{
         max-width:350px;
    }
}
 @media (max-width:1200px){
     .head .navbox li .a{
         font-size: 18px;
    }
     .head .navbox li .a{
         font-size: 15px;
    }
}
 @media(max-width:1080px) {
     .head .navBar{
         display: none;
    }
     .navbtn{
         margin-top: 40px;
         margin-left: 20px;
    }
     .section{
         padding: 30px 0;
    }
     .index_title{
         font-size: 40px;
         margin-bottom: 30px;
    }
     .home_video_wrapper .leo_video_box .video_cover{
         height: 400px;
    }
     .home_video_wrapper .leo_video_box .video_cover .video-play{
         width: 120px;
    }
     .home_video_wrapper .video_right_text .inner_text{
         width: 90%;
    }
     .home_video_wrapper .video_right_text .index_title{
         margin-bottom: 10px;
    }
     .home_video_wrapper .video_right_text .inner_text{
         font-size: 14px;
         line-height: 20px;
    }
     .home_video_wrapper .video_right_text .more{
         margin-top: 30px;
    }
}
 @media(max-width:1080px) {
     .navbtn {
         width : 30px;
         height : 30px;
         float : right;
         position: relative;
         display : block;
         z-index: 20;
    }
     .navbtn i {
         height : 2px;
         background: #333;
         display : block;
         overflow : hidden;
         width : 100%;
         position : absolute;
         left : 0;
         transition: all .3s 
    }
     .navbtn i.bar-1 {
         top: 7px 
    }
     .navbtn i.bar-2 {
         top: 15px 
    }
     .navbtn i.bar-3 {
         top: 23px 
    }
}
 @media(max-width:1080px) {
     .navbtn.open .bar-1 {
         top : 50%;
         transform: rotate(45deg) 
    }
     .navbtn.open .bar-2 {
         height: 0 
    }
     .navbtn.open .bar-3 {
         top : 50%;
         transform: rotate(-45deg) 
    }
}
 @media(max-width:991px) {
     .head .slogan{
         margin-top: 14px;
         font-size: 15px;
    }
     .head .logo{
         line-height: 50px;
    }
     .head .logo .logoImg{
         left: auto;
         display: block;
         max-width: 100%;
         height: 36px;
    }
     .head .slogan{
         line-height: 20px;
    }
     .head .top_search{
         line-height: 50px;
    }
     .head .top_search img{
         transform: scale(0.8);
    }
     .navbtn{
         margin-top: 10px;
         margin-left: 15px;
    }
     .head .navBar {
         position: fixed;
         top: 50px;
         left: 0%;
         width: 100%;
         padding: 0 5%;
         background-color: #fff;
         overflow-y: scroll;
         max-height: 100%;
         transition: none;
    }
     .index_title{
         font-size: 32px;
         margin-bottom: 20px;
    }
     .readMore{
         position: relative;
    }
     .readMore a img{
         margin-left: 15px;
         width: 30px;
    }
     .head .navbox li{
         width: 100%;
         line-height: 40px;
         margin: 0;
    }
     .head .navbox li.active .stair:after{
         background: none;
    }
     .head .navbox li:hover .stair:after{
         background: none;
    }
     .head .navbox li .a{
         font-size: 16px;
    }
     .sub{
         position: relative;
         display: none;
    }
     .sub_nav_box{
         display: block;
         position: relative;
    }
     .sub_nav_box .left_intro{
         display: none;
    }
     .sub_nav_box .menu_links dd{
         width: 33.333%;
         padding-top: 10px;
         overflow: hidden;
    }
     .sub_nav_box .menu_links dd p{
         height: 60px;
         margin-top: 10px;
         font-size: 14px;
    }
     .sub > dl{
         display: block;
    }
     .sub > dl dd{
         font-size: 14px;
    }
     .sub > dl dd{
         padding: 5px 10px;
         position: relative;
    }
     .sub > dl dd .small_img{
         width: 30px;
         height: 30px;
    }
     .sub > dl dd .text{
         padding-left: 7px;
    }
     .sub > dl dd .mobile-navbtn{
         display: block;
    }
     .sub > dl a{
         display:block;
    }
     .sub > dl dd .t-menu{
         position: relative;
         left: 0;
         margin-top: 10px;
    }
     .sub > dl dd .t-menu li{
         padding: 5px 10px;
         line-height: 28px;
    }
     .hidden-xs{
         display: none;
    }
     .section{
         padding: 30px 0;
    }
     .home_video_wrapper .video_right_text{
         background-size: 100%;
         background-position-x: 0;
         padding-top: 0;
         padding-left: 12px;
         padding-bottom: 24px;
    }
     .home_video_wrapper .video_right_text .more img{
         width: 30px;
    }
     .moreBtn{
         width: auto;
         height: 36px;
         line-height: 36px;
         font-size: 14px;
         padding: 0 12px;
    }
     .Home-banner{
         margin-top: 50px;
    }
     .swiper-banner .swiper-pagination{
         bottom: 10px;
    }
     .home_title{
         background-size: 100%;
         padding-bottom: 0;
    }
     .home_video_wrapper .video_right_text .inner_text .div1{
         font-size: 22px;
    }
     .section_products .product-box{
         margin-top: 20px;
    }
     .index_title_row .case_Arrows{
         margin-top: -12px;
    }
     .index_title_row .video_Arr_L{
         right: 40px;
    }
     .index_title_row .case_Arr_L{
         right: 40px;
    }
     .PublicMsg{
         padding-top: 20px;
         height: 230px;
    }
     .PublicMsg .MsgRow .left{
         width: 100%;
    }
     .PublicMsg .MsgRow .right{
         width: 100%;
         margin: 0 -5px;
         margin-top: 10px;
    }
     .PublicMsg .MsgRow .left p{
         font-size: 24px;
         line-height: 26px;
    }
     .PublicMsg .contact-form .inp{
         height: 62px;
    }
     .PublicMsg .contact-form .textareaBox .submit-btn{
         height: 62px;
         width: 84px;
    }
     .PublicMsg .msg_form .submit-btn{
         font-size: 16px;
    }
     .section_case .swiper-news{
         margin: 0;
    }
    /* .index_title_row{
         display: block;
    }
     */
     .home_title div{
         font-size: 22px;
         margin-bottom: 6px;
    }
     .home_title p{
         font-size: 14px;
    }
     .index_title_row p{
         display: none;
    }
     .index_title_row .case_t_r a{
         font-size: 13px;
    }
     .home_video_wrapper .video_right_text .inner_text{
         margin-top: 30px;
         font-size: 12px;
    }
     .section_video .video_cover{
         line-height: 36px;
         font-size: 16px;
    }
     .home_video_wrapper .video_right_text{
         padding-left: 0;
    }
     .home_video_wrapper .video_right_text .advantage_list{
         margin-top: 30px;
    }
     .home_video_wrapper .video_right_text .advantage_list li{
         width: 50%;
    }
     .home_video_wrapper .video_right_text .advantage_list li .about_text img{
         width: 20px;
    }
     .home_video_wrapper .video_right_text .advantage_list li .about_text p{
         font-size: 12px;
         margin-top: 10px;
         font-weight: normal;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 98%;
         margin-left: auto;
         margin-right: auto;
    }
     .section_case .home-news .dec .t{
         margin-top: 10px;
         font-size: 16px;
    }
     .section_case .home-news .dec .p{
         font-size: 12px;
         line-height: 20px;
    }
     .section_case .home-news .dec .date{
         font-size:12px ;
         line-height: 20px;
         height: auto;
    }
     .index_title_row .case_Arrows{
         width: 26px;
         height: 25px;
    }
     .section_case .swiper-case-father{
         margin-top: 24px;
    }
     .index_title_row .case_t_r a img{
         margin-left: 10px;
         width: 13px;
    }
     .site-nav .head .logo .logoImg:first-child {
         display: none;
    }
     .site-nav .head .logo .logoImg:last-child {
         display: inline-block;
    }
     .head .line{
         display: none;
    }
     .footerbar{
         line-height: 24px;
         font-size: 13px;
    }
     .footer .foot_add dd{
         font-size: 14px;
    }
     .footer .footer_content{
         padding-top: 40px;
         padding-bottom: 30px;
    }
     .footer dl dt{
         margin-bottom: 20px;
    }
     .footerbar .copyright a{
         margin-right: 0;
         display: block;
    }
    /* */
     .swiper-banner .banner-page{
         display: none;
    }
     .section_product{
         padding: 30px 0;
    }
     .section_product .category_list{
         margin-top: 20px;
    }
     .section_product .Home-product-father .product-next, .section_product .Home-product-father .product-prev{
         width: 30px;
         height: 30px;
    }
     .section_product .category_list li .dec .star{
         margin-top: 6px;
    }
     .section_case .factory_imgList li .bg p{
         font-size: 16px;
    }
     .section_case .factory_imgList li .bg .info img{
         margin-top: 10px;
    }
     .section_about{
         padding-top: 40px;
    }
     .section_about .about_left_text{
         padding-left: 0;
    }
     .section_about .about_left_text .t{
         font-size: 22px;
         line-height: 24px;
         margin-bottom: 20px;
    }
     .section_about .about_left_text .info p{
         font-size: 14px;
         line-height: 20px;
    }
     .section_about .about_left_text .sub_t{
         font-size: 20px;
         margin-bottom: 10px;
    }
     .section_about .about_left_text .info{
         margin-bottom: 30px;
    }
     .section_product .category_list li .dec{
         padding: 6px;
    }
     .section_product .category_list li .dec .t{
         font-size: 14px;
         margin-bottom: 8px;
         line-height: 18px;
    }
     .section_product .category_list li .dec .star img{
         width: 12px;
         margin-right: 2px;
    }
     .head .logo .logoImg{
         height: 30px;
    }
     .index_pro_cate{
    }
     .index_pro_cate .index_pro_cate_box{
         flex-wrap: wrap;
    }
     .index_pro_cate .index_pro_cate_box .item{
         width: 100%;
    }
     .index_pro_cate .index_pro_cate_box .item .img_box img{
         height: 245px;
    }
     .index_pro_cate .index_pro_cate_box .item .text_box{
    }
     .index_pro_cate .index_pro_cate_box .item .text_box p{
         font-size: 24px;
    }
     .center_product{
         padding: 30px 0 ;
    }
     .center_product .product_dl_l{
         float: none;
    }
     .center_product .product_dl_r{
         float: none;
    }
     .center_product .Home-product_center{
         display: none;
    }
     .center_product .Home-product_dl dd{
         margin-top: 15px;
    }
     .center_product .Home-product_dl .img{
         width: 50px;
         height: 50px;
         flex:0 0 50px;
    }
     .center_product .Home-product_dl .text{
         padding-left: 12px;
    }
     .center_product .Home-product_dl dd.hover .img{
         background-position: -50px 0;
    }
     .center_product .Home-product_dl .text .t{
         font-size: 18px;
         margin-bottom: 5px;
    }
     .center_product .Home-product_dl .text .c{
         font-size: 12px;
         line-height: 1.5;
    }
     .section_product .Home-product-father .product-prev{
         left: 0;
    }
     .section_product .Home-product-father .product-next{
         right: 0;
    }
     .head .top_search .head_search{
         margin-left: 6px;
    }
     .head .top_search .language{
         margin-left: 6px;
    }
     .section_product .category_list li{
         padding: 5px;
    }
     .section_about .about_left_text a{
         line-height: 36px;
         padding: 0 18px;
    }
     .index_case_row .right_arr .common-pagination .swiper-pagination-bullet{
         width: 8px;
         height: 8px;
         margin: 0 4px;
    }
     .IndexFactory .Factory_list div .txt{
         margin-top: 9px;
    }
     .IndexArt{
         padding: 30px 0;
    }
     .IndexArt .t{
         font-size: 22px;
         margin-bottom: 14px;
    }
     .IndexArt .row >div{
         margin-bottom: 20px;
    }
     .IndexArt .dec{
         padding: 10px 14px;
         height: auto;
         font-size: 14px;
         line-height: 20px;
    }
     .section_case{
         padding: 30px 0;
    }
     .section_case .factory_box .left, .section_case .factory_box .right{
         width: 100%;
         float: none;
    }
     .section_case .factory_box{
         margin-top: 15px;
    }
     .section_case .tttx{
         font-size: 18px;
         margin-top: 18px;
    }
     .TwoSlide .home_title div{
         font-size: 22px;
    }
     .index_case_row .arrows_Btn{
         width: 30px;
         height: 30px;
    }
     .TwoSlide .index_case_row{
         margin-bottom: 16px;
    }
     .TwoSlide{
         padding: 36px 0;
    }
     .section_honor{
         margin-top: 20px;
    }
     .section_honor .swiper-slide .img{
         height: 234px;
    }
     .section_honor .swiper-slide p{
         padding: 4px 0;
         font-size: 14px;
    }
     .section_honor .tips{
         font-size: 18px;
         line-height: 22px;
         margin-top: 20px;
    }
     .section-news .Home-news-father{
         width: 100%;
         height: 372px;
         padding-right: 10px;
         margin-top: 20px;
    }
     .section-news .news_img{
         width: 100%;
         margin-top: 10px;
    }
     .section-news .inner_news li{
         padding-top: 15px;
         padding-bottom: 15px;
    }
     .section-news .inner_news li .time{
         font-size: 14px;
    }
     .section-news .inner_news li h3{
         font-size: 16px;
         margin-top: 8px;
    }
     .section-news .inner_news li p{
         font-size: 14px;
         line-height: 20px;
    }
     .pbBox{
         padding: 0 6px;
    }
     .section_about .video-contral .text{
         height: 40px;
    }
     .section_about .video-contral .text img{
         height: 40px;
    }
     .section_honor .index_case_row .right_arr{
         width: 90px;
         height: 40px;
    }
}
 @media(max-width:768px) {
     .head .header-whatsapp{
         display: none;
    }
     .page-content{
         padding: 0;
    }
     .page-content .content-box{
         display: unset;
    }
     .page-content .content-box .list-content,.page-content .content-box .sidebar-box{
         width: 100%;
         padding: 0;
    }
     .page-content .content-box .list-content .list-box{
         padding: 10px;
    }
     .page-content .content-box .list-content .list-box .product-item{
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
    }
     .page-content .content-box .list-content .list-box .product-item .imgbox, .page-content .content-box .list-content .list-box .product-item .text{
         width: 50%;
    }
     .page-content .content-box .list-content .product-page .product-item .text{
         padding: 10px 5px;
         text-align: left;
    }
     .page-content .content-box .list-content .list-box .product-item .imgbox .quote-button{
         top: 5px;
         left: 5px;
         right: unset;
         padding: 5px 10px;
    }
     .page-content .content-box .sidebar-box .contactbox .business-swiper{
         height: 260px;
    }
     .page-content .product-info .auto-container .row .imgbox{
         padding: 0;
    }
     .page-content .product-info .auto-container .row .imgbox .imagesbox .product-button img{
         margin-top: 75%;
    }
     .page-content .content-box .list-content > div{
         padding: 10px;
    }
     .page-content .content-box .list-content .details-box .header span{
         font-size: 16px;
         margin-right: 10px;
    }
     .page-content .content-box .list-content > div .header > span::after{
         bottom: -19.5px;
    }
     .page-content .message-box .from .input{
         display: block;
    }
     .page-content .message-box .from .input > div{
         width:100%;
         margin-bottom: 20px;
    }
     .page-content .content-box .list-content .development .swiper .swiper-time .swiper-wrapper{
         width: 100%;
    }
     .page-content .content-box .list-content .list-box .item-box .textbox{
         font-size: 14px;
    }
     .page-content .content-box .list-content .development .swiper .swiper-time .time-click, .page-content .content-box .list-content .development .swiper .swiper-time .time-pagination{
         display: none;
    }
     .page-content .content-box .list-content .development .swiper .swiper-time{
         height: 720px;
    }
     .page-content .content-box .list-content .development .swiper .swiper-time .textbox h4{
         font-size: 30px;
         margin: 10px auto;
    }
    /*.page-content .content-box .list-content .list-box{
        */
        /* display: unset;
        */
        /*
    }
    */
     .page-content .content-box .list-content .list-box .index-item{
         width: 100%;
    }
     .page-content .content-box .list-content .list-box .right-item{
         display: flex;
         width: 100%;
         margin-top: 10px;
         flex-wrap: wrap;
         justify-content: space-between;
    }
     .page-content .content-box .list-content .list-box .right-item .item{
         position: relative;
         height: auto;
        /*width: 49%;
        */
         width: 100%;
    }
     .page-content .content-box .list-content .list-box .case-box{
        /*width: 49%;
        */
         width: 100%;
    }
     .page-content .content-box .list-content .case-box{
         width: 100%;
         padding-top: 0;
         padding-bottom: 0;
         margin-bottom: 20px;
    }
     .page-content .content-box .list-content .faq-item .wen .icon{
         width: 20%;
    }
     .page-content .content-box .list-content .row .video-item .imgbox img.video_play{
         opacity: 1;
    }
     .page-content .content-box .list-content .newpage .item-box{
        /*width: 49%;
        */
         width: 100%;
         margin: 0;
    }
     .page-content .content-box .list-content .list-box .item-box .textbox{
         padding: 5px;
    }
     .page-content .content-box .list-content .list-box .item-box .textbox h3{
         font-size: 16px;
         margin-top: 10px;
    }
     .page-content .content-box .list-content .list-box .item-box .textbox .other img{
         width: 15px;
         margin-right: 0px;
    }
     .page-content .content-box .list-content .list-box .item-box .textbox .other div{
         padding: 0;
         font-size: 12px;
    }
     .page-content .content-box .post-info{
         width: 100%;
         padding: 10px;
    }
     .page-content .content-box .post-info .post-pagination p a{
         font-size: 14px;
    }
     .IndexVideo .video_list li .cover-img .video_play{
         display: block;
    }
     .page-content .message-box .from .submit input{
         font-size: 16px;
    }
     .page-content .quotatio .quotation-box > div .message-box .from .submit{
         text-align: center;
    }
     .page-content .quotatio .row #quotatio-product-list .quotatio-item .action{
         margin-top: 20px;
    }
     .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
         margin: 5px 10px;
    }
     .page-content .content-box .list-content .video-page .video-item .textbox div {
         margin: 0;
    }
     .page-content .content-box .list-content .download-item{
         padding: 0;
    }
     .page-content .content-box .list-content .download-item .textbox{
         margin-top: 10px;
         padding-bottom: 25px;
    }
     .page-content .content-box .list-content .textbox .downloadbutton a{
         padding: 10px;
    }
     .page-content .content-box .list-content .download-item .textbox > .time, .page-content .content-box .list-content .download-item .textbox > .download{
         width: 50%;
    }
     .page-content .content-box .list-content .download-item .textbox > .downloadbutton{
         width: 50%;
         margin-top: 25px;
    }
     .page-content .content-box .sidebar-box .category-box .category-item p{
         padding: 15px;
    }
     .page-content .content-box .list-content .list-box .right-item .item:nth-child(2){
         margin-top: 10px;
    }
     .page-content .content-box .list-content .list-box .product-item .text .remark{
         display: none;
    }
     .page-content .content-box .list-content .about-info h1, .page-content .content-box .list-content > div .header h1{
         font-size: 30px !important;
    }
     .page-content .content-box .list-content .factory-box .factory-swiper{
         width: 80%;
    }
     .page-content .content-box .list-content .factory-box .swiper .factory-button{
         width: 7%;
    }
     .page-content .content-box .list-content .factory-box .swiper .factory-button img{
         margin-top: 70%;
    }
     .page-content .content-box .list-content .contactbox .contact-us{
         padding: 0px 15px;
    }
     .page-content .content-box .list-content .list-box .product-item .text h3{
         -webkit-line-clamp: 3;
    }
     .section_product .category_body{
         margin-top: 20px;
    }
     .page-content .content-box .list-content .list-box .product-item .text .row{
         background: unset;
         width:100%;
         padding: 0;
    }
     .page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox img, .page-content .content-box .list-content .list-box .product-item .text .row > div{
         padding: 0;
    }
     .page-content .content-box .list-content .list-box .product-item .text .row span img{
         width: 12px;
    }
     .page-content .content-box .sidebar-box .contactbox .business-swiper .row{
         padding-top: 10px;
    }
     .page-content .content-box .sidebar-box .contactbox .business-swiper .row div img.business-logo{
         width: 80%;
    }
     .page-content .content-box .list-content .contactbox .contact-us .row .contact-item{
         margin-bottom: 10px;
    }
     .swiper-container-horizontal > .swiper-pagination-progress{
         top: unset;
         bottom: 0;
    }
     .swiper-pagination-progress .swiper-pagination-progressbar{
         background: #eb6400;
    }
     .page-content .content-box .list-content > div .header{
         padding: 15px 0;
    }
     .page-content .content-box .list-content .relation .swiper-relation .swiper-slide .row div span img{
         width: 12px;
    }
     .footer .foot_add{
         width: 100%;
    }
     .friends_links > div > div > div{
         width: 33.333%;
    }
     .page-content .content-box .list-content .faq-item .da{
         padding-left: 90px;
    }
     .page-content .content-box .list-content .faq-item .wen .title{
         font-size:18px;
    }
     .section-product .productList .item .img img{
         margin-bottom:50px;
    }
     .video .videoBox{
         height:240px;
    }
     #google_translate_element{
         display: none;
    }
     .development-box{
         padding-top: 20px;
         padding-bottom: 10px;
    }
     .development-box .headerbox{
         margin-bottom:-18px;
    }
     .development-box .headerbox p{
         margin-top:10px;
    }
     .development-box .development-button.development-button-prev{
         left:10px;
    }
     .development-box .development-button{
         right:10px;
    }
     .company-culture .headerbox h2{
         font-size:36px;
    }
     .row{
         margin-left: 0;
         margin-right: 0;
    }
     .company-culture{
         padding-top:20px;
    }
     .company-culture .headerbox p {
         margin: 10px auto;
    }
     .page-content .content-box .list-content{
         width:100% !important;
    }
     .page-content .content-box .list-content .contactbox .contact-business{
         display: none;
    }
     .page-content{
         width:100%;
         overflow: hidden;
    }
     .page-content .content-box .list-content .list-box .case-box .textbox h4{
         overflow: auto;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 10;
    }
     .page-content .content-box .list-content .list-box .item-box .textbox .remark{
         height:60px;
    }
     .head .navbox li:hover .sub{
         display: none;
    }
     .head .navbox li .a+div,.sub > dl a+ul{
         display: none !important;
    }
     .head .navbox li .a.showchilda+div,.sub > dl a.showchildb+ul{
         display: block !important;
    }
     .head .navbox li .a.showchilda .mobile-navbtn::before, .sub > dl dd a.showchildb .mobile-navbtn:after{
         transform: rotate(224deg);
    }
     #quotationmodal .modal-lg{
        width:auto
    }
     #quotationmodal .modal-header{
        padding:10px
    }
     #quotationmodal .modal-title{
        font-size:30px
    }
     #quotationmodal .modal-body{
        padding:10px
    }
     #quotationmodal .embed-responsive-16by9{
        height:500px
    }
     #quotationmodal .modal-body form .input div{
        width:100%
    }
}