@media only screen and (max-width: 1440px) {
    /*.index_banner{height:630px;}*/
}
@media only screen and (max-width: 1400px) {
    .about_team .swiper-button-next, .about_team .swiper-button-prev{display:none;}
    /*.development_time .swiper-button-next, .development_time .swiper-button-prev{display:none;}*/
    .development_time .swiper-button-next{right:-7px;}
    .development_time .swiper-button-prev{left:-7px;}
}



@media only screen and (max-width: 1270px) {
    /*.index_banner{height:560px;}*/
    .index_section .text_fixed{margin-left:2%;}
    .contactUs_map .contact_info{margin-left:100px;}
    .header_box .navbar-nav > li{margin:0 20px;}
}

@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: 1024px) {
    body{padding-bottom:0 !important;}

    /*index*/
    /*.index_banner{height:456px;}*/
    .index_banner .text_box h2{font-size:35px;}
    .index_banner .text_box h1{font-size:40px;letter-spacing:2px;}
    .index_banner .text_box h3{font-size:28px;line-height:40px;}
    .index_section{min-height:auto;padding:100px 0;}
    .index_section .container{min-height:auto;}
    .index_section .text_fixed{width:60%;}

    /*about*/
    .index_banner .page_text.right{margin-right:-360px;transform:translateY(-30%);}
    .index_banner .page_text.left{transform:translateY(-30%);padding-left:40px;}
    .development_event .event_item{width:50%;}
    .about_team .team_list{flex-wrap: wrap;}
    .about_team .team_list .team_item{width:calc((100% - 30px)/2);margin-bottom:30px;}
    .about_team .team_list .team_item:nth-child(2){margin-right:0;}
    .about_team .team_list .team_item .team_img{height:350px;}
    .about_team .team_list .team_item .team_content{height:350px;}
    .about_team .team_list_noimg .team_item_noimg{padding:0 30px;}
    .about_team .team_list_noimg .team_item_noimg .summary{width:200px;}

    /*badian*/
    .pro_technology_process .img_box{min-height:auto;padding:20px 0;}
    .pro_technology_process .img_box > div{width:100%;display:flex;justify-content:center;}
    /*joinus*/
    .join_us_box ul li .join_header .left_box h1{font-size:14px;}
    .join_us_box ul li .join_header .right_box span{margin-left:5px;font-size:14px;}

    /*product*/
    .index_banner .information_text{padding-top:40px;font-size:15px;line-height:32px;}
    .index_banner .apply_btn{margin-top:30px;}

}
@media only screen and (max-width: 1020px) {
    /*index*/
     /*.index_banner{height:345px;}*/
      .header_box .navbar-nav>li{margin:0 6px;}
    .header_box .navbar-nav>li>a{font-size:12px;}
    .index_banner .text_box h2{font-size:25px;margin-top:50px;line-height:50px;}
    .index_banner .text_box h1{font-size:30px;line-height:50px;margin-top:0;}
    .index_banner .text_box h3{font-size:21px;}
    .index_section{padding:60px 100px;width:100%;}
    .index_section .container{width:100%;}
    .index_section .text_fixed{width:100%;margin-left:0;}
    .index_section.section_right .text_fixed span{width:100%;}

    .index_section_special .container{flex-wrap:wrap;padding:0;}
    .index_section .text_fixed{width:100%;margin:0;margin-bottom:20px;}

    /*about*/
    .about_brand li{width:calc((100% - 90px)/4);}
    .about_brand li:nth-child(5){margin-right:30px;}
    .about_brand li:nth-child(4){margin-right:0;}
    .join_us_box ul li .join_header .right_box span{display:none;}

    /*contactus*/
    .contactUs_map .contact_info{margin-left:0;right:50px;left:auto;}

    /*product*/
    .index_banner .information_text{display:none;}

    /*apply*/
    .apply_box .select_box .select_item{width:100%;margin-right:0;}
    .apply_box .demand_box .demand_header .pointsRule ul li a{font-size:13px;}

    /*contract*/
    .contract_box .base_info .formcolumn-item{flex-wrap: wrap;}
    .contract_box .base_info .formcolumn-item .formcolumn-item-ct{width:100%;}
    .contract_box .payment_method ul li{padding:0 10px;}
    .contract_box .formcolumn-item .formcolumn-item-ct input,.contract_box .formcolumn-item .formcolumn-item-ct select{width:50%;}
    .report_box .preview_download{margin:15px 0;flex:0 0 50%;}
}
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 2) {
    .navbar-collapse.collapse {
        display: none;
    }

    .header_box .logo_btn {
        display: none;
    }

    .navbar-brand {
        padding: 0;
    }

    .kj-navbar {
        width: 100%;
        border: 0;
    }

    .navbar-toggle {
        display: block;
    }

    .kj-navbar .navbar-header .navbar-toggle {
        border: 0;
        margin-right: 0;
        background: #fff;
        border-radius: 50%;
        width: 34px;
        height: 34px;
        padding: 0;
    }

        .kj-navbar .navbar-header .navbar-toggle .icon-bar {
            background-color: #00359d;
            margin-right: auto;
            margin-left: auto;
            width: 16px;
        }

    .kj-navbar .navbar-header .navbar-brand img {
        max-height: 36px;
        margin-top: 7px;
    }

    .kj-navbar .navbar-header {
        display: block;
        padding: 0 15px;
        width: 100%;
    }

    .header_box .navbar-nav > li > a {
        font-size: 14px;
    }

    .header_box .logo_btn img {
        max-height: 47px;
    }

    .header_box .container {
        width: 100%;
    }
    /*页面文字显示*/
    .index_banner .information_text {
        display: block;
    }

    .index_banner .text_box span {
        font-size: 14px !important;
    }

        .index_banner .text_box span strong {
            font-size: 20px !important;
            word-break: break-all;
        }

    .index_banner .text_box {
        position: initial;
        transform: initial;
    }

    .index_banner .apply_btn {
        margin-top: 20px;
    }

    .index_banner {
        height: auto;
        padding-top: 107px;
        padding-bottom: 70px;
        margin: 0;
        min-height: 300px !important;
    }

        .index_banner img {
            display: none
        }

        .index_banner .text_box h2 {
            font-size: 27px;
            line-height: 34px;
        }

        .index_banner .text_box h1 {
            font-size: 24px;
            line-height: 34px;
        }

    .index_section .text_fixed {
        width: 100%;
    }
    /*header*/
    .header_box, .header_box .container, .header_box .right_box {
        height: 60px;
    }

        .header_box .logo_btn {
            display: none;
        }

    .kj-navbar {
        width: 100%;
        border: 0;
    }

        .kj-navbar .navbar-header {
            display: block;
            padding: 0 15px;
        }

            .kj-navbar .navbar-header .navbar-brand {
                padding: 0;
            }

                .kj-navbar .navbar-header .navbar-brand img {
                    max-height: 36px;
                    margin-top: 7px;
                }

            .kj-navbar .navbar-header .navbar-toggle {
                border: 0;
                margin-right: 0;
                background: #fff;
                border-radius: 50%;
                width: 34px;
                height: 34px;
                padding: 0;
            }

                .kj-navbar .navbar-header .navbar-toggle .icon-bar {
                    background-color: #00359d;
                    margin-right: auto;
                    margin-left: auto;
                    width: 16px;
                }

            .kj-navbar .navbar-header .btn-search-toggle {
                float: right;
                margin-top: 9px;
                background: #fff;
                line-height: 30px;
                padding: 0;
                margin-right: 10px;
                color: #666;
                font-size: 16px;
            }

        .kj-navbar .navbar-collapse {
            width: 100%;
            background: #fff;
            position: fixed;
            top: 60px;
            right: 0;
            padding: 0;
        }

        .kj-navbar .navbar-nav {
            margin: 0;
            flex-wrap: wrap;
        }

            .kj-navbar .navbar-nav > li {
                flex: 100%;
            }

            .kj-navbar .navbar-nav li a {
                margin-right: 0;
                text-align: center;
            }

            .kj-navbar .navbar-nav li.active a {
                color: #0062c4;
            }

            .kj-navbar .navbar-nav li a {
                color: #333;
            }

    .header_box .right_box .opt_btn a:first-child {
        margin-left: 0;
    }

    .header_box .navbar-nav > li > a {
        height: 42px;
        line-height: 42px;
        margin: 0;
        border-bottom: 1px solid #dedede;
    }

    .header_box .navbar-nav > li.dropdown > a:after {
        display: none;
    }

    .header_box .navbar-nav > li:first-child > a {
        border-top: 0;
    }

    .navbar-nav .open .dropdown-menu {
        background: #f1f1f1;
        padding: 0;
    }

        .navbar-nav .open .dropdown-menu > li > a {
            padding-left: 0;
            padding-right: 0;
        }

    .header_box .navbar-nav > li > ul {
        float: none;
        display: block;
        position: initial;
        border-radius: 0;
        padding: 0;
    }

        .header_box .navbar-nav > li > ul > li {
            border-bottom: 1px solid rgba(255,255,255,0.6);
        }

    .kj-navbar .navbar-collapse {
        overflow: hidden !important;
        display: block !important;
        height: 0 !important;
    }

        .kj-navbar .navbar-collapse.in {
            height: 558px !important;
        }

    .kj-navbar .navbar-nav {
        display: flex;
        width:100%;
    }
}
@media only screen and (max-width: 767px) {
    /**修改表单 **/
   .table-responsive{border:0;}

    /*header*/
    .header_box,.header_box .container,.header_box .right_box{height:60px;}
    .header_box .logo_btn{display:none;}
    .kj-navbar{width:100%;border:0;}
    .kj-navbar .navbar-header{display:block;padding:0 15px;}
    .kj-navbar .navbar-header .navbar-brand{padding:0;}
    .kj-navbar .navbar-header .navbar-brand img{max-height:36px;margin-top:7px;}
    .kj-navbar .navbar-header .navbar-toggle{border:0;margin-right:0;background:#fff;border-radius:50%;width:34px;height:34px;padding:0;}
    .kj-navbar .navbar-header .navbar-toggle .icon-bar{background-color:#00359d;margin-right:auto;margin-left:auto;width:16px;}
    .kj-navbar .navbar-header .btn-search-toggle{float:right;margin-top:9px;background:#fff;line-height:30px;padding:0;margin-right:10px;color:#666;font-size:16px;}
    .kj-navbar .navbar-collapse{width:100%;background:#fff;position:fixed;top:60px;right:0;padding:0;}
    .kj-navbar .navbar-nav{margin:0;flex-wrap:wrap;}
    .kj-navbar .navbar-nav > li{flex:100%;}
    .kj-navbar .navbar-nav li a{margin-right:0;text-align:center;}
    .kj-navbar .navbar-nav li.active a{color:#0062c4;}
    .kj-navbar .navbar-nav li a{color:#333;}
    .header_box .right_box .opt_btn a:first-child{margin-left:0;}
    .header_box .navbar-nav>li>a{height:42px;line-height:42px;margin:0;border-bottom:1px solid #dedede;}
    .header_box .navbar-nav>li.dropdown>a:after{display:none;}
    .header_box .navbar-nav>li:first-child>a{border-top:0;}
    .navbar-nav .open .dropdown-menu{background:#f1f1f1;padding:0;}
    .navbar-nav .open .dropdown-menu >li>a{padding-left:0;padding-right:0;}
    .header_box .navbar-nav > li > ul{float:none;display:block;position:initial;border-radius:0;padding:0;}
    .header_box .navbar-nav > li > ul > li{border-bottom:1px solid rgba(255,255,255,0.6);}

    /*index*/

    .index_banner{margin-top:60px;height:calc((100vh * 2 )/3);}
    .index_banner .text_box h1{font-size:19px;line-height:32px;letter-spacing:0;margin-bottom:10px;}
    .index_banner .text_box h2{font-size:22px;margin-top:0;}
    .index_banner .text_box h3{font-size:12px;line-height:20px;}
    .index_section{padding:50px 5px;}
    .index_section .text_fixed h1{font-size:26px;line-height:36px;margin-bottom:10px;}
    .index_section .text_fixed span{line-height:30px;font-size:15px;}
    .index_news li{margin-top:20px;}
    .index_section .text_fixed .more_btn{margin-top:30px;}
    .footer_copyright .container{flex-wrap: wrap;}
    .footer_copyright .btn_box{width:100%;justify-content:center;margin-bottom:12px;}
    .footer_copyright .text_box{flex:0 0 100%;text-align:center;}

    /*about*/
    .index_banner .page_text.right{right:30px;transform:translateY(-50%);margin-right:0;}
    .index_banner .page_text.left{transform:translateY(-60%);}
    .index_banner .page_text h1{font-size:24px;line-height:32px;}
    .index_banner .page_text h6{font-size:18px;display:none;}

    .about_synopsis{padding:40px 0;}
    .about_title{font-size:24px;}
    .about_synopsis .about_text{margin-top:12px;font-size:16px;line-height:28px;}
    .about_team{padding:40px 0;}
    .about_team .team_header h1{font-size:24px;line-height:50px;}
    .about_team .team_list .team_item{width:100%;margin-right:0;}
    .about_team .team_list_noimg .team_item_noimg{height:auto;padding:15px;flex-wrap: wrap;}
    .about_team .team_list_noimg .team_item_noimg .name{width:100%;line-height:30px;}
    .about_team .team_list_noimg .team_item_noimg .summary{width:100%;line-height:30px;}
    .about_development{padding:40px 0 10px 0;}
    .development_time{margin-top:25px;}
    .development_event .event_item{width:100%;padding-right:0;}
    .development_event .event_item img{margin-bottom:12px;}
    .development_event .event_item .event_title{font-size:16px;margin-bottom:5px;}
    .about_cooperation{padding:40px 0;}
    .about_brand{margin-top:25px;}
    .about_brand li{width:calc((100% - 30px)/2);margin-bottom:15px;}
    .about_brand li:nth-child(5n){margin-right:30px;}
    .about_brand li:nth-child(2n){margin-right:0;}
    .about_partner{padding:40px 0;}
    .pro_technology_process{display:none;}
    .pro_phone_technology_process{display:block;}

    /*joinus*/
    .join_us_box{padding:20px 0 40px 0;}
    .join_us_box .title{font-size:24px;margin-bottom:10px;}
    .join_us_box ul li .join_header .left_box{width:calc(100% - 100px);}
    .join_us_box ul li .join_header .left_box h1{width:calc(100% - 58px);margin-left:12px;}
    .join_us_box ul li .join_header .right_box{width:100px;display:flex;justify-content: flex-end;}
    .join_us_box ul li .join_header .right_box span{display:none;}
    .join_us_box ul li .join_header .right_box a{margin-left:0;}
    .join_us_box ul li .join_text{font-size:14px;}

    /*contactus*/
    .contactUs_header h1{font-size:24px;line-height:80px;}
    .contactUs_header .btn_box a{font-size:18px;}
    .contactUs_header .btn_box a i{font-size:38px;line-height:40px;}
    #dituContent{height:360px;}
    .contactUs_map .contact_info{width:80%;right:10%;transform:translateY(-110%);top:auto;padding:15px;}
    .contactUs_map .contact_info h1{font-size:20px;}
    .contactUs_map .contact_info .addresslist{height:80px;}
    .contactUs_map .contact_info span{padding-left:0;}

    /*product*/
    .index_banner .apply_btn{width:80%;margin-top:0;font-size:16px;}
    .pro_technology_process{padding:0 0 40px 0;}
    .pro_title{font-size:20px;}
    .pointsRule{margin-top:10px;}
    .pointsRule ul{flex-wrap: wrap;}
    .pointsRule ul li{width:100%;margin:0;}
    .pointsRule ul li a{font-size:15px;}
    .pointsRule ul li i{display:none;}
    .pointsRule ul li em.before{display:none;}
    .pro_case1{padding:40px 0;}
    .pro_case1 .case1_image{margin-top:20px;flex-wrap: wrap;}
    .pro_case1 .case1_image .left{width:100%;margin-right:0;margin-bottom:0;height:auto;}
    .pro_case1 .case1_image .img_box{height:auto;}
    .pro_case2{padding:40px 0;}
    .pro_case2 .case2_content{margin-top:20px;padding:15px;}
    .pro_case2 .case2_content .img_box{margin-bottom:12px;}
    .pro_case2 .case2_content h1{font-size:20px;}
    .pro_apply{padding:40px 0;}
    .pro_apply .apply_btn{width:80%;font-size:18px;}
    .pro_technology_process .img_box{flex-wrap:wrap;padding:20px;}
    .pro_case2 .case2_content .img_box{flex-wrap:wrap;}
    .pro_case2 .case2_content .img_box>div{margin-bottom:5px;}

    /*新闻*/
    .news_list_box .news_list li{flex-wrap: wrap;}
    .news_list_box .news_list li .img_btn{width:100%;margin:0;}
    .news_list_box .news_list li .right{width:100%;}
    .news_list_box .news_list li .right .name_btn{font-size:18px;height:auto;white-space: normal;}
    .news_list_box .news_list li .right .info{height:auto;margin-bottom:15px;}
    .news_list_container{margin:20px 0 60px 0;}
    .kj_news_active{margin-top:30px;margin-bottom:60px;} 
    .kj_news_active .kj-main-articleinfo-title{font-size:18px;}

    /*apply*/
    .apply_box{margin-bottom:60px;}
    .apply_box .apply_title{font-size:24px;line-height:80px;}
    .apply_box .select_box h1{font-size:20px;}
    .apply_box .select_box .select_item{flex-wrap: wrap;}
    .apply_box .select_box .select_item label{width:100%;margin-bottom:8px;}
    .apply_box .select_box .select_item span{border-left:0;flex:0 0 100%;}
    .apply_box .demand_box{margin-top:30px;}
    .apply_box .demand_box h1{font-size:20px;margin-bottom:0;}
    .apply_box .demand_box .demand_header .pointsRule ul li{width:100%;flex:0 0 100%;margin-top:1px;}
    .apply_box .demand_box .demand_tab_item{padding:15px;}
    .apply_box .demand_box .demand_tab_item .formcolumn-item-tit{margin-bottom:5px;font-size:14px;}
    .apply_box .demand_box .demand_tab_item .formcolumn-item-ct input[type="text"]{width:100%;}
    .apply_box .demand_box .demand_tab_item .formcolumn-item-ct .input-group{flex-wrap: wrap;}
    .apply_box .demand_box .demand_tab_item .footer_btn_box a{width:auto;padding:0 15px;font-size:14px;}
    .apply_box .demand_box .demand_tab_item .formcolumn-item-ct .radio_item label{margin-right:0;}
    .apply_box .pre_storage_service{margin-top:30px;}
    .apply_box .pre_storage_service .form-group .title{font-size:20px;}
    .apply_box .pre_storage_service .form-group label{margin-right:15px;font-size:16px;}

    /*contract*/
    .contract_box .formcolumn-item.formcolumn-item-flex .formcolumn-item-tit{width:100%;}
    .contract_box .formcolumn-item.formcolumn-item-flex .formcolumn-item-ct{width:100%;}
    .contract_box .formcolumn-item .formcolumn-item-ct input, .contract_box .formcolumn-item .formcolumn-item-ct select{width:100%;}
    .contract_box .base_info .formcolumn-item{width:100%;margin-right:0;}
    .contract_box .payment_method ul{flex-wrap: wrap;}
    .contract_box .payment_method ul li{width:50%;padding:0;text-align:center;}
    .contract_box .payment_method .payment_box{padding:15px;padding-top:45px;}
    .contract_box .payment_method .payment_box .formcolumn-item.formcolumn-item-flex .formcolumn-item-tit{width:100%;}
    .contract_box .footer_btn_box a{width:auto;padding:0 15px;font-size:14px;}
    .preview_download_list{padding:30px 15px 15px 15px;}
    .report_box .preview_download{margin:15px 0;flex:0 0 100%;}
    .contract_box .payment_method .tab-pane ul{padding:15px 15px 0 15px;}
    .contract_box .payment_method .tab-pane ul li{width:auto;}
    .contract_box .payment_method .tab-pane ul li:after{height:0;}
    .contract_box .payment_method .tab-pane ul li a{padding:10px 5px;}
    .contract_box .experiment_report_tab{margin-top:15px;}
    .contract_box .experiment_report_tab ul{flex-wrap:wrap;}
    .contract_box .experiment_report_tab ul li{margin-right:10px;width:calc((100% - 20px)/2);margin-bottom:5px;}
    .contract_box .experiment_report_tab ul li:nth-child(2n){margin-right:0;}
    .contract_box .experiment_report_tab ul li a{font-size:14px;height:38px;line-height:38px;}


    /*文章*/
    .article_box .article_title{font-size:24px;margin:0;line-height:60px;}
    .article_box .article_content{font-size:14px;}

     /*探针*/
    .chemical_des_information{padding-top:0;padding-bottom:40px;}
        .chemical_des_information .chemical_title{font-size:20px;}
        .chemical_des_information .chemical_article{margin-top:0;min-height:inherit;padding:15px;}
    /*页面文字显示*/
    .index_banner .information_text {
        display: block;
    }
    .index_banner .text_box span {
        font-size: 14px !important;
    }
    .index_banner .text_box span strong {
        font-size: 20px !important;
    }
    .index_banner .text_box{
        position:initial;
        transform:initial;
    }
    .index_banner .apply_btn{
        margin-top:20px;
    }
    .index_banner {
        height: auto;
        padding-top: 30px;
        padding-bottom:40px;
        margin:0;
    }
    .index_banner img{
        display:none
     }
}