@media only screen and (max-width: 1600px) { .container{width:1290px;} .product_info_details .right_box .base_info{width:100%;} } @media only screen and (max-width: 1340px) { /*float*/ .float_box{right:1px;} .float_box ul{width:42px;} .float_box ul li{padding:0;height:40px;width:40px;} .float_box ul li span{display:none;} .float_box ul li i{font-size:20px;padding:0;line-height:40px;} .float_box .scrollTop{width:40px;height:40px;line-height:40px;} .float_box .scrollTop i{font-size:16px;} .float_box ul li .qq_box,.float_box ul li .code_box,.float_box ul li .tel_box{right:40px;} .float_box ul li .code_box span,.float_box ul li .tel_box span{display:block;} .product_related .swiper-slide{height:270px;} .product_related .swiper-slide .img_box{height:180px;} } @media only screen and (max-width: 1310px) { .container{width:1230px;} } @media only screen and (max-width: 1250px) { .container{width:1000px;} .kj-navbar .navbar-nav >li >a{font-size:16px;margin:0 20px;} .product_info_details .left_box{width:100%;margin-right:0;margin-bottom:20px;height:auto;padding:10px;} .product_info_details .right_box{width:100%;} } @media only screen and (max-width: 1200px) { /**修改表单在ipd竖屏时可以有滚动条 **/ .table-responsive { width: 100%; margin-bottom: 0; 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: 1024px) { .float_box{display:none !important;} .phone_top{display:block;} .index_news_box .index_news .news_left .img_btn{height:220px;} .index_news_box .index_news ul li{padding:12px 0;} } @media only screen and (max-width: 1020px) { .container{width:750px;} .kj-navbar .navbar-nav >li >a{font-size:14px;margin:0 8px;} .product_container .product_cate a{width:calc((100% - 40px)/3);margin-bottom:10px;} .product_container .product_cate a:nth-child(3n){margin-right:0;} .footer_box .fast_links{display:none;} .product_desc_container .product_left{width:100%;margin-right:0;margin-bottom:20px;} .product_desc_container .product_right{width:100%;} .case_list_box .case_item .left_img{width:100%;margin-right:0;margin-bottom:20px;} .case_list_box .case_item .left_img .image_box .tb-booth{height:auto;padding:10px;} .case_list_box .case_item .right_info{width:100%;} .index_about_box .num_list .text{font-size:14px;} .index_news_box .index_news .news_left{width:100%;margin-right:0;} .index_news_box .index_news .news_left .img_btn{height:338px;} .index_news_box .index_news ul{width:100%;} .index_news_box .index_news ul li:first-child{padding-top:12px;} .contactUs_info{width:100%;} .contact_us_box .map_box{width:100%;} .brand_list_ul li{width:calc(100% / 5)} } @media only screen and (max-width: 767px) { .container{width:100%;} /**修改表单 **/ .table-responsive{border:0;} /*顶部基本信息展示*/ /*顶部logo及搜索*/ .header_logo_search .tel_mail_box,.header_logo_search .logo_btn{display:none;} .header_logo_search .search_box i{display:none;} .header_logo_search{padding:0;} /*header*/ .kj-navbar{width:100%;background:none;min-height:50px;} .kj-navbar .navbar-header{display:block;} .kj-navbar .navbar-header .navbar-brand{padding:0;margin-left:10px;} .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:none;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%;width:100%;} .kj-navbar .navbar-nav li a{margin: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;font-size:14px;} .navbar-nav .open .dropdown-menu > li > a{line-height:30px;} .kj-navbar .navbar-nav >li.active > a{color:#3679fe;border-bottom:0;font-weight:bold;} /*index*/ #banner-swiper .swiper-pagination{display:none;} .index_product_cata{padding:20px 0;} .index_product_cata ul li{width:calc((100% - 15px)/2);margin-right:15px;margin-bottom:15px;padding:0 10px;height:170px;} .index_product_cata ul li:nth-child(3n){margin-right:15px;} .index_product_cata ul li:nth-child(2n){margin-right:0;} .index_product_cata ul li .brief_text{display:none;} .index_product_cata ul li .name_btn{font-size:15px;margin:10px 0 0 0;} .index_about_box{padding-top:20px;} .index_about_box h1{font-size:20px;} .index_about_box h6{font-size:14px;line-height:24px;} .index_about_box .index_num{height:auto;} .index_about_box .num_list{padding:15px 0;width:100%;} .index_about_box .num_list:before{width:0;} .index_about_box .num_list .num{margin-bottom:0;} .index_news_box{padding-top:20px;} .index_news_box .title{font-size:20px;margin-bottom:20px;} .index_news_box .index_news .news_left{padding:15px;} .index_news_box .index_news .news_left .name_btn{font-size:16px;} .index_news_box .index_news .news_left .brief_text{font-size:14px;margin-bottom:20px;} .index_news_box .index_news .news_left .img_btn{height:180px;} .footer_box{margin-top:50px;} .footer_box .footer_nav .contact_us{display:none;} .footer_box .footer_nav .code_box .title{font-size:20px;} .footer_box .footer_nav{justify-content:center;padding:20px 0;} .footer_box .footer_copyright .container{flex-wrap: wrap;} .footer_box .footer_copyright span{width:100%;text-align:center;line-height:20px;} .footer_box .footer_copyright span:nth-child(2){width:100%;text-align:center;} .page_banner h1{font-size:18px;font-weight:bold;} .about_title{font-size:18px;} .about_box{margin-top:15px;} .case_list_box .case_item{padding:30px 0;} .product_desc_container{margin-top:0;} .product_info_details .right_box .product_title{font-size:18px;line-height:28px;font-weight:bold;} .product_info_details .right_box .base_info{align-items:flex-start;height:auto;padding:0;} .product_desc_info .title h1{padding:0 25px;font-size:16px;} .product_desc_info .table-responsive{padding:15px;} .product_related .title{font-size:18px;} .product_container .product_cate{margin-bottom:20px;} .product_container .product_cate a{width:calc((100% - 20px)/2);height:auto;padding:20px 0 10px 0;} .product_container .product_cate a:nth-child(3n){margin-right:20px;} .product_container .product_cate a:nth-child(2n){margin-right:0;} .product_container .product_cate a em{margin-top:0;line-height:42px;} .brand_list_ul{margin-top:0;} .brand_list_ul li{width:50%;} .kj_news_active{margin-top:0;padding:20px;} .kj_news_active .kj-main-articleinfo-title{font-size:18px;line-height:28px;} .kj_news_active .kj-article-content{margin-top:10px;line-height:24px;} .contactUs_info{margin-top:0;} .contactUs_info .left h1{font-size:20px;} }