
@media only screen and (max-width: 1330px) {
    .product_relevant .swiper-button-next, .product_relevant .swiper-button-prev{display:none;}
    .index_hot_product .swiper-button-prev,.index_hot_product .swiper-button-next{display:none;}
    /*float*/
    .float_box{right:1px;}
    .float_box ul{width:40px;}
    .float_box ul li{padding:0;height:40px;width:40px;}
    .float_box ul li span{display:none;}
    .float_box ul li i{font-size:20px;padding-top:0;line-height:40px;}
    .float_box .scrollTop{width:40px;height:40px;line-height:40px;}
    .float_box .scrollTop i{font-size:16px;}
    .float_box ul li .qq_box,.float_box ul li .code_box,.float_box ul li .tel_box{right:40px;}
    .float_box ul li .code_box span,.float_box ul li .tel_box span{display:block;}
    .float_box ul li sup{right:2px;}

}
@media only screen and (max-width: 1250px) {
    .container{width:1000px;}
    .header_logo_search .logo_btn{width:350px;}
    .kj-navbar .navbar-nav >li >a{padding:0 30px;}
    .index_product_cate ul li{margin-right:30px;width:calc((100% - 120px)/5);}
    .index_product_cate ul li .name_btn{font-size:15px;}
    .brand_list_ul li{width:calc(100%/5);}

    .website_product_list li{width:calc((100% - 60px)/4)}
    .website_product_list li:nth-child(5n){margin-right:20px;}
    .website_product_list li:nth-child(4n){margin-right:0;}
}
@media only screen and (max-width: 1200px) {
    /*index*/
    .kj-navbar .navbar-nav .li-kj-nav-procata{display:none;}

    /**修改表单在ipd竖屏时可以有滚动条 **/
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive > .table {
        margin-bottom: 0
    }
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }
    .table-responsive > .table-bordered {
        border: 0
    }
    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }
    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

}

@media only screen and (max-width: 1024px) {
    body{padding-bottom:44px;}
    .phone_footer_nav{display:block;}

    /*float*/
    .float_box{display:none;}
    .phone_top{display:block;}

}
@media only screen and (max-width: 1020px) {
    .container{width:750px;}
    .footer_box .footer_nav{flex-wrap:wrap ;}
    .footer_box .footer_nav ul{margin-bottom:20px;}

    .header_logo_search .logo_btn{width:100%;text-align:center;}
    .kj-navbar .navbar-nav >li >a{padding:0 25px;}
    .index_product_cate ul li{width:calc((100% - 90px)/4)}
    .index_product_cate ul li:nth-child(5n){margin-right:30px;}
    .index_product_cate ul li:nth-child(4n){margin-right:0;}
    .index_brand_box ul li{width:calc((100% - 24px)/3)}
    .index_brand_box ul li:nth-child(5n){margin-right:12px;}
    .index_brand_box ul li:nth-child(3n){margin-right:0;}

    .website_product_list li{width:calc((100% - 40px)/3)}
     .website_product_list li:nth-child(4n){margin-right:20px;}
          .website_product_list li:nth-child(3n){margin-right:0;}

    /*产品列表*/
    .product_list_ul2 li .kj-table{margin:0;}

    /*产品详情*/
    .product_info_details{flex-wrap: wrap;}
    .product_info_details .right_box{width:100%;}
    .pro_slide_box .nav li a{font-size:14px;}
    .product_base_info .info_box{width:100%;padding-left:0;margin-top:20px;}

    .news_jishu_list li .time{margin-left:20px;}
    .brand_list_ul li{width:25%;}

}

@media only screen and (max-width: 767px) {
    .container{width:100%;}
    /**修改表单 **/
   .table-responsive{border:0;}
    /*顶部基本信息展示*/
    .header_top_baseInfo{display:none;}
    /*顶部logo及搜索*/
    .header_logo_search{display:none;}
    .footer_box{display:none;}

    /*header*/
    .kj-navbar{width:100%;background:#fff;border-bottom:2px solid #4c86fe;}
    .kj-navbar .navbar-header{display:block;padding:0 15px;}
    .kj-navbar .navbar-header .navbar-brand{padding:0;}
    .kj-navbar .navbar-header .navbar-brand img{max-height:36px;margin-top:7px;}
    .kj-navbar .navbar-header .navbar-toggle{border:0;margin-right:0;}
    .kj-navbar .navbar-header .navbar-toggle .icon-bar{background-color:#666;}
    .kj-navbar .navbar-header .btn-search-toggle{float:right;margin-top:9px;background:#fff;line-height:30px;padding:0;margin-right:10px;color:#666;font-size:16px;}
    .kj-navbar .navbar-nav{margin:0;flex-wrap:wrap;}
    .kj-navbar .navbar-nav > li{flex:100%;}
    .kj-navbar .navbar-nav li a{margin:0;text-align:center;}
    .kj-navbar .navbar-nav li{border-top:1px dotted #dedede;}
    .kj-navbar .navbar-nav li.li-kj-nav-procata{display:none;}
    .kj-navbar .navbar-nav li a{color:#333;}
    .kj-navbar .navbar-nav >li.active > a{color:#fff;background:#4c86fe;}

    /*index*/
    #banner-swiper .swiper-button-next,#banner-swiper .swiper-button-prev{display:none;}
    .index_product_cate{padding:20px 0;}
    .index_title{font-size:20px;line-height:40px;}
    .index_product_cate ul{margin-top:20px;}
    .index_product_cate ul li{margin-right:15px;width:calc((100% - 15px)/2);height:160px;}
    .index_product_cate ul li:nth-child(5n){margin-right:15px;}
    .index_product_cate ul li:nth-child(2n){margin-right:0;}
    .index_product_cate ul li .icon_btn{width:80px;height:80px;line-height:80px;}
    .index_product_cate ul li .icon_btn i{font-size:40px;}
    .index_product_cate ul li .name_btn{margin-top:10px;}
    .index_hot_product{padding:20px 0;}
    .index_hot_product .swiper-container{padding:20px 10px;}
    .index_brand_box{padding-top:20px;}
    .index_brand_box ul li{width:calc(calc((100% - 12px)/2));}
    .index_brand_box ul li:nth-child(3n){margin-right:12px;}
    .index_brand_box ul li:nth-child(2n){margin-right:0;}

    .product_list_ul2 li .pro_description{padding:15px 15px 40px 15px;}
    .product_list_ul2 li .pro_description .right_info{width:100%;}
    .product_list_ul2 li .stock_btn{bottom:10px;}
    .product_list_ul2 li .kj-table table{margin-bottom:10px;}

    .website_product_list li{width:100%;margin-right:0;}
     .website_product_list li:nth-child(4n),.website_product_list li:nth-child(5n){margin-right:0;}

    /*产品详情*/
    .product_info_details .left_box{width:100%;margin-right:0;}
    .product_info_details .left_box .image_box{height:auto;}
    .product_info_details .right_box .pro_title{font-size:20px;}
    .product_info_details .right_box .info_box .list{flex:0 0 100%;}
    .product_info_details .right_box .btn_box{margin-top:10px;}
    .product_info_details .right_box .btn_box a{width:140px;}


    .product_base_info .image_box{width:100%;margin-right:0;}
    .product_base_info .image_box .tb-booth{height:auto;max-height:100%;}
    .product_base_info .info_box h1{font-size:20px;line-height:26px;}
    .product_base_info .info_box .btn_box a{margin-bottom:12px;}

    .product_base_info .info_box .price_box{width:100%;}
    .pro_slide_box .nav{flex-wrap: wrap;}
    .pro_slide_box .nav li{margin-right:0;width:100%;}
    .pro_slide_box .download_btn{padding:0;}
    .product_relevant{margin:20px 0;}
    .product_relevant .swiper-slide{height:250px;}
    .product_relevant .swiper-slide .img_btn{height:160px;}

    /*新闻*/
    .news_list li{padding:25px 0;}
    .news_list li:first-child{padding-top:0;}
    .news_list li .img_btn{width:100%;margin-right:0;}
    .news_list li .right_info{width:100%;padding:0 10px;}
    .news_list li .right_info .title_btn{margin-top:10px;font-size:18px;}
    .news_list li .right_info span{height:auto;}
    .news_list li .right_info .more_btn{display:none;}
    .kj_news{padding:15px;}
    .kj_news .kj_news_inner .info_text{font-size:12px;line-height:18px;}
    .kj_news .kj_news_inner .kj_news_title a{font-size:14px;}
    .kj_news .kj_news_inner .kj_news_title .time{font-size:12px;}

    .page_content{flex-wrap: wrap;}
    .page_content .page_left{width:100%;margin-right:0;}
    .page_content .page_left ul li a,.page_content .page_left ul li a:before{height:38px;}
    .page_content .page_right{width:100%;margin-top:20px;}
    .news_jishu_list li{padding:10px 0;}
    .news_jishu_list li .img_btn{display:none;}
    .news_jishu_list li .news_info{margin-left:0;}

    .kj_news_active{margin-top:0;padding:15px;}
    .kj_news_active .kj-main-articleinfo-title{font-size:20px;line-height:30px;}
    .kj_news_active .kj-article-content{margin-top:10px;line-height:24px;}

    .brand_list_ul li{width:50%;}
    /*文章*/
    .page_article_box{padding-bottom:30px;}
    .article_cate_title{font-size:20px;margin-bottom:12px;margin-top:0;line-height:30px;font-weight:bold;}
    .article_cate_nav a{font-size:14px;width:auto;padding:0 12px;margin-right:12px;}
    .page_article_box .article_content,.about_article{font-size:14px;line-height:28px;margin-top:10px;}

     /*联系我们*/
    .contact_us_box{margin-top:20px;}
    .contactUs_info{flex-wrap: wrap;}
    .contactUs_info .left span{flex:0 0 100%;width:100%;}
    .contactUs_info .left{flex:0 0 100%;margin-top:12px;}
}
