@media(max-width:768px){
    .brand_ul li img,
    .n_svr_li,.contact_box .ul_li,.alert_server li,
    .case_right,.n_about_numb .ab_num_ul,
    .case_center,
    .navbar-header,
    .server_right,
    .n_case .n_case_li,
    .container {
        width: 100%;
    }
    .container{
        padding-right: 10px;
        padding-left: 10px;
    }.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
        margin: 0;
    }
    .container-fluid>.navbar-collapse{
        
    background:#191919;
    }
    .padding25{
        padding: 0;
    }
    .navbar-toggle{
        margin-right: 0;
        padding: 10px 0;
        border: 0;
    }
    .hidden-xs{
        display: none;
    }
     .hidden-md{
        display: block;
    }
    .navbar{
        z-index: 99999;
    }.carousel-control.right,.carousel-control.left{
        opacity: 0;
    }
    .navbar-brand {
        padding-top: 10px;
        width: 35%;
        padding-left: 0;
    }
    .server_li {
        margin-bottom: 5px;
        border-radius: 6px;
        overflow: hidden;
    }
    .server_box{
        padding: 5px ;
    }
    .server_box .server_center{
        padding:0 0 0 5px;
    }
    .server_center {
        width: 59%;
    }
    .server_left {
        width: 41%;
    }
    .server_center .server_li{
        height: 203px;
    }
    .svr_txt_bg .icon_svr {
        width: 30px;
        margin: 0;
        height: 30px;
        float: left;
    }
    .dw{
        left: 0;
        -moz-transform:translate(32px, -43%);
        -ms-transform: translate(32px, -43%);
        -webkit-transform: translate(32px, -43%);
        transform: translate(32px, -43%);
        width: 100%;
    }
    .svr_txt_bg h2 {
        font-size: 15px;
        float: left;
        margin-top: 8px;
        margin-left: 4px;
    }
    .server_right .server_li{
        width: 49%;
        float: left;
        height: 55px;
        margin-right: 5px;
    }
    .server_right .server_li:nth-child(2) {
        margin-right: 0;
    }
    .tit {
        text-align: left;
        margin: 10px;
        border-left: 5px solid #c30d23;
        padding: 0px 10px;
    }
    .tit h3 {
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .tit h6 {
        font-size: 13px;
        margin-bottom: -20px;
        opacity: .6;
    }
    .type_case h2 {
        font-size: 13px;
        border: 1px solid #fff;
        padding: 5px;
        margin: 5px;
    }
    .i_case_box .type_case{
        display: none;
    }
    .case_left {
        padding-right: 0;
        height: auto;
        width: 100%;
    }
    .i_case_box .case_li p{
        height: 200px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .case_center .case_li{
        margin-right: 0;
        padding: 0 10px;
        margin-bottom: 15px;
    }
    .case_right .case_li{
        margin-left: 0;
        padding: 0 10px;
    }
    .case_li{
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .case_li .svr_txt_bg{
        width: 100%;
        opacity:1;
    }
    .i_case_box .case_div {
        border: 0;
        text-align: left;
        margin: 20px;
        height: auto;
        width: 100%;
        padding:0 10px;
        margin: 0;
    }
    .svr_txt_bg .case_div p{
        height: 41px;
        margin-bottom: 0;    
        line-height: 20px;
        font-size: 12px;
        color: #999;
    }
    .ln_li_txt h6,
    .case_div h4 {
        font-size: 14px;
    }
    .ln_li_txt p{
        font-size: 12px;
    text-align: left;
    }
    .ln_li_txt{
        margin-top: 10px;
    }
    .ln_li_icon span {
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 5px;
    }
    .about_box{
        margin-top: 5px;
    }
    .ab_num_li p {
        font-size: 18px;
    }
    .n_about_numb, .about_numb{
        padding: 15px 0 5px;
    }
    .nav_center li,
    .nav_center,
    .about_box .about_txt_div,
    .about_numb,
    .about_numb .ab_num_ul ,
    .about_txt_t {
        width: 100%;
        margin: 0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background: none;
    }
    .nav_right_ico{
        margin: 0;
        position: absolute;
        top: -12px;
        right: 45px;
        width: 72px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background: #fff;
    }
    .nav_right_ico li{
        float: left;
        width: 36px;
    }
    .nav_right_ico li:nth-child(1) img{
        width: 24px;
        margin-top: 2px;
    }
    .about_numb{
            padding: 10px 0;
    }
     .about_numb .ab_num_li h6{
        
    margin-bottom: 0;
    }
    .brand_ul li{
        padding: 10px 0;
    }
    .brand_box .container{
        padding: 0;
    }
    .carousel-indicators .active, .carousel-indicators li{
        width: 4px;
    }
    .n_banner{
        /*margin-top: 50px;*/
        /*margin-bottom: 10px;*/
        height: 180px;
    }
    .n_banner .n_banner_txt {
        text-align: center;
        top: 75px;
    }
    .n_case_li .img_div{
        height: 200px;
    }
    .n_banner .n_banner_txt h4 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .n_banner .n_banner_txt p{
        font-size: 12px;
        letter-spacing: 1px;
    }
    .type_case{
        /*background: #fff;*/
        padding-top: 10px;
        margin-bottom: 5px;
    }
    .n_svr_li .n_svr_txt b{
        font-size: 18px;
        padding: 10px 0;
    }
    .n_svr_li .n_svr_txt {
        padding: 0 10px;
        height: auto;
    }.detail_box {
        padding: 20px 0;
    }
    .detail_box  .col-md-4,
    .detail_box  .col-md-8,
    .n_about_txt .col-md-6{
        padding: 0;
    }
    .n_about_txt h4{
        margin: 10px 0;
    }
    .team_left .team_txt{
        font-weight: 100;
        font-size: 12px;
    }
    .team_left .team_txt h4 {
        font-size: 17px;
        font-weight: 100;
        margin-bottom: 9px;
    }
    .alert_server div.dd,
    .about_alert.alert_server div.dd {
        width:95%;
        padding: 10px;
    }
    /*.alert_server div.dd{*/
    /*    height: 300px;*/
    /*    overflow-x: hidden;*/
    /*    overflow-y: scroll;*/
    /*}*/
    .about_alert .close_ {
        right: 25px;
    }
    .close_ {
        right: 8px;
        top: 12px;
        opacity: 1;
    }.contact_box .ul_li{
        text-align: left;
        margin-bottom: 0px;
    }
    .contact_box .ul_li span {
        width: 50px;
        height: 50px;
        float: left;    
        margin-right: 10px;
        border: 1px solid #545454;
        border-radius: 5px;
    } 
    .contact_box .ul_li p:nth-child(2){
        margin: 14px 0 0;   
        color: #999;
        font-size: 11px; 
    }
    .detail_txt{
        padding-top: 10px;
    }
    .bdsharebuttonbox {
    margin: 0;
    display: block;
    width: 100%;
    height: 28px;
    }
    .detail_tit {
        margin-bottom: 10px;
    }
    .detail_tit .bdsharebuttonbox a{
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }
    .detail_tit h3 {
        padding-left: 10px;
        font-size: 18px;
        line-height: 26px;
        margin-left: 0px;
    }
    .detail_box .col-md-12 ,
    .news_detail{
        padding: 0;
    }
    .n_page_div a{
        color: #fff;
    }
    .n_detail_top {
        height: 44px;
    }
    .nav_center a {
        padding: 10px;
        font-size: 14px;
    }.news_box .n_case_txt h4 {
        margin: 10px 0;
    }
    .n_case_txt p {
        font-size: 12px;
    }
    .xs_footer ul{
        position: fixed;
        width: 100%;
        bottom: 0;
        margin: 0;
        z-index: 99;
        background: #191919;
    }
    .xs_footer li{
        float: left;
        width: 20%;
        text-align: center;
    }
    .xs_footer li a{
        display: block;
        color: #fff;
        padding: 5px;
        font-size: 12px;
    }
     .xs_footer li a:before{
        content: '';
        width: 22px;
        height: 22px;
        display: block;
        margin: 0px auto 5px;
        background-size: contain;
        background-repeat: no-repeat;
     }
     .xs_footer li.active a{
         color: #c30d23;
     }
    .xs_footer li:nth-child(1) a:before{
        background-image: url(../images/xs_footer1.png);
     }
     .xs_footer li:nth-child(2) a:before{
        background-image: url(../images/xs_footer2.png);
     }
     .xs_footer li:nth-child(3) a:before{
        background-image: url(../images/xs_footer3.png);
     }
     .xs_footer li:nth-child(4) a:before{
        background-image: url(../images/xs_footer4.png);
     }
     .xs_footer li:nth-child(5) a:before{
        background-image: url(../images/xs_footer5.png);
     }
     .copyright{
        color: #999;
        margin-bottom: 54px;
        font-size: 12px;
        margin-top: 0;
        background: #151515;
        padding: 10px;
     }
     .about_txt_t p.jj {
        line-height: 20px;
        font-size: 14px;
    }
    .new_about_bg .about_txt_t{
        width: 92%;
        font-size: 12px;
        text-align: left;
     }
     .new_about_bg .about_txt_t h3 {
        font-size: 19px;
    }
    .i_case_box .tit {
        margin: 10px;
    }
    .about_txt_t span {
        margin: 10px 0;
    }.new_about_bg {
        padding: 10px 0;
    }
    .about_box .new_about_bg.about_txt_div,
    .i_case_box{
        padding-top: 0;
    }.n_about_txt,.n_svr_li,
    .brand_ul {
        margin-bottom: 0;
    }   
    .brand_ul li{
        border: 0;
        width: 33.33%;
        border-top: 1px solid #313131;
        border-left: 1px solid #313131;
    }
    .ft_form form div {
        margin-right: 0px;
        float: left;
        width: 49%;
        margin-bottom: 10px;
    }
    .padding_lr_25{
        padding: 0;
    }
    .ft_form form div:last-child{
        
        width: 49%;
    }.n_svr_li .n_svr_img,.case_left .case_li img,.i_case_box .case_left .case_li,.case_center .case_li,.case_right .case_li,.server_box .server_center,.server_box .server_left .server_li, .server_box .server_right .server_li{
        height: auto;
    }
    .i_case_box .case_left .case_li,.case_center .case_li,.case_right .case_li{
        
    margin-right: 0;
    }
    .ft_form{
        padding: 13px 0 0px;
        position: static;
    }
    .ab_num_li .unitC{
        font-size: 20px;
    }
    .ab_num_li div.numU {
        font-size: 24px;
        
    }.n_about_numb .ab_num_li, .about_numb .ab_num_li{
        border: 0;
    }
    .ab_num_li h6{
        font-size: 12px;
    }
    .n_about_txt,
    .n_server_ys{
        padding-bottom: 15px;
    }
    .team_left .team_txt{
        left: 7px;
    }
    #l-map{
    margin: 50px 0 15px;
        height: 300px;
    }.type_case h2,
    .type_case h2:hover, .type_case h2.active{
        border: 0;
    }
    .server_box .server_li img {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
    transition: .3s;
}
.server_box .server_center .dw{
    
    transform: translate(67px, -45%);
}
    .kefubox,
    footer,
    .about_box div.left.about_img_div,
    .i_server_ln_box,
    .ln_li_icon span::after,
    .case_div span.more,
    .case_div span.line{
        display: none;
    }
}