@media screen and (max-width: 1630px) {
    .kj-inner{
        width:700px;
    }
        .kj-inner a:nth-child(6) {
            right: -353px;
            top: 125px;
        }
        .kj-inner a:nth-child(4) {
            right: -255px;
            top: 60px;
        }
        .kj-inner a:nth-child(2) {
            right: -265px;
            top: -8px;
        }
        .kj-inner a:first-child {
            left: -290px;
            top: 21px;
        }
        .kj-inner a:nth-child(3) {
            left: -300px;
            top: 94px;
        }
        .kj-inner a:nth-child(5) {
            left: -260px;
            top: 168px;
        }
}
    @media screen and (max-width: 1430px) {
        .kj-inner {
            width: 660px;
        }

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

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

            .kj-inner a:nth-child(6) {
                right: -358px;
                top: 117px;
            }

            .kj-inner a:first-child {
                left: -304px;
                top: 19px;
            }

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

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


    @media only screen and (max-width: 1200px) {
        .navbar-brand img{
            width:250px;
        }
        .top.active .navbar-default .navbar-brand{
            padding:10px 0;
        }
        .kj-project-bottom {
            height: 220px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .navul li a {
            font-size: 15px;
            font-weight: 500;
        }

        .top .navbar-default .navbar-nav > li {
            padding: 0 10px;
        }

        .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: 15px;
            }

                .kj-inner a:first-child {
                    left: -190px;
                    top: 19px;
                }
                .kj-inner a:nth-child(2) {
                    right: -170px;
                    top: -6px;
                }

        .shelterText div:first-child {
            font-weight: 600;
            font-size: 26px;
        }

        .kj-topList li {
            padding: 0 10px;
            font-size: 14px;
        }

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

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

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

        .kj-inner a:nth-child(6) {
            right: -249px;
            top: 109px;
        }

        .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
                }
    }

    @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;
        }
        .navbar-brand img{
            width:175px;
        }
        .navul li a {
            font-size: 12px;
            padding: 10px 0px;
        }

        .top .navbar-default .navbar-nav > li {
            padding: 0 8px;
        }

        .search {
            padding: 15px 3px !important;
        }

            .search i {
                font-size: 16px;
            }

        .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;
        }

        .kj-imgTop3 {
            height: 216px;
        }

        .shisw p:nth-child(2) {
            padding-bottom: 0;
        }

        .kj-imgTop2 {
            height: 180px;
        }
    }

    @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 {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            line-height: initial;
        }

        .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: 3;
                    -webkit-box-orient: vertical;
                }

        .kj-inner a {
            display: none;
        }

        .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-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-footer-ipad {
            display: flex;
            margin-top: 30px;
        }

        .kj-topList {
            flex-wrap: wrap;
            padding: 0;
        }

        .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: 100%;
            height: 45px;
            font-size: 14px;
        }

        .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: 20px;
        }

        .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%;
        }
        .top .navbar-default .navbar-brand{
            padding:20px 0;
        }
    }