/*棣栭〉*/
@media (max-width: 768px) {
    #main-navbar .navbar-collapse {
        background: #fff;
        border-bottom: 1px solid #c4c1c1;
        -moz-box-shadow: 4px 0 4px #ddd;
        -webkit-box-shadow: 4px 0 4px #ddd;
        box-shadow: 0 4px 4px #ddd;
    }
    #main-navbar .navbar-nav{
        border-top: 1px solid #ddd;
    }
    #main-navbar .navbar-toggle {
        border-color: #ddd;
    }
    #main-navbar .navbar-toggle .icon-bar {
        background: #ddd;
    }
    .nav>li.screen_hide {
        display: none;
    }
    #main-navbar .navbar-right>li{
        display: inline-block;
    }
    .navbar-nav .open .dropdown-menu{
        position: fixed;
        background: #fff;
        border: 1px solid #bbb;
        width: 340px;
        left: 50%;
        margin-left: -170px;
    }
    
    #main-carousel{
        height: 500px;
    }
    #main-carousel .item{
        height: 500px;
    }
    #apm-carousel h1{
        font-size: 30px;
    }
    #apm-carousel .font-size-30{
        font-size: 28px;
    }
    #apm-carousel li{
        width: 49%;
        margin:0;
        margin-bottom: 20px;
    }
    #apm-carousel .list-inline{
        padding-left:60px;
        padding-right: 60px;
    }
    #app-carousel .carousel-left>img{
        width: 100%;
    }
    #app-carousel .padding-top-80{
        padding-top: 0px;
    }
    #products_block{
        padding: 50px 80px;
    }
    .users-logo>li{
        width: 16.6666666%;
    }
    
    #footer{
        padding: 50px;
    }
    #footer>ul>li{
        width: 24%;
        height: 170px;
    }
}
@media (max-width:480px){
    #api_flow{
        padding: 40px;
    }
    #apm_it{
        padding:40px;
    }
    #page_per{
        padding-left: 50px;
        padding-right: 50px;
    }
    #products_block{
        padding-left: 100px;
    }
    #products_block .col-xs-6{
        width: 100%;
    }
    #users_block{
        padding: 40px;
    }
    .section-title{
        font-size: 22px;
    }
    .footer_copyright{
        padding: 20px;
    }
}
@media (max-width:320px){
    #apm-carousel h1,
    #main-carousel h1{
        font-size: 24px;
    }
    #apm-carousel .font-size-30{
        font-size: 20px;
    }
    #apm-carousel .list-inline{
        padding: 0;
    }
    #apm-carousel li,
    #main-carousel p{
        font-size: 16px;
        margin-bottom: 0;
        width: 100%;
    }
    .carousel-left, .carousel-right{
        width: 100%;
        position: static;
    }
    #app-carousel .carousel-left>img{
        width: 50%;
    }
    #app-carousel .padding-top-40{
        padding-top:10px;
    }
    #api_flow,
    #page_per{
        padding: 20px;
    }
    #products_block{
        padding-left: 20px;
    }
    #users_block{
        padding: 20px;
    }
    .users-logo>li{
        width: 33.333333%;
    }
    .section-padding{
        padding: 30px;
    }
    .section-btn{
        padding-left: 50px;
        padding-right: 50px;
    }
    #footer{
        padding: 20px;
    }
    #footer>ul>li{
        width: 50%;
    }
}
/*浜у搧椤�*/
@media screen and (max-width: 768px){
    #app_inte,
    #operation_block,
    #price_block,
    #trace_fun_block,
    #mobile_block{
        padding:40px;
    }
    #operation_block .operation-icon{
        display: none;
    }
    #operation_block .nav-tabs>li>a{
        padding: 14px 20px;
    }
    #price_block .version_block{
        margin-bottom: 20px;
    }
    #price_block .col-md-3{
        width: 49%;
        float: left;
    }
    #trace_fun_block dl{
        margin-left: 100px;
    }
    #pc-carousel{
        margin: 0 auto;
    }
    #mobile_block .col-md-6 img{
        margin: 0 auto;
    }
    .platform_block .col-md-4{
        width: 33.33333%;
        float: left;
    }
}
@media screen and (max-width: 640px){
    #operation_block .nav-tabs>li>a{
        padding:10px;
    }
    .jkb_contact ul>li{
        font-size: 16px;
    }
    #toushi_block{
        padding: 60px;
    }
    #toushi_block ul>li{
        margin-left: 80px;
    }
}
@media screen and (max-width: 480px){
    #operation_block .nav-tabs>li.active>a{
        border-color: transparent;
        background: #ddd;
        border-radius: 2px;
    }
    .jkb_contact ul>li{
        font-size: 14px;
        height: 28px;
    }
    #trace_fun_block dl{
        margin-left: 20px;
    }
    #trace_fun_block dl>dt{
        font-size: 18px;
    }
    #trace_fun_block dl>dd{
        font-size: 14px;
    }
    .platform_block img{
        width: 100%;
    }
    #toushi_block ul>li{
        margin-left: 0;
        font-size: 16px;
    }
    #price_block .col-md-3{
        width: 100%;
    }
    #pc-carousel .carousel-indicators,
    #tablet-carousel .carousel-indicators{
        display: none;
    }
    #operation_block .tab-content h1{
        font-size: 22px;
    }
}
/*浼佷笟鏈嶅姟椤甸潰*/
@media screen and (max-width: 768px){
    #ent_banner,
    #ent_price_block{
        padding: 60px;
    }
    #ent_banner dl{
        margin-left: 60px;
    }
    #ent_price_block .col-md-4{
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }
    .p_block p{
        white-space: normal;
    }
    .look_details{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .p_block .users-logo>li{
        width: 20%;
    }
    .p_fun_list{
        margin-left: 100px;
    }
    .cal_list>*{
        width: 50%;
        float: left;
        padding: 0 10px;
    }
}
@media screen and (max-width: 640px){
    #ent_price_block .col-md-4{
        width:100%;   
    }
    #data_solution li{
        margin-left: 0;
    }
    #p_cloud_block{
        padding: 40px;
    }
    #p_cloud_block .section-title{
        font-size: 26px;
    }
    .p_fun_list{
        margin: 0;
    }
    .p_fun_list>li{
        width: 50%;
        float: left;
    }
}
@media screen and (max-width: 480px){
    #ent_banner{
        padding: 40px;
    }
    #ent_banner dl>dt{
        font-size: 20px;
    }
    #ent_banner dl>dd{
        font-size: 16px;
    }
    #ent_banner dl{
        margin-left: 20px;
    }
    .ent_banner_btn{
        margin-top: 80px;
    }
    .p_block{
        padding: 20px;
    }
    .p_block img{
        width: 100%;
    }
    #data_solution{
        padding: 20px;
    }
    #data_solution li{
        margin-left: 50px;
    }
    .cal_list>*{
        width: 100%;
    }
    .section-padding{
        padding: 40px;
    }
}
@media screen and (max-width: 320px){
    #ent_banner div[class*="col-xs-"]{
        width: 100%;
    }
    #ent_price_block{
        padding: 20px;
    }
    .look_details>.btn{
        padding-left: 20px;
        padding-right: 20px;
    }
    .p_block .users-logo>li{
        width: 33.33333%
    }
    #data_solution .section-title,
    #data_solution .section-subtitle{
        font-size: 20px;
    }
    #data_solution li{
        margin-left: 0;
    }
    #p_cloud_block .section-title{
        font-size: 22px;
    }
    .p_fun_list>li{
        width: 100%;
    }
}
/*鍏充簬浜戞櫤鎱�*/
@media screen and (max-width:768px) {
    .pro_video_inner{
        width: 680px;
        height: 390px;
    }
    .number_one_list li{
        text-align: center;
    }
    .online_c,
    .sell_c{
        width: 50%;
    }
    .address_c{
        width: 100%;
    }
}
@media screen and (max-width:640px) {
    .pro_video_inner{
        width: 570px;
        height: 390px;
    }
}
@media screen and (max-width:480px) {
    #company_intro .intro_block{
        padding: 40px;
    }
    .pro_video_inner{
        width: 440px;
        height: 280px;
    }
    #media_info .media>.pull-left{
        width: 100%;
    }
    .media, .media-body{
        overflow: visible;
    }
    #culture_block .media-body>p{
        height: auto;
    }
}
@media screen and (max-width:320px) {
    #company_intro .intro_block{
        padding: 20px 10px;
    }
    .pro_video_inner{
        width: 290px;
        height: 200px;
    }
    #market_position{
        padding: 20px;
    }
    #media_info{
        padding: 0 20px;
    }
    #media_info .media>.pull-left{
        height: 140px;
    }
    #case_block{
        padding:20px;
    }
    #partner_block .section-title{
        font-size: 24px;
    }
    .media>.pull-left{
        width: 100%;
    }
    .online_c, .sell_c{
        width: 100%;
    }
    .address_c .media>.pull-left{
        width:auto;
    }
}