@media screen and (max-width: 1024px) {  
   
    .content-index .index-content .prod-service .service-container,
    .content-index .index-content .industry-case .industry-case-container {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        background: white
    }
    .content-index .index-content .prod-service .service-container{
        background: #F6F7FC
    }
    .content-index .index-content .prod-service .service-container .title .t1,
    .content-index .index-content .industry-case .industry-case-container .title .t1 {
            font-size:.26rem;
    }
    .content-index .index-content .prod-service .service-container .title .t2 ,
    .content-index .index-content .industry-case .industry-case-container .title .t2 {
        font-size:.14rem;
        /* color:rgba(153,153,153,1); */
    }
    .content-index .index-content .prod-service .service-container .title .t3,
    .content-index .index-content .industry-case .industry-case-container .title .t3 {
        font-size:.20rem;
        /* color:rgba(128,128,128,1); */

    }
    .content-index .index-content .news-info .news-container .news-content {
        margin-top: 0;
    }
    .content-index .index-content .prod-service{
        padding-bottom: 0;
    }
    
    .content-index .index-content .news-info .news-container .news-content .infos .info-item.active {
        background:rgb(217,110,41);
        color:rgb(255,255,255);
    }
    .content-index .index-content .prod-service .service-content {
        height: auto;
        padding-bottom: .3rem;
        width: 100%;
    }
    .content-index .index-content .prod-service .service-content .it-service,
    .content-index .index-content .prod-service .service-content .others {
        float: left;
        width: 100%;
    }
    .content-index .index-content .news-info .news-container .news-content .infos .info-item.active .item-tt,
    .content-index .index-content .news-info .news-container .news-content .infos .info-item.active .time,
    .content-index .index-content .news-info .news-container .news-content .infos .info-item.active .item-cc,
    .content-index .index-content .news-info .news-container .news-content .infos .info-item.active .index {
        color:rgb(255,255,255);
    }
    table {
        display: table;
        background: white;
    }
    .table.table-503 {
        height: 2.05rem;
        width: 100%;
        background: url(/images/index-imgs/it-service-m.png) no-repeat center center;
        background-size: 6.94rem 100%
    }
    .table.table-503:hover {
        height: 2.05rem;
        width: 100%;
        background: url(/images/index-imgs/it-service-m.png) no-repeat center center;
    }
    .table .table-cell {
        display: table-cell;
        vertical-align: middle;
        
    }
    .table .table-cell .tt {
        font-size:.18rem;
        /* color:rgb(217,110,41); */
        color: rgb(217,110,41);
    }
    .table .table-cell .desc {
        font-size:.18rem;
        /* color: rgb(102,102,102); */
        color: rgb(102,102,102);
    }
    .table .table-cell .btn {
        font-size:.14rem;
        color:rgb(217,110,41);
        /* color: rgba(217,110,41); */
        display: inline-block;
        width: 1.3rem;
        height: .32rem;
        line-height: .32rem;
        text-align: center;
        /* border: 1px solid rgb(217,110,41); */
        border: 1px solid rgb(217,110,41);
        border-radius: .5rem;
        
    }
    .table.table-503 {
        margin-right: .05rem;
    }
    .table.table-503 .table-cell .tt {
        margin-bottom: .15rem;
    }
    .table.table-503 .table-cell .desc {
        margin-bottom: .20rem;
    }
    .table.table-others {
        width: auto;
        height: 1.8rem;
        margin: 0 auto;
    
    }
    .table.table-others .table-cell {
        width: 400px;
        box-sizing: border-box;
        /* border-right: 5px solid rgba(246,247,252,1); */
        border-right: 5px solid rgb(246,247,252);
    }
    .table.table-others .table-cell .tt {
        margin-bottom: .23rem;
    }
    .table.table-others .table-cell .desc {
        margin-bottom: .13rem;
    }
    .table.table-others .text-layout {
        text-align: left;
        padding-left: .16rem;
    }

    .table .table-cell.wifi {
        width: 3.42rem;
        height: 1.8rem;
        background: url(/images/index-imgs/wifi-m.png) no-repeat;
        background-color: #FBFCFE;
        background-size: 1.18rem 1.23rem;
        background-position: 2rem .51rem;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
    }
    .table .table-cell.wifi:hover {
        background: url(/images/index-imgs/wifi-m.png) no-repeat;
        width: 3.42rem;
        height: 1.8rem;
        background: url(/images/index-imgs/wifi-m.png) no-repeat;
        background-color: #FBFCFE;
        background-size: 1.18rem 1.23rem;
        background-position: 2rem .51rem;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
        /* background: url(./index-imgs/wifi-bg.png) no-repeat center center; */

    }
    .table .table-cell.sdwan {
        width: 3.30rem;
        height: 1.8rem;
        background: url(/images/index-imgs/sdwan.png) no-repeat;
        background-color: #FBFCFE;
        background-position: 2.08rem .51rem;
        background-size: 1.08rem 1.17rem;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
        border: 0
    }
    .table .table-cell.sdwan:hover {
        background: url(/images/index-imgs/sdwan.png) no-repeat;
        width: 3.30rem;
        height: 1.8rem;
        background: url(/images/index-imgs/sdwan.png) no-repeat;
        background-color: #FBFCFE;
        background-position: 2.08rem .51rem;
        background-size: 1.08rem 1.17rem;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
        border: 0
    
    }
    .table .table-cell.ott {
        width: 3.42rem;
        height: 1.8rem;
        background: url(/images/index-imgs/ott.png) no-repeat;
        background-color: #FBFCFE;
        background-position: 2.26rem .62rem;
        background-size: .93rem 1.14rem;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
    }
    .table .table-cell.ott:hover {
        background: url(/images/index-imgs/ott.png) no-repeat;
        width: 3.42rem;
        height: 1.8rem;
        background: url(/images/index-imgs/ott.png) no-repeat;
        background-color: #FBFCFE;
        background-position: 2.26rem .62rem;
        background-size: .93rem 1.14rem;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);

    }
    .table .table-cell.chain {
        width: 3.30rem;
        height: 1.8rem;
        background: url(/images/index-imgs/chain.png) no-repeat;
        background-color: #FBFCFE;
        background-position: 2.2rem .75rem;
        background-size: .77rem .77rem;
        border: 0;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
    }
    .table .table-cell.chain:hover {
        width: 3.30rem;
        height: 1.8rem;
        background: url(/images/index-imgs/chain.png) no-repeat;
        background-color: #FBFCFE;
        background-position: 2.2rem .75rem;
        background-size: .77rem .77rem;
        border: 0;
        box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.09);
    }


    .content-index .index-content .prod-service .service-container .title,
    .content-index .index-content .industry-case .industry-case-container .title {
        padding-top: .39rem;
        padding-bottom: .33rem;
    }
    .content-index .index-content .industry-case .industry-case-container .ic-content {
        margin-left: .53rem;
        margin-right: .45rem
    }
    .content-index .index-content .industry-case .industry-case-container .hotel-group .hg-title ,
    .content-index .index-content .industry-case .industry-case-container .brand .brand-title {
        font-size:.22rem;

    
    }
    .content-index .index-content .industry-case .industry-case-container .hotel-group .sub-title {
        font-size:.16rem;
   
    }
    .content-index .index-content .industry-case .industry-case-container .hotel-group .hg-desc {
        font-size:.2rem;
        /* color:rgb(51,51,51); */
        color: rgb(51,51,51);
        margin-top: 0;
        margin-bottom: .13rem;
    }
    .content-index .index-content .industry-case .industry-case-container .hotel-group .hg-desc .hg-item {
        list-style-type: disc;
        margin-top: .13rem;
        width: 3.65rem;
    }
    .content-index .index-content .industry-case .industry-case-container .ic-content .ic-logo {
        position: absolute;
        width: 2.43rem;
        height: 2.66rem;
        background: url(/images/index-imgs/ic-content-logo.png);
        right: 0;
    }
    .content-index .index-content .industry-case .industry-case-container .ic-content .ic-logo img {
        width: 1.93rem;
        height: 2.09rem;
        position: relative;
        top: .27rem;

    }
    .content-index .index-content .industry-case .industry-case-bottom {
        height:1.51rem;
        /* background:rgba(52,53,54,1); */
        background:rgb(52,53,54);
        padding-top: 0;
        margin-top: 0;
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs {
        float: left;
        position: relative;
        left: 50%;
        top:50%;
        transform: translate(-50%,-50%);
        width: auto;
        margin: 0 auto;
        padding-top: 0;
    }
    .content-index .index-content .industry-case .industry-case-bottom {
        height:1.51rem;
      
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img {
        float: left;
        width: 2.08rem;
        height: 1.39rem;
        margin-right: 4px;
        text-align: center;
        position: relative;
    }
  
    /* .content-index .index-content .industry-case .industry-case-bottom .imgs .img .mongolia{
        position: absolute;
        top: 0;
        width: 2.08rem;
        height: 1.39rem;
        background: rgba(102,102,102,.5)
    } */
    /* .content-index .index-content .industry-case .industry-case-bottom a:hover ::after{
        position: absolute;
        width: 2.08rem;
        height: 1.39rem;
        background: red
    } */


  
    .content-index .index-content .industry-case .industry-case-bottom .imgs .logo {
        height: 1.39rem;
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img .logo-big {
        position: absolute;
        top: 50% !important;
        left: 50%;
        transform: translate(-50%,-50%);
     
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img .logo-big .img-1{
        width: 1.23rem;
        height: .66rem;
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img .logo-big .img-2{
        width: 1.28rem;
        height: .93rem;
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img .logo-big .img-3{
        width: 1.27rem;
        height: .80rem;
    }
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img.active .logo-big,
    .content-index .index-content .industry-case .industry-case-bottom .imgs .img:hover .logo-big {
        display: block;
    }

    .content-index .index-content .service-advantages{
        background: white;
    }
    .content-index .index-content .service-advantages .sa-title {
        padding-top: .3rem;
        margin-top: 0;
        text-align: center;
        margin-bottom: 0;
    }
    .content-index .index-content .service-advantages .sa-img {
        position: relative;
        width: 7.04rem;
        height: 5.6rem;
        /* margin-left: .41rem; */
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    .content-index .index-content .service-advantages .sa-img .describe{
        position: absolute;
        left: 0;
        bottom: 0;
        width:  3.53rem;
        height: 2.86rem ;
        background: url(/images/index-imgs/describe.png);
        background-size: 100%  100%
    }
    .content-index .index-content .service-advantages .sa-img .describe p{
        color: white;
        margin-bottom: .06rem;
        text-align: left;
        margin-left: .8rem;
        
    }
    .content-index .index-content .service-advantages .sa-img .describe .describe-1{
        font-size:.24rem;
        font-weight:500;
        margin-top: .65rem;
    }
    .content-index .index-content .service-advantages img {
        width: 7.04rem;
        height: 5.6rem;
        text-align: center;
    }
    .content-index .index-content .service-advantages .sa-title .t1 {
        font-size:.26rem;
        color:rgb(51,51,51);
    }
    .content-index .index-content .service-advantages .sa-title .t2 {
        font-size:.14rem;
        /* color:rgba(128,128,128,1); */
        color:rgb(128,128,128);
        margin-top: .09rem;
        margin-bottom: .19rem;
    }
    .content-index .index-content .service-advantages .sa-title .t3 {
        font-size:.2rem;
        /* color:rgba(128,128,128,1); */
        color:rgb(128,128,128)
    }
    .map .wave {
        width: 4rem;
        height: 4rem;
    }
    .sa-img-box .wave {
        width: 4rem;
        height: 4rem;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.59rem;
        left: 3.95rem;
        width: 100%;
    }
    .addr.hangzhou .addr-name {
        position: absolute;
        top: 2.08rem;
        left: 1.73rem;
        font-size: .12rem;
        color: #FE8C43;
    }
    .addr.shanghai {
        position: absolute;
        top: 1.4rem;
        left: 4.10rem;
        width: 100%;
    }
    .addr.shanghai .addr-name {
        position: absolute;
        top: 1.89rem;
        left: 2.10rem;
        font-size: .12rem;
        color: #FE8C43;
    }  
    .addr.zhoushan {
        position: absolute;
        top: 1.65rem;
        left: 4.10rem;
        width: 100%;
    }
    .addr.zhoushan .addr-name {
        position: absolute;
        top: 1.89rem;
        left: 2.10rem;
        font-size: .12rem;
        color: #FE8C43;
    }
    .content-index .index-content .service-advantages .sa-container {
        width: 100%;
    }
    .content-index .index-content .service-advantages .sa-img-box {
        height: 6.04rem;
        background: white;
        overflow: hidden;
    }


    .content-index .index-content .news-info {
        /* background:rgba(246,247,252,1); */
        background:rgb(246,247,252);
        height: auto;
    }
    .content-index .index-content .news-info .news-container {
        margin: 0 auto;
        width: 100%;
    }
    .content-index .index-content .news-info .news-container .news-title {
        padding-top: .29rem;
        padding-bottom: .46rem;
    }
    .content-index .index-content .news-info .news-container .news-title .news-left {
        float: left;
    }
    .content-index .index-content .news-info .news-container .news-title .news-right {
        float: right;
    }
    .content-index .index-content .news-info .news-container .news-title .big-text .news-t1 {
        font-size: 30px;
        /* color: rgb(51,51,51); */
        color: rgb(51,51,51,1); 
    }
    .content-index .index-content .news-info .news-container .news-title .big-text .news-t2 {
        font-size: 20px;
        /* color: rgba(102,102,102,1); */
        color: rgb(102,102,102);
    }
    .content-index .index-content .news-info .news-container .news-title .small-text {
        font-size: 12px;
        color: rgb(153,153,153);
    }
    .content-index .index-content .news-info .news-container .news-title .title {
        text-align: center;
    }
    .content-index .index-content .news-info .news-container .news-title .title .t1 {
        font-size: .26rem;
        color: rgb(51,51,51);
    }
    .content-index .index-content .news-info .news-container .news-title .title .t2 {
        font-size: .14rem;
        color: rgb(128,128,128);
        margin-top: .09rem;
        margin-bottom: .19rem;
    }
    .content-index .index-content .news-info .news-container .news-title .title .t3 {
        font-size: .2rem;
        color: rgb(128,128,128);
    }
    .news-content .news-item-m{
            display: block;    
    }
    .news-content .news-item-m p{
        color: black;
}
    .news-content .news-item-m  .news-item-m-img{ 
       position: relative;
       left: 50%;
       transform: translateX(-50%);
       width: 100%;
    }
    .news-content .news-item-m  p{ 
        position: relative;
        font-size: .18rem;
        padding-top: .18rem;
        padding-bottom: .25rem;
        text-align: center;
     }
     .commaLeft::before{
        content: "\201C";  
     
        font-size: .3rem;   
        font-family: Georgia, serif;   
        font-weight: bold; 
        color:rgb(153,153,153);
        /* left: calc(50% - 400px); */
  
        margin-right: .28rem;
        position: relative;
        top: .1rem;
    }
    .commaRight::before{
        content: "\201D";   
     
        color:rgb(153,153,153);
        font-size: .3rem;
        font-family: Georgia, serif;
        font-weight: bolder;
  
        margin-left: .28rem;
        position: relative;
        top: .1rem;
    
    }
    .w2{
        width: 2rem;
    }
    .swiper-slide-img{
        width: 2.06rem;
        height: 1.39rem;
    }
}




@media (max-width: 1024px) and (min-width:960px) {  
    .addr.shanghai {
        position: absolute;
        top: 1.4rem;
        left: 4.23rem;
        width: 100%;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.55rem;
        left: 4.06rem;
        width: 100%;
    }
    .addr.zhoushan {
        position: absolute;
        top: 1.62rem;
        left: 4.23rem;
        width: 100%;
    }
}
@media (max-width: 820px) and (min-width:760px) {  
    .addr.shanghai {
        position: absolute;
        top: 1.37rem;
        left: 4.02rem;
        width: 100%;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.55rem;
        left: 3.88rem;
        width: 100%;
    }
    .addr.zhoushan {
        position: absolute;
        top: 1.62rem;
        left: 4.02rem;    
        width: 100%;
    }
}
@media (max-width: 414px) and (min-width:375px) {  
    .addr.shanghai {
        position: absolute;
        top: 1.4rem;
        left: 4.23rem;
        width: 100%;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.55rem;
        left: 4.06rem;
        width: 100%;
    }
    .addr.zhoushan {
        position: absolute;
        top: 1.62rem;
        left: 4.23rem;
        width: 100%;
    }
}


@media (max-width: 375px) and (min-width:350px) {  
    .addr.shanghai {
        position: absolute;
        top: 1.4rem;
        left: 4.20rem;
        width: 100%;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.55rem;
        left: 4.06rem;
        width: 100%;
    }
    .addr.zhoushan {
        position: absolute;
        top: 1.62rem;
        left: 4.20rem;
        width: 100%;
    }
}
@media screen and (max-width: 360px) and (min-width:350px) {  
    .addr.shanghai {
        position: absolute;
        top: 1.4rem;
        left: 4.07rem;
        width: 100%;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.55rem;
        left: 3.9rem;
        width: 100%;
    }
    .addr.zhoushan {
        position: absolute;
        top: 1.62rem;
        left: 4.07rem;
        width: 100%;
    }
}
@media screen and (max-width: 350px) and (min-width:300px) {  
    .addr.shanghai {
        position: absolute;
        top: 1.4rem;
        left: 4.20rem;
        width: 100%;
    }
    .addr.hangzhou {
        position: absolute;
        top: 1.55rem;
        left: 4.06rem;
        width: 100%;
    }
    .addr.zhoushan {
        position: absolute;
        top: 1.62rem;
        left: 4.20rem;
        width: 100%;
    }
}