@media(max-width:768px){
    .i_news_left,.n_about_left,.n_about_right,.n_about_number_t,.server_div .server_li,.n_banner .txt.tit_center,
    .container_idx, .server_box,.container.n_container,.news_img,.news_txt,.n_news_div .i_news_li,.rcgl_div .left,
    .left_nav li .t .left:nth-child(1),.company_div li,
    .left_nav li .t .left:nth-child(2),.contact_map_div .dd:nth-child(2), .contact_company_div .dd,.contact_map_div .dd:first-child,
    .container{
        width: 100%;
    }
    main{
        overflow: hidden;
    }
    .server_field,
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .xs_server_swiper,
    .hidden-md{
        display: block !important; 
    }
    .n_about_number_i{
        display: none;
    }
    .i_right_txt p{
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis; 
        height: auto;
    }
    .logo {
        margin: 10px 51px 0 10px;
    }
    .navbar-default .navbar-toggle{
        border: 0;
        padding: 0;
        margin-top: 22px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background: #fff;
    }
    .navbar-default.beyond .navbar-toggle .icon-bar{
        background-color: #0362b0;
    }
    /*首页*/
    .i_banner_txt {
        width: 71%;
        left: 42%;
        /*transform: translate(-50%, 180%);*/
    }
    .i_banner_txt2 h3,
    .i_banner_txt h3 {
        margin-top: 0;
        font-size: 23px;
        line-height: 30px;
        color: #fff;
        margin-bottom: 25px;
    }
    .i_banner_txt2 a, .i_banner_txt2 p,
    .i_banner_txt a, .i_banner_txt p {
        font-size: 14px;
        margin-top: -13px;
    }
    .i_banner_txt2 a,
    .i_banner_txt a {
        width: 80px;
        margin-top: 8px;
    }
    .i_banner{
        position: relative;
    }
   .i_banner_txt2 {
        width: 88%;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .i_news_left_one{
        width: 100%;
        position: inherit;
        transform: none;
        height: auto;
    }
    .tit{
        margin: 20px 0;
    }
    .i_about_txt .tit h3,
    .tit h3{
        font-size: 29px;
    }
    .i_about_txt .tit p,
    .tit p {
        margin: 0;
        text-align: center;
        font-size: 19px;
    }
    .xs_server_swiper{
        margin-top: 25px;
    }
    .xs_server_swiper .tit{
        margin-bottom: 15px;
    }
    .i_news_nav li{
        float: left;
        width: 50%;
    }
    .xs_server_li{
        float: left;
        width: 33.33%;
    }
    .xs_server_li img{
        width: 37px;
        margin: 10px auto 0;
    }
    .xs_server_li  h4 {
        font-size: 14px;
    }
    .right_bg,
    .detail_box .col-md-8,
    .left_nav li .t .left:nth-child(1),
    .i_about_box{
        padding: 0 ;
    }
    
    .i_about_box .container_idx:nth-child(1) {
        background-image: url(../image/about.jpg);
        background-size: cover;
        background-position: center;
        color: #fff;
    }
     .i_about_left {    
        width: 100%;
        padding: 25px 10px;
        height: auto;
        background: none;
        background-size: cover;
        color: #fff;
        background: rgba(0,0,0,.3);
    }
    .i_about_txt .tit p, .i_about_txt .tit h3{
        color: #fff;
    }
    /*.i_news_nav li a span,*/
    .i_about_left:nth-child(2){
        display: none;
    }
    .i_about_txt .tit p,
    .i_about_txt .tit h3{
        text-align: center;
    }
    .i_about_txt p {
        line-height: 25px;
        font-size: 15px;
        margin-bottom: 8px;
    }
    .i_about_txt {
        margin: 15px auto;
        width: 100%;
    }
    .tit .text-center{
        width: 100%;
        display: block;
    }
    .i_about_number li span.timer {
        font-size: 27px;
        margin-right: 0;
    }
    .i_about_number li span.tt {
        float: right;
        font-size: 4px;
        margin-top: 0;
    }
    .jiantou, .d_gx, .i_news_nav li a{
        font-size: 14px;
        background: none;
    }
   .i_about_txt .d_gx {
        color: #fff;
    }
    .i_right_date p span:first-child {
        font-size: 30px;
    }
    .n_server_gyl li, .n_server_js li{
        margin: 15px 0;
    }
    .fw_div .col-md-6,
    .picScroll-lefts .bd,
    .n_about_box,
    .i_news_box,
    .i_right_date{
        padding: 0;
    }
    .i_right_txt h4 {
        margin: 9px 0 10px;
    }
    .company_div li,
    .news_img,
    .server_li .i_server_txt2,
    .n_about_left,
    .i_news_left {
        height: auto;
    }
    .i_about_box  {
        margin: 25px 0;
    }
    .i_about_number li p {
        font-size: 13px;
    }
    .i_about_number li{
        border: 0;
    }
     .i_about_number li{
        margin: 0;
        color: #fff;
    }
    /**/
    .n_banner {
        height: 300px;
    }
    .n_banner .txt {
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate( -50%, -50%);
    }
    .n_banner .txt p:first-child {
        font-size: 29px;
        letter-spacing: 3px;
        text-align: center;
    }
    .n_banner .txt p:nth-child(2){
        font-size: 19px;
    }
    .n_about_right h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .contact_map_div .dd:nth-child(2),
    .content_left,
    .about_one,
    .n_about_number_t ul{
        margin: 0;
    }
    .n_abou_number{
        padding: 20px;
    }
    .n_about_number_t p {
        font-size: 17px;
    }
    .n_about_number_t ul span {
        font-size: 27px;
    }
    #wenhua .tit{
        margin: 25px 0;
    }
    .cul_li_n_left,
    .culture_li {
        float: left;
        width: 49.5%;
    }
     .culture_li,
    .culture_li_n{
        margin-bottom: 1%;
    }
    .cul_li_n_left:first-child{
        margin-right: 1%;
    }
    .server_ul_fw.five li:nth-child(2n+2),
    .server_ul_fw.eight li:nth-child(2n+2),
    .server_ul_fw.six li:nth-child(2n+2),
    .server_ul_fw li:nth-child(2n+2),
    .culture_li:nth-child(2) {
        margin-right: 0;
    }
    .culture_li .culture_txt:nth-child(2), .culture_li:nth-child(1) .culture_txt,
    .culture_li:last-child{
        width: 100%;
    }
    .culture_li_n, .cul_li_n_left, .culture_li_n .bg_img, .cul_li_n_left .bg_img,
    .culture_li:nth-child(1) .bg_img, .culture_li:nth-child(2) .bg_img {
        height: 230px;
    }
    .qution_div{
        padding-bottom: 30px;
        overflow: hidden;
    }
    .honor_xs.swiper-container{
        overflow: inherit;
    }
   .honor_xs.swiper-container-horizontal>.swiper-pagination-bullets, 
   .honor_xs .swiper-pagination-custom,
   .honor_xs .swiper-pagination-fraction {
        bottom: -30px;
    }
    .fazhan_box{
        color: #fff;
    }
    .fazhan_box{
        padding:  5px 30px 20px 30px;
        margin: 20px 0;
    }
    .xs_fazhan_tt,
    .xs_fazhan_tt p,
    .fazhan_box .tt p {
        text-align: left;
        font-size: 14px;
    }
    .xs_fazhan{
        margin: 25px 0;
    }
    /*服务*/
    .n_banner .txt.server_tit p:nth-child(2) {
        text-align: center;
    }
    .fw_div {
        min-height: auto;
        margin: 20px 0;
    }
    
    .news_txt div,
    .fw_right .fw_txt,
    .fw_txt{
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
        font-size: 15px;
        line-height: 28px;
        padding: 15px;
        overflow: hidden;
        min-height: auto;
    }
    .fw_txt div{
        position: initial;
        transform: none;
    }
     .fw_txt div,
     .vmi_top_txt,
    .vmi_top_img{
        width: 100%;
    }
     .server_ul_fw,
    .fw_right {
        margin-top: 25px;
    }
    .server_ul_fw.five li,
    .server_ul_fw.eight li,
    .server_ul_fw.six li,
    .server_ul_fw li,
    .dlcg.server_ul_fw li {
        width: 49%;
        margin-right: 2%;
        font-size: 18px;
        margin-bottom: 2%;
        height: auto;
        line-height: initial;
        padding: 8px;
    }
    .server_ul_fw.six li:nth-child(7n+7), .server_ul_fw.eight li:nth-child(7){
        margin-right: 2%;
    }
    .fw_div,
    .server_ul_fw.wl_ul,
    .vmi_top_txt,
    .vmi_top_img,
    .server_ul_fw {
        padding: 0 10px;
    }
   .news_div {
        margin-top: 0;
    }
    .news_txt{
        height: auto;
        border-bottom: 1px solid #ddd;
    }
    .news_txt div{
        top: 0;
        padding: 0;
    }
    
    .news_txt p{
        margin: 10px 0;
    }
    .rcgl_txt,
    .n_about_right,
    .news_txt p {
        line-height: 25px;
        font-size: 15px;
    }
    .n_nav_type li a {
        padding: 15px;
    }
    .n_nav_type li {
        
    margin-right: 0;
    }
    .n_nav_type li:last-child{
        margin-right: 0;
    }
    .detail_txt img {
        height: auto;
    }
    /*关于*/
    .rcgl_txt {
        padding: 40px 10px ;
    }
    .ygfl_img .swiper-slide, .ygfl_img {
        height: 210px;
    }
    .rcgl_txt.ygfl li{
        width: 33.33%;
        height: 130px;
        padding: 15px 0 0;
    }
    .rcgl_txt.ygfl ul{
        border-left: 1px solid #007AFF;
    }
    .rcgl_txt.ygfl li span {
        width: 35px;
        height: 40px;
        margin: 5px auto;
    }
    .company_div li p:last-child,
    .rcgl_txt.ygfl li p{
        margin-bottom: 0;
    }
    .left_nav li .t .left:nth-child(3) {
        width: auto;
        margin: 0px 0;
        float: right;
        position: absolute;
        right: 0;
        bottom: 63px;
    }
    .right_bg{
        margin-top: 40px;
    }
    .navbar-nav>li>a {
        padding: 20px 0;
        text-align: center;
    }
    .header_box .navbar-nav .open .dropdown-menu{
        border-top: 1px solid #0362b0;
        border-bottom: 1px solid #0362b0;
    }
    /*底部*/
    .xs_footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9;
        background: #0362AE;
    }
    
    .xs_footer li{
        float: left;
        width: 20%;
        text-align: center;
    }
    .xs_footer a{
        color: #fff;
        display: block;
        padding: 5px 0;
    }
    .xs_footer a:before{
        content: '';
        width: 30px;
        height: 30px;
        display: block;
        margin: 0 auto;background-size: contain ;
    }
    .xs_footer li:nth-child(1) a:before{
         background-image: url('../image/icon_ft1.png');
     }
    .xs_footer li:nth-child(2) a:before{
         background-image: url('../image/icon_ft2.png');
     }
    .xs_footer li:nth-child(3) a:before{
         background-image: url('../image/icon_ft3.png');
     }
    .xs_footer li:nth-child(4) a:before{
         background-image: url('../image/icon_ft4.png');
     }
    .xs_footer li:nth-child(5) a:before{
         background-image: url('../image/icon_ft5.png');
     }
     .copyright {
        margin-bottom: 65px;
        background: none;
        color: #999;
        font-size: 11px;
        padding-top: 0;
    }
    .navbar-default .navbar-toggle:focus ,
    .navbar-default .navbar-toggle:hover {
        background: none;
    }
    .navbar-default .navbar-toggle:focus span,
    .navbar-default .navbar-toggle:hover span {
        background-color: #0362b0;
    }
    .i_banner_txt a span {
        background-image: url(../image/right3.png);
        margin-top: 0px;
    }
    .n_nav_type  {
        overflow-x: scroll;
        overflow-y: hidden;
     	white-space: nowrap;
    }
    footer{
        padding: 0;
        background: none;
    }
    footer .right{
        width: 100%;
        text-align: center;
        margin-top: 23px;
    }
    .footer_nav {
        margin: 0;
        display: inline-block;
    }
    .footer_nav li:last-child{
        margin: 0;
    }
    .i_banner_txt2 a span, .i_banner_txt a span,
    .jiantou span, .d_gx dd, .i_news_nav li a span{
        margin-top: 1px;
    }
    .d_gx {
        width: 105px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-right: 10px;
        padding-left: 10px;
    }    
}