@media only screen and (max-width: 1440px) {
    #banner-swiper .swiper-wrapper .img_btn{height:580px;image-rendering:auto;}
    .page_banner,.page_banner .container{height:380px;}
}
@media only screen and (max-width: 1370px) {
    .product_relevant .swiper-button-next, .product_relevant .swiper-button-prev{display:none;}
    .index_product .swiper-button-next,.index_product .swiper-button-prev{display:none;}
}
@media only screen and (max-width: 1330px) {
    .float_box ul li{width:40px;height:40px;}
    .float_box ul li i{padding-top:0;line-height:40px;}
    .float_box ul li span{display:none;}
    .float_box ul li .tel_box,.float_box ul li .qq_box,.float_box ul li .code_box{right:40px;}
    .float_box ul li .tel_box span{display:block;}
}
@media only screen and (max-width: 1260px) {
    .header_top_fixed .logo_btn{width:200px;}
    .kj-navbar .navbar-nav >li{margin-right:20px;}
    .kj-navbar .navbar-nav >li>a{font-size:15px;}
    #banner-swiper .swiper-wrapper .img_btn{height:500px;}
}
@media only screen and (max-width: 1200px) {

    /**修改表单在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: 1130px) {

}
@media only screen and (max-width: 1024px) {
    .kj-navbar .navbar-nav >li{margin-right:12px;}
    .index_service .service_box .service_left{width:490px;}
    .index_service .service_box .service_right{width:calc(100% - 490px - 16px);}
    .index_about .about_box .about_right{display:none;}
    .index_about .about_box .about_left{width:100%;height:auto;padding:45px 40px;margin:0;}
    #index-product .swiper-slide .base_info span{padding:0;text-align:center;}
    .float_box{display:none;}
    .page_nav .btn_box a{font-size:16px;}
    .page_about_box .about_right{display:none;}
    .page_about_box .about_left{width:100%;}
    .contact_us_box ul li{margin-right:0;width:calc(100% / 3);}
    .product_list_box li .img_btn{height:160px;}
    .product_info_details .right_box .info_box .list{width:50%;}
    .product_info_details .right_box .pro_title h1{font-size:20px;}

    .page_about_box{margin-bottom:0;}

}
@media only screen and (max-width: 1020px) {   
    .footer_box .container{flex-wrap: wrap;}
    .footer_box .footer_logo{display:none;}
    .footer_box .contact_message{border-left:0;padding-left:0;}
    .header_top_fixed .search_form{display:none;}
    #banner-swiper .swiper-wrapper .img_btn{height:310px;}
    .index_service .service_box .service_left{width:100%;margin-right:0;margin-bottom:16px;}
    .index_service .service_box .service_right{width:100%;}
    .page_banner, .page_banner .container{height:210px;}
    .page_banner h1{font-size:32px;}
    .page_banner h2{display:none;}
    .page_nav{margin-bottom:15px;}
    .product_list_box li{width:calc((100% - 20px)/2);}
    .product_list_box li:nth-child(2n){margin-right:0;}
    .product_list_box li:nth-child(3n){margin-right:20px;}
    .product_list_box li:nth-child(6n){margin-right:0;}
    .product_list_box li span,.product_list_box li .title_btn{padding:0 5px;}
    .product_info_details .right_box{flex:0 0 100%;margin-top:15px;}
    .contact_us_box ul{flex-wrap: wrap;margin-top:30px;}
    .contact_us_box ul li{width:100%;display: flex;align-items:center;margin-bottom:10px;}
    .contact_us_box ul li .icon{width:62px;margin:0;margin-right:10px;}
    .contact_us_box ul li .info_box{flex:1;text-align:left;}
    .contact_us_box ul li:first-child .info_box{text-align:left;}
    .news_list li{flex-wrap: wrap;}
    .news_list li .right_box{flex-wrap: wrap;}
    .news_list li .info_box{flex:auto;width:calc(100% - 207px);margin-right:0;}
    .news_list li .view_more{display:none;}
    .join_article .right_img{display:none;}
    .join_article .left_article{padding-right:0;}

    .about_title_box h2{display:none;}

    .page_nav .btn_box a{margin:0;}
}

@media only screen and (max-width: 767px) {
    /**修改表单 **/
   .table-responsive{border:0;}
    /*顶部基本信息展示*/
    /*顶部logo及搜索*/
    .header_top_fixed .logo_btn{display:none;}
    .footer_box{display:none;}

    /*header*/
    .header_top_fixed{position:initial;}
    .kj-navbar{width:100%;background:#fff;min-height:50px;}
    .kj-navbar .navbar-header{display:block;}
    .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-right: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;height:40px;line-height:40px;}
    .kj-navbar .navbar-nav li.active > a{color:#00a7ba;border:0;}
    .kj-navbar .navbar-nav li:hover >a{color:#fff;background: #1467e5;}
    .kj-navbar .navbar-nav li a:focus{color:#fff;background: #1467e5;}
    .navbar-nav .open .dropdown-menu > li > a{line-height:30px;}

    /*index*/
    #banner-swiper .swiper-button-prev, #banner-swiper .swiper-button-next{display:none;}
    #banner-swiper .swiper-wrapper .img_btn{height:150px;}
    #banner-swiper .swiper-pagination-bullets{bottom:5px;}
    .index_service{padding:20px 0;}
    .index_title h1{font-size:20px;height:40px;line-height:40px;}
    .index_service .service_box{margin-top:30px;}
    .index_service .service_box .service_left .img_btn{height:225px;}
    .index_service .service_box .name_btn{font-size:14px;height:32px;line-height:32px;}
    .index_service .service_box .bg{height:32px;line-height:32px;}
    .index_service .service_box .service_right .service_item .img_btn{height:120px;}
    .index_about{padding-top:20px;}
    .index_about .bg{height:180px;}
    .index_about .about_box{margin-top:20px;}
    .index_about .about_box .about_left{padding:15px 15px 30px 15px;}
    .index_about .about_box .about_left .title h1{font-size:20px;height:40px;line-height:40px;}
    .index_about .about_box .about_left span{margin:20px 0;font-size:14px;line-height:28px;}
    .index_product{padding:20px 0;}
    #index-product{margin-top:20px;}
    .index_news .news_title{flex-wrap: wrap;margin-bottom:20px;}
    .index_news .news_title h1{width:100%;text-align:center;font-size:20px;height:40px;line-height:40px;margin-bottom:15px;}
    .index_news .news_title h1:after{left:50%;transform: translateX(-50%);}
    .index_news .news_title ul{width:100%;justify-content:center;}
    .page_banner, .page_banner .container{height:100px;padding:0;}
    .page_banner h1{font-size:20px;}
    .page_about_title{margin-bottom:20px;}
    .page_about_title h1{display:none;}
    .page_about_box .about_left .title_box h2{display:none;}
    .page_about_box .about_left .title_box{justify-content:center;margin-bottom:20px;}
    .page_about_box .about_left .title_box h1{font-size:20px;}
    .page_about_box .about_left .article_box{padding:0;font-size:14px;line-height:28px;}
    .index_about .counter-section{flex-wrap:wrap;}
    .index_about .num_list{width:50%;border-bottom:1px solid #e5e5e5;}
    .index_about .num_list:nth-child(2n){border-right:0;}
    .index_about .num_list:nth-child(n+3){border-bottom:0;}

    /*产品列表*/
    .product_list .product_left{width:100%;margin:0;margin-bottom:20px;}
    .product_list .product_right{width:100%;}
    .product_list .product_left h1{height:38px;line-height:38px;font-size:18px;}
    .product_list .product_left .btn_box a{height:38px;line-height:38px;}
    .product_list_box li{width:100%;margin-right:0;}
    .product_list_box li:nth-child(3n){margin-right:0;}
    .product_list_box li .img_btn{height:200px;}

    /*产品详情*/
    .product_info_details .left_box{width:100%;margin:0;}
    .product_info_details .left_box .image_box{height:auto;}
    .product_info_details .right_box .pro_title h1{font-size:20px;line-height:28px;}
    .product_info_details .right_box .info_box .list{width:100%;}
    .product_info_details .right_box .footer_btn{margin-top:15px;}
    .product_info_details .right_box .footer_btn a{width:auto;padding:0 20px;}
    .pro_slide_box .nav li a{padding:0 20px;font-size:16px;}

    /*文章*/
    .page_nav .btn_box{width:100%;}
    .page_nav .container{padding-top:10px;flex-wrap: wrap;}
    .page_nav .btn_box a{height:44px;line-height:42px;margin:0;width:auto;text-align:center;font-size:14px;padding:0 5px;}
    .about_article_box{margin-bottom:40px;}
    .about_article_box .title{font-size:20px;margin:20px 0 10px 0;}
    .article_box{font-size:14px;line-height:24px;}
    .article_box h1{font-size:20px !important; line-height:30px !important;}
     .article_box h2{display:none;}
    .about_title_box{margin-bottom:20px;}
    .about_title_box h1{font-size:20px;line-height:30px;}
    .about-counter-section{flex-wrap:wrap;margin-bottom:30px;}
    .about-counter-section .num_list{width:50%;border-bottom:1px solid #e5e5e5;}
    .about-counter-section .num_list:nth-child(2n){border-right:0;}
    .about-counter-section .num_list:nth-child(n+3){border-bottom:0;}
    /*联系我们*/
    .contact_us_box{margin-top:30px;}
    .contact_us_box ul li .info_box{padding:0 0 0 15px;}
    .contact_us_box .map_box{margin-top:30px;}

    /*新闻*/
    .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;}
    .kj_news_active{padding:15px;}
    .kj_news_active .kj-main-articleinfo-title{font-size:20px;line-height:30px;}
    .news_list{padding:0;}
    .news_list li .time{width:100px;}
    .news_list li .right_box{width:calc(100% - 100px)}
    .news_list li .img_btn{width:100%;margin:0;margin-bottom:15px;}
    
    /*加入我们*/
    .join_article{margin:20px 0;}
    .join_article .left_article .title h1{font-size:20px;line-height:32px;font-weight:bold;}
    .join_article .left_article .title h2{display:none;}
    .join_article .left_article span{margin-top:10px;font-size:14px;line-height:24px;}
    .join_job .header_title{height:48px;}
    .join_job .job_info{height:44px;}
    .join_job .header_title span,.join_job .job_info span{font-size:15px;}
    .join_job .record,.join_job .experience{display:none;}
    .join_job .name,.join_job .address{width:32%;}
    .join_job .num{width:25%;}
    .join_job .job_details{padding:15px 0;font-size:14px;line-height:24px;}
}
