@media screen and (max-width: 1470px) {
.container {
padding: 0 15px;
width: 1300px;
}
.kj-site-top-nav .navbar-collapse .navbar-nav li a {
padding: 15px 39px;
}
.kj-default-swiper1 {
height: 600px;
}
.kj-prolist2 .kj-pro a.kj-img-a {
height: 100px;
margin-top: 15px;
margin-bottom: 10px;
}
.kj-default-related .kj-pro div.protxt {
line-height:24px;
}
.kj-default-related .kj-pro a.kj-img-a {
margin-bottom: 20px;
margin-top: 15px;
}
}
@media only screen and (max-width: 1330px) {
.container {
padding: 0 15px;
width: 1200px;
}
.kj-prolist.kj-prolist-in .col-sm-3 {
display: none;
}
.kj-prolist.kj-prolist-in .kj-detail-swiper {
display: block;
}
.kj-prolist.kj-prolist-in .col-sm-9 {
width: 100%;
}
.kj-prolist.kj-prolist-in .kj-detail-info {
width: calc(100% - 400px);
}
.product_relevant .swiper-button-next, .product_relevant .swiper-button-prev{display:none;}
.index_seckill .swiper-button-next, .index_seckill .swiper-button-prev{display:none;}
}
@media screen and (max-width: 1270px) {
.container {
padding: 0 15px;
width: 970px;
}
.kj-site-top-nav .navbar-collapse .navbar-nav li a {
padding: 15px 20px;
}
.kj-site-top-logo {
width: 100%;
/* margin-bottom: 10px; */
}
.kj-site-top-search-center {
width: 480px;
}
.kj-default-swiper1 {
height: 550px;
}
.kj-index-contact .media-left img {
width: 400px;
}
.kj-index-contact .media-body div {
-webkit-line-clamp: 3;
}
.kj-fenlei a {
width: 220px;
height: 53px;
line-height: 50px;
font-size: 22px;
}
.kj-fenleiOut,
.kj-fenlei {
height: 170px;
}
.kj-chanpinfenlei {
height: 300px;
}
.kj-fenleiIn div {
padding: 0 15px;
}
.kj-pro div.protxt {
line-height: 24px;
}
.kj-pro a.kj-img-a {
height: 100px;
margin-bottom: 20px;
margin-top: 15px;
}
.kj-pro a.kj-img-a img {
height: 100px;
}
.kj-prolist2 .col-sm-3 {
width: 33.33%;
}
.kj-AB .kj-index-contact .media-body div {
-webkit-line-clamp: initial;
}
.kj-AB .kj-index-contact .media-left {
display: flex;
justify-content: center;
padding: 0;
margin-top: 30px;
}
.kj-AB .kj-index-contact .media-left a {
width: 100%;
text-align: center;
}
.kj-AB .kj-index-contact .media-left a img {
width: 100%;
}
.kj-prolist .kj-detail-swiper {
width: 300px;
}
.kj-prolist .kj-detail-info {
width: calc(100% - 300px);
}
}
@media only screen and (max-width: 1200px) {
.kj-default-related .kj-pro div.protxt {
line-height: 35px;
}
.kj-default-related .kj-pro a.kj-img-a {
height:160px;
}
/*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: 1130px) {
}
@media only screen and (max-width: 1024px) {
.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) {
}
@media screen and (max-width: 992px) {
.kj-contac .bounceInRight {
height: 400px;
margin-bottom: 50px;
}
.bounceInLeft > div {
width: calc((100% - 30px)/3);
height:220px;
}
.kj-footer-ipad {
display: flex;
}
.bounceInLeft .imgbox {
height: 60px;
margin: 30px 0 20px;
}
.bounceInLeft > div {
width: calc((100% - 30px)/3);
}
.container {
width: 768px;
}
.kj-phone {
display: none;
}
.kj-site-top-nav .navbar-collapse .navbar-nav li a {
padding: 15px 23px;
}
.kj-site-top-search-center {
width: 375px;
}
.kj-top-search {
height: 100px;
}
.kj-default-swiper1 {
height: 350px;
}
.kj-index-contact .media-left {
display: none;
}
.kj-aboutUs {
padding: 40px 0 50px 0;
}
.kj-index-contact .media-heading {
font-size: 30px;
}
.kj-index-contact .media-heading span {
font-size: 16px;
}
.kj-chanpinfenlei {
height: auto;
}
.kj-chanpinfenlei {
padding-top: 15px;
}
.kj-fenleiOut {
margin-bottom: 15px;
}
.kj-pro div.protxt {
font-size: 13px;
}
.kj-footer {
display: none;
}
.kj-ComBrand .col-md-2 {
width: 25%;
}
.kj-prolist2 .col-sm-3 {
width: 50%;
}
.kj-pageBg .kj-site-top-search-center {
width: 620px;
}
.kj-pageBg {
height: 350px;
}
.kj-default-related .kj-pro a.kj-img-a {
height: 100px;
}
.kj-default-related .kj-pro div.protxt {
line-height: 24px;
}
}
@media screen and (max-width: 768px) {
.kj-prolist .col-sm-9,.kj-prolist .col-sm-3 {
padding: 0 15px;
}
.kj-prolist2 .col-sm-3{
padding-left:0;
}
.kj-prolist {
margin-left: -15px;
margin-right: -15px;
}
.kj-default-related {
margin-bottom: 40px;
}
.kj-detail-table .table {
table-layout: fixed;
}
.kj-detail-table .table > tbody > tr > th{
width:125px;
}
.kj-detail-table .table > tbody > tr > td{
padding:10px;
}
.kj-prolist.kj-prolist-in .kj-detail-info {
width: 100%;
padding: 0 30px;
}
.kj-detail-three-tab .nav > li:last-child{
margin:0;
}
.kj-detail-three-tab .nav > li > a {
padding: 9px 61px;
}
.bounceInLeft {
flex-direction: column;
margin-bottom: 0;
}
.bounceInLeft > div {
width: 100%;
margin-bottom: 20px;
}
.bounceInLeft > div {
width: 100%;
margin-bottom: 20px;
}
.kj-contac .bounceInRight {
height: 300px;
margin-bottom: 0px
}
.container {
width: 100%;
}
.kj-site-top-search-center {
display: none;
}
.kj-site-top-search-center-all {
/* padding-left: 90px; */
padding-left: 0;
display: flex;
margin-bottom: 0px;
align-items: center;
justify-content: right;
}
.kj-language {
margin-right: 15px;
}
#kj-site-top-nav-button {
margin-right: 0;
}
.kj-top-search {
height: 60px;
}
.kj-default-swiper1 {
height: 200px;
}
.kj-header div:before,
.kj-header div:after {
width: 80px;
}
.kj-header {
font-size: 26px;
}
.kj-ourPro .col-md-3 {
padding-right: 15px;
}
.kj-ourPro .row {
margin-right: -15px;
}
.kj-pro .kj-header2 {
height: 40px;
line-height: 40px;
}
.kj-pro a.kj-title {
padding: 0 10px;
}
.kj-ComBrand .col-md-2 {
width: 50%;
}
.kj-youhao {
padding: 30px 15px 40px;
}
.kj-pro div.protxt {
font-size: 12px;
line-height: 20px;
padding: 0 10px;
}
.kj-pro {
padding-bottom: 10px;
margin-bottom: 15px;
}
.kj-prolist .col-sm-3 {
width: 100%;
}
.kj-prolist .col-sm-9 {
width: 100%;
}
.kj-prolist2 .col-sm-3 {
width: 50%;
}
.kj-prolist2 {
margin-right: -15px;
}
.kj-prolist2 .col-sm-3 {
padding-right: 15px;
}
.kj-pageBg {
height: 200px;
}
.kj-header3 {
font-size: 24px;
margin-bottom: 20px;
}
.kj-pageBg .kj-site-top-search-center {
display: block !important;
margin-bottom: 0px;
width: 100%;
}
.kj-pageBg .kj-site-top-search-center input {
height: 40px;
}
.kj-pageBg .kj-site-top-search-center button {
height: 40px;
}
.kj-pageBg .kj-site-top-search-center input {
width: 78% !important;
}
.kj-site-top-search-center .kj-hot-product {
display: none;
}
.kj-NewsCenter .kj-detail-three-tab .nav-tabs {
display: block;
margin-bottom:20px;
}
.kj-AB .kj-detail-three-tab .nav > li {
margin: 0 !important;
margin-bottom: 15px !important;
}
.kj-AB .kj-detail-three-tab .nav > li > a {
width: 100%;
}
.kj-header4 {
color: #fff;
font-size: 36px;
font-weight: bold;
}
.index_brand ul li {
width: calc((100% - 15px) / 2);
}
.index_brand ul li:nth-child(2n){
margin-right:0;
}
.kj-AB .kj-index-contact .media-body div{
line-height:30px;
}
.kj-AB {
padding-top: 0;
background-color: transparent;
margin-bottom: 60px;
}
.kj-AB .kj-aboutUs {
padding-top: 0;
}
.kj-pageBg .kj-site-top-search-center input{
padding-left:15px;
}
.kj-site-top-search-center button{
width:50px;
}
}