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

}


@media only screen and (max-width: 1200px) {
    .top .navbar-default .navbar-nav > li > a{
        font-size:17px;
    }
    .top .navbar-default .navbar-nav > li {
        padding: 0 15px;
    }
    .kj-project-bottom {
        height: 220px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .kj-project {
     
        height: 390px;
  
    }
        .kj-project:hover .kj-project-bottom, .kj-project:hover .kj-project-top{
            height:390px;
        }
    .kj-project-top div {
        -webkit-line-clamp: 4;
    }
    .imgbig {
        height: 400px;;
    }
    .kj-default-swiper1 {
        height: 750px;
    }
    .kj-inner {
        width: 600px;
   
    }
        .kj-inner a{
            font-size:20px;
        }
            .kj-inner a:first-child {
                left: -30px;
                top: 17px;
            }

            .kj-inner a:nth-child(2) {
                right: -11px;
                top: -9px;
            }

            .kj-inner a:nth-child(3) {
                left: -100px;
                top: 78px;
            }

            .kj-inner a:nth-child(4) {
                right: -68px;
                top: 48px;
            }

            .kj-inner a:nth-child(5) {
                left: -45px;
                top: 141px;
            }

            .kj-inner a:nth-child(6) {
                right: -124px;
                top: 107px;
            }
    .imgFeatures {
        height: 620px;
    }
    .chanping {
        height: 500px;
   
    }
    .imgopac{
        height:500px;
    }
    .shelterText {
       
        margin-top: 36px;
        width: 100%;
    }
    .shelter {
        position: absolute;
        height: 500px;
        width: 130%;
    }
    #container > div {
        width: 510px;
        overflow: auto;
    }
        /**修改表单在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
    }
    .kj-pro .media-left a{
        width:200px;
        height:150px;
    }
}
@media only screen and (max-width: 1130px) {

}
@media only screen and (max-width: 1024px) {
    .kj-leftBox {
        width: 100%;
    }

    .kj-rightBox {
        width: 100%;
        padding: 30px 40px;
    }

    .kj-flexBox {
        flex-wrap: wrap;
    }

    .kj-flexBox2 .kj-rightBox {
        width: 300px;
    }

    .kj-flexBox2:nth-child(3) .kj-rightBox {
        padding-left: 40px;
    }
    .navul li a {
        font-size: 15px;
        padding: 10px 1px;
    }
    .top .navbar-default .navbar-nav > li {
        padding: 0px 6px;
    }
    .phone_footer_nav{display:block;}


    /*float*/
    .float_box{display:none;}
    .phone_top{display:block;}

    /*index*/
    #banner-swiper, .friend_links{margin-left:0;}
    .index_product .tab-pane ul li{height:200px;}
    .index_product .tab-pane ul li .img_btn{height:140px;}

}
@media only screen and (max-width: 1020px) {   
    /*header*/
    .header_logo_search .logo_btn{width:250px;}

    /*footer*/
    .footer_box{display:none;}

   



    /*新闻*/
    .product_nav{justify-content:center;}
    .product_nav a{margin:0 10px 10px 10px;}
    .news_list_box .news_list li{flex-wrap:wrap;}
    .news_list_box .news_list li .img_btn{margin-right:0;margin-bottom:15px;}
    .news_list_box .news_list li .right{width:100%;}
    .news_list_box .news_list li .right .info{height:auto;margin-bottom:15px;}

    /*关于我们*/
    .about_article{flex-wrap:wrap;margin-top:0;}
    .about_article .text_article{flex:0 0 100%;width:100%;margin:0;margin-top:25px;order:2;}
    .about_article .img_box{flex:0 0 100%;order:1;}

    /*联系我们*/
    
    .contactUs_info .left span{flex:0 0 100%;padding:0;}


}

@media only screen and (max-width: 767px) {
    /**修改表单 **/
   .table-responsive{border:0;}
    /*顶部基本信息展示*/
    .header_top_baseInfo{display:none;}
    /*顶部logo及搜索*/
    .header_logo_search{display:none;}

   

    /*文章*/
    .article_box{flex-wrap: wrap;margin-bottom:20px;}
    .article_box .article_left{width:100%;margin-right:0;}
    .article_box .article_right{width:100%;}
    .kj_news_active .kj-main-articleinfo-title {
        font-size: 24px;
        padding-top: 20px;
       
    }

    /*新闻*/
    .news_list_box .news_list li{padding:25px 0;}
    .news_list_box .news_list li .right .name_btn{font-size:20px;}
    .news_list_box .news_list li .right .time{margin:10px 0;}
    .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;}

    /*联系我们*/
    .contact_us_box h1{font-size:20px;}
    .contactUs_info{flex-wrap: wrap;}
    .contactUs_info .left{flex:0 0 100%;margin-top:12px;}
    
}
@media screen and (max-width: 1200px) {
    .kj-leftBox {
        width: 400px;
        height: 360px;
    }

    .kj-rightBox {
        width: calc(100% - 400px);
    }

        .kj-rightBox ul li {
            margin-bottom: 5px;
        }

        .kj-rightBox h4 {
            font-size: 30px;
            margin-bottom: 15px;
        }

    .kj-flexBox2 .kj-rightBox {
        width: 490px;
    }

        .kj-flexBox2 .kj-rightBox ul li {
            width: 185px;
        }
    .kj-index-contact .media-body div.kj-indexContent {
        line-height: 30px;
        font-size: 14px;
    }

    .kj-index-contact .media-left {
        padding-left: 28px;
        padding-right: 0;
        padding-top: 70px;
    }

    .kj-AB {
        padding: 40px 0 120px;
    }

    .kj-index-contact .media-body, .kj-index-contact .media-left, .kj-index-contact .media-left a {
        display: block;
        width: 100%;
        padding: 0;
    }

        .kj-index-contact .media-left a img {
            display: block;
            width: 100%;
            margin-top: 30px;
        }
    .contactUs_info .left span {
        flex: 0 0 50% !important;
    }
}
@media screen and (max-width: 992px) {
    .kj-leftBox {
        width: 100%;
    }

    .kj-rightBox {
        width: 100%;
        padding: 30px 40px;
    }

    .kj-flexBox {
        flex-wrap: wrap;
    }

    .kj-flexBox2 .kj-rightBox {
        width: 300px;
    }

    .kj-flexBox2:nth-child(3) .kj-rightBox {
        padding-left: 40px;
    }

    .kj-BoxOut {
        width: 100%;
        overflow-x: auto;
    }
    .kj-pro .media-body .media-heading {
        margin: 25px 0 25px;
    }

        .kj-pro .media-body .media-heading a {
            font-size: 24px;
        }

    .kj-pro .media-body ul {
        margin-bottom: 10px;
    }

        .kj-pro .media-body ul li {
            width: 100%;
            margin-bottom: 10px;
        }

    .kj-topList li {
        width: 95px;
        font-size: 14px;
    }

    .kj-pageBg {
        height: 450px;
    }

        .kj-pageBg .kj-pageBgIn h4 {
            font-size: 32px;
        }

        .kj-pageBg .kj-pageBgIn span {
            font-size: 18px;
        }

    .kj-pro2 .media-body .media-heading {
        font-size: 24px;
    }

    .kj-pro2 .media-left a {
        width: 300px;
        height: 300px;
        border: 1px solid #e8e8e8;
    }
    .content_two {
        margin-top: 55px;
    }
        .content_two p:nth-child(1) {
            font-family: inherit;
            font-weight: 300;
            font-size: 30px;
        }
    .shelterText {
        margin-left: 110px;
    }
    .shelterText div {
        padding: 10px 0;
    }
    .shelterText div:first-child{
        font-size:24px;
    }
    .shelterText div:nth-child(2) p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .shelter {
        height: 420px;
    }
    .imgopac {
        height: 420px;
    }
    .imgFeatures {
        height: 475px;
    }
    .chanping {
        height: 455px;
    }
    .kj-inner {
        width: 460px;
    }
        .kj-inner a:nth-child(6) {
            right: -88px;
            top: 83px;
        }
        .kj-inner a:nth-child(4) {
            right: -43px;
            top: 39px;
        }
        .kj-inner a:nth-child(2) {
            right: 3px;
            top: -7px;
        }
        .kj-inner a:nth-child(3) {
            left: -68px;
            top: 63px;
        }
        .kj-inner a:nth-child(5) {
            left: -31px;
            top: 112px;
        }
        .kj-inner a:first-child {
            left: -15px;
            top: 15px;
        }
        .kj-inner a {
            font-size: 14px;
        }
    .kj-default-swiper1 {
        height: 450px;
    }
    .kj-footer {
        display: none;
    }

    .kj-footer-ipad {
        display: flex;
    }

    .kj-nav {
        margin-bottom: 35px;
    }

    .kj-header2 {
        font-size: 30px;
    }
    #container > div {
        width: 385px;
        overflow: auto;
    }
  
    .kj-concactus-form-left, .kj-concactus-form-right {
        width: 100%;
        justify-content: space-between;
    }
}
@media screen and (max-width: 768px) {
    .kj-concactus-form .formcolumn-item dd input {
        margin-right: 0;
    }
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .kj-pageBg {
        height: 220px;
    }

        .kj-pageBg .kj-pageBgIn h4 {
            font-size: 24px;
        }

        .kj-pageBg .kj-pageBgIn span {
            font-size: 15px;
        }

    .kj-pro .media-body, .kj-pro .media-left, .kj-pro .media-right {
        display: block;
        width: 100%;
        padding: 0;
    }

    .kj-pro .media-body {
        padding-left: 30px;
    }

    .kj-pro .kj-more {
        margin-bottom: 15px;
    }

    .kj-nav2 .container {
        flex-wrap: wrap;
        height: auto;
    }

    .kj-topList li {
        width: 70px;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }

    .foot {
        display: none;
    }

    .fixed {
        display: none !important;
    }

    .kj-nav2 i {
        height: 50px;
        line-height: 50px;
        width: 70px;
    }

    .kj-pro2 .media-left a {
        width: 100%;
        height: 350px;
    }

    .imgbig {
        height: 175px;
    }
    .kj-default-swiper1 {
        height: 215px;
    }
    .top {
   
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-brand img {
        position: relative;
        bottom: 10px;
        width: 130px;
      
    }
    .top .navbar-default{
        margin-bottom:0;
    }
    #container > div {
        width: 100%;
        overflow: auto;
    }
    .foot{
        display:none;
    }
    .kj-inner {
        width: 220px;
    }
        .kj-inner a{
            font-size:12px;
        }
            .kj-inner a:first-child {
                left: -72px;
                top: 2px;
            }
            .kj-inner a:nth-child(3) {
                left: -84px;
                top: 24px;
            }
            .kj-inner a:nth-child(5) {
                left: -37px;
                top: 47px;
            }
            .kj-inner a:nth-child(2) {
                right: -59px;
                top: -7px;
            }
            .kj-inner a:nth-child(4) {
                right: -64px;
                top: 15px;
            }
            .kj-inner a:nth-child(6) {
                right: -87px;
                top: 35px;
            }
    .chanping {
        height: 304px;
    }
    .imgFeatures {
        height: 347px;
    }
    .content_two p:nth-child(1) {
        font-family: inherit;
        font-weight: 300;
        font-size: 24px;
    }
    .padding {
        margin-bottom: 20px;
    }
    .content_two {
        margin-top: 30px;
    }
    .imgopac .col-xs-5{
        display:none;
    }
    .imgopac .col-xs-7, .imgopac .col-xs-8 {
        width: 100%;
    }
    .shelterText div {
        padding: 4px 0;
    }
    .imgopac .col-xs-offset-3{
        margin-left:0;
    }
    .shelter {
        height: 330px;
        background-position: center right;
    }
    .imgopac {
        height: 328px;
    }
    .shelterText {
        width: 61%;
        margin-top: 20px;
    }
    .kj-News a {
        font-size: 16px;
        font-weight: bold;
    }
    .caption .btn {
        font-size: 12px;
        font-weight: normal;
    }
    .kj-index-contact .media-heading {
        font-size: 24px;
        color: #333;
        margin-bottom: 20px;
    }
    .kj-AB {
        padding: 0px 0 90px;
    }
    .kj-pageBg .kj-pageBgIn {
        padding-top: 0px; 
    }
    .contactUs_info .left span {
        flex: 0 0 100% !important;
        padding: 0;
    }
    .kj-header4 {
        text-align: center;
        font-size: 32px;
        padding: 40px 0 10px;
    }

    .contact_us_box .map_box {
        height: 300px;
    }
    .kj-concactus-form .formcolumn-item {
        width: 100%;
    }
    .kj-project-services {
        margin-bottom: 0;
    }
    .kj-leftBox {
        height: 200px;
    }

    .kj-rightBox ul li {
        font-size: 12px;
    }

    .kj-rightBox ul i {
        font-size: 20px;
    }

    .kj-rightBox h4 {
        font-size: 20px;
    }

    .kj-rightBox {
        padding: 20px 15px;
    }

    .kj-flexBox2 {
        min-height: 200px;
    }

        .kj-flexBox2 .kj-rightBox {
            width: 100%;
        }

            .kj-flexBox2 .kj-rightBox ul li {
                width: 175px;
            }
    .kj-nav {
        margin-bottom: 20;
    }
    .top.active {
        position: fixed !important;
        left: 0;
        top: 0;
        background-color: #fff;
        z-index: 1000;
        width: 100%;
        padding-top: 10px;
        box-shadow: 0 1px 2px 2px #dcddde;
    }
        .top.active .navbar-default .navbar-brand {
            padding: 0px 0;
            position: relative;
            bottom: -14px;
        }
    .kj-index-contact img {
        max-width: 100%;
    }
    .kj-index-contact .media-left img {
        max-width: 100%;
    }
    .kj-pro .media-left a{
        width:100%;
        height:220px;
    }
}