@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: 767px) {

    /*文章*/
    .article_box{flex-wrap: wrap;margin-bottom:20px;}
    .article_box .article_left{width:100%;margin-right:0;}
    .article_box .article_right{width:100%;}
}
@media screen and (max-width: 1430px) {
  .container {
    padding: 0 15px;
    width: 970px;
  }
  .kj-table thead tr th{
      font-size:14px;
      padding:0;
  }
    .kj-table thead tr th:nth-child(2){
        width:120px;
    }
  .kj-site-top-nav .navbar-collapse .navbar-nav li a {
    padding: 15px 22px;
  }
  .kj-default-swiper1 {
    height: 400px;
  }
  .kj-classityBox {
    width: 240px;
  }
  .kj-indexAboutUs .media-left {
    width: 415px;
  }
  .kj-indexAboutUs .media-left a {
    width: 430px;
  }
  .kj-indexAboutUs .media-body,
  .kj-indexAboutUs .media-left a {
    height: 313px;
  }
  .kj-footer .kj-left {
    width: calc(100% - 100px);
  }
  .kj-newsbox .media-heading {
    line-height: 22px;
    margin-bottom: 5px;
  }
  .kj-pro a.kj-img-a {
    height: 185px;
  }
  .kj-aboutUs .media-left a {
    width: 465px;
  }
  .kj-aboutUs .media-body {
    line-height: 32px;
    padding-right: 55px;
  }
  .kj-aboutUs .media-heading {
    padding: 0;
    font-size: 30px;
  }
  .kj-prolist-width .kj-detail-info{
      padding-left:20px;
  }
  .kj-prolist-width .kj-detail-swiper{
      width:320px;
  }
  .kj-detail-swiper .mySwiper2{
      height:290px;
  }
  .kj-prolist-width .kj-detail-info{
      width:calc(100% - 320px)
  }
 .kj-detail-other-info div a{
     width:140px;
  }
    .kj-concact .kj-concact-bottom-cc {
        margin-left: 50px;
    }

        .kj-concact .kj-concact-bottom-cc div img {
            width: 120px;
        }
}
@media screen and (max-width: 992px) {
    .container {
        width: 750px;
    }

    .kj-phone {
        display: none;
    }

    /*.kj-top-search .col-xs-2,
    .kj-top-search .col-xs-10 {
        width: 50%;
    }*/

    .kj-site-top-nav .navbar-collapse .navbar-nav li a {
        padding: 10px 12px;
        font-size: 14px;
    }

    .kj-default-swiper1 {
        height: 300px;
    }

    .kj-classityBox {
        justify-content: left;
    }

        .kj-classityBox i {
            font-size: 32px;
            margin-left: 10px;
        }

        .kj-classityBox div {
            font-size: 16px;
        }

    .kj-Classity {
        padding: 10px 0;
    }

    .kj-indexAboutUs .media-left {
        width: 320px;
    }

    .kj-indexAboutUs .media-body {
        padding: 20px 20px 25px 30px;
    }

    .kj-indexAboutUs .media-left a {
        width: 330px;
        height: 317px;
    }

    .kj-indexNews .row {
        margin: 0 -15px;
    }

    .kj-indexNews .col-md-6 {
        padding: 0 15px;
    }

    .kj-newsbox {
        margin-bottom: 20px;
    }

    .kj-newslist {
        margin-bottom: 15px;
    }

    .kj-footer .kj-footBtm {
        flex-wrap: wrap;
    }

    .kj-footer .kj-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .kj-ClassityIn {
        flex-wrap: wrap;
        border-top: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;
    }

    .kj-classityBox {
        width: 50%;
        border-bottom: 1px solid #e7e7e7;
    }

    .kj-ClassityIn .kj-classityBox:last-child {
        border-bottom: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
    }

    .kj-prolist-width .col-md-3 {
        width: 265px;
    }

    .kj-prolist-width .col-md-9 {
        width: calc(100% - 265px);
    }

    .kj-aboutUs .media-left a {
        width: 350px;
    }

    .kj-aboutUs .media-left,
    .kj-aboutUs .media-body {
        display: block;
        width: 100%;
    }

        .kj-aboutUs .media-left a,
        .kj-aboutUs .media-body a {
            width: 100%;
        }

    .kj-aboutUs .media-body {
        line-height: 30px;
        padding-right: 20px;
        font-size: 14px;
        margin-bottom: 20px;
    }

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

        .kj-aboutUs .media-heading::after {
            margin: 10px 0;
        }

    .kj-prolist-width .kj-detail-swiper {
        display: block !important;
        width: 100%;
    }

    .kj-detail-swiper .mySwiper2 {
        width: 290px;
        margin: 0 auto;
    }

    .kj-detail-info h1 {
        margin-top: 30px;
    }
    .product_container .product_right .product_cata_1 ul li {
        width: calc((100% - 65px)/2);
    }
}
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
  }
    .product_container .product_right .product_cata_1 ul li {
        width: 100%;
        margin-right: 0;
    }
    .pro_slide_box .nav {
        flex-wrap: wrap;
    }
        .pro_slide_box .nav li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1px;
        }
    .pro_desc_content .left_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pro_desc_content {
        flex-wrap: wrap;
    }
        .pro_desc_content .right_box {
            width: 100%;
        }
    .pro_slide_box .nav li a {
        width: 100%;
    }
    #chengguozhanshi .swiper-slide {
        width: 300px;
        height: 200px;
    }

    #chengguozhanshi .kj-img {
        height: 200px;
    }

    #chengguozhanshi {
        height: 300px;
    }
    .kj-indexAboutUs .media-left a {
        height: 200px;
    }
    .kj-indexAboutUs .media-body .media-heading{
        font-size:20px;
    }
    .kj-chengguozhanshi .swiper-button-prev, .kj-chengguozhanshi .swiper-button-next {
        display: none;
    }
    #chengguozhanshi2 .swiper-slide {
        width: 300px;
        height: 250px;
    }
    #chengguozhanshi2 .kj-img {
        height: 250px;
    }
    #chengguozhanshi2{
        height:300px;
    }
    .containers .swiper-button-prev, .containers .swiper-button-next{
        display:none;
    }
    .kj-nav-list {
        margin-bottom: 30px;
    }
    .kj-pro a.kj-img-a {
        height: 150px;
    }
    .kj-pro div.protxt a.kj-title {
        color: #333;
        font-size: 13px;
    }
  
    .kj-site-top-search-center {
        display: none;
    }
  .kj-site-top-logo {
    width: 100px;
    margin-top:0;
  }
  .kj-site-top .navbar-collapse {
    display: none !important;
  }
  .kj-default-swiper1 {
    height: 220px;
  }
  .kj-site-top-search-center-all {
    padding-left: 0;
    display: block;
  }
  .kj-top-search {
    height: 60px;
  }
  .kj-top-search a {
    height: 50px;
    display: flex;
    align-items: center;
  }
  .kj-top-search a img {
    width: 100%;
  }
  .kj-Classity {
    padding: 0;
  }
  .kj-Classity .container {
    padding: 0;
  }
  .kj-indexAboutUs .media-left,
  .kj-indexAboutUs .media-body {
    width: 100%;
    display: block;
    height: auto;
  }
  .kj-indexAboutUs .media-left a {
    position: inherit;
    width: 100%;
  }
  .kj-newsbox .media-left a {
    width: 140px;
  }
  .kj-footer {
    display: none;
  }
  .kj-footer-ipad {
    display: flex;
  }
  .kj-indexBrand .swiper-button-next {
    right: 0;
  }
  .kj-indexBrand .swiper-button-prev {
    left: 0;
  }
  .kj-top-header {
    display: none;
  }
  #kj-site-top-nav-button {
    margin-right: 0;
  }
  .kj-prolist-width .col-md-9,
  .kj-prolist-width .col-md-3 {
    width: 100%;
  }
  .kj-header3 {
    margin-top: 30px;
  }
  .kj-pro div.protxt {
    padding: 10px;
  }
  .kj-prolist-right .col-md-4 {
    padding-right: 15px;
  }
  .kj-prolist-right {
    margin-right: -15px;
  }
  .kj-pageBg {
    height: 200px;
  }
  .kj-aboutUs .media-left a {
    height: 250px;
  }
  .kj-pageBg {
    font-size: 24px;
  }
 .kj-site-top-search-center button {
    width: 52px;
    position: absolute !important;
    right: 0;
}
 #phone-search-box {
    position: relative;
}
.kj-site-top-search-center input{
    width:70%!important;
}
.float_box {
    display:none;
}
.kj-indexBrand .swiper-button-next, .kj-indexBrand .swiper-button-prev{
    top:70%;
}
.kj-detail-swiper {
    width: 100%;
}
.kj-concactus-form .formcolumn-item{
    width:100%;
}
    .kj-indexNews .swiper-pagination {
        bottom: 20px;
    }

    .kj-indexAboutUs, .kj-indexPlatform {
        padding-bottom: 40px;
    }
    .kj-Platform .kj-img{
        height:300px;
    }
    #kj-indexPlatform{
        height:450px;
    }
    .kj-pro a.kj-img-a img{
        width:100%;
    }
    .kj-pro a.kj-img-a{
        border:1px solid #ccc;
    }
}
@media (min-width: 768px) {
  .kj-footer {
    display: block;
  }
  .kj-footer-ipad {
    display: none;
  }
}