@media only screen and (max-width: 767px) {

    .project-server {
        width: 100%;
        padding: 0 .15rem;
        background: url(../img/index1.jpg) no-repeat center;
        background-size: auto 100%;
    }

    .data-center {
        width: 100%;
        padding: 0 .15rem;
        background: url(../img/index2.jpg) no-repeat center;
        background-size: auto 100%;
    }

    .company {
        width: 100%;
        padding: 0 .15rem .25rem;
        background: url(../img/index3.jpg) no-repeat bottom;
        background-size: 100%;
    }

    .title-img {
        padding: .3rem 0;
    }

    .title-img img {
        display: block;
        margin: 0 auto;
        height: 1.2rem;
    }

    .project-server-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
    }

    a.project-server-item {
        display: block;
        width: 48%;
        padding: .8rem  .2rem .15rem;
        margin-top: .64rem;
        background-color: #ffffff;
        border: solid 1px #fee5dc;
        position: relative;
        margin-bottom: .40rem;
    }

    /*a.project-server-item:first-child {*/
    /*    width: 100%;*/
    /*}*/

    .project-server-item div {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 1.26rem;
        height: 1.26rem;
        background-color: #ffffff;
        box-shadow: 0px 0px 12px 1px rgba(107, 29, 0, 0.5),
        inset 1px 3px 6px 0px rgba(140, 45, 10, 0.26);
        border: solid 2px #f7f9f9;
        border-radius: 1.26rem;
    }

    .project-server-item div img {
        width: .72rem
    }

    .project-server-item h3 {
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-size: .32rem;
        line-height: .5rem;
        height: 1rem;
        text-align: center;
        color: #f15a23;
    }

    .project-server-item p {
        font-size: .24rem;
        line-height: .48rem;
        height: 1.44rem;
        color: #333333;
        text-align: center;
    }

    .project-server-item p br {
        display: none;
    }

    .project-server-item:first-child {
        background-color: #f15a23;
        box-shadow: 0px 0px 9px 1px rgba(107, 29, 0, 0.7),
        inset 2px 4px 12px 0px rgba(114, 31, 0, 0.8);
        border: solid 1px #fee5dc;
    }

    .project-server-item:first-child h3,
    .project-server-item:first-child p {
        color: #fff;
    }


    .data-center-info{
        display: block;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: .3rem;
    }
    .left-data-center a.data-center-item{
        width: 100%;
    }
    .left-data-center a.data-center-item img{
        height: auto;
    }
    .right-data-center{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    a.data-center-item{
        display: block;
        width: calc(50vw - .3rem);
        background: #fff;
        margin-bottom: .3rem;
    }
    .data-center-item img{
        display: block;
        width: 100%;
            height: 2rem;
    }
    .data-center-item div{
        padding: .15rem .2rem;
    }
    .data-center-item div h4{
        font-size: .3rem;
        line-height: .6rem;
        margin-bottom: .05rem;
        text-align: center;
        font-weight:normal;
    }
    .data-center-item div p{
        height: 1.44rem;
        font-size: .24rem;
        line-height: .36rem;
        color: #666666;
    }


    company-info {
        width: 100%;
        margin: 10px 0;
    }

    .company-info-img {
        width: 100%;
        padding: 2px;
        margin-bottom: 10px;
        background-image: linear-gradient(0deg,
        #f15a23 0%,
        #ffffff 100%);
        box-shadow: 0px 0px 12px 0px rgba(120, 32, 0, 0.6);
    }

    .company-info-img img {
        display: block;
        width: 100%;
    }

    .company-info-box {
        width: 100%
    }
    .company-info-text{
        text-indent: .52rem;
        font-size: .25rem;
        line-height: .48rem;
        /*color: #ffffff;*/
        margin-bottom: .65rem;
        text-align: justify;
    }
    .company-info-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .company-info-link a{
        display: block;
        width: 30%;
        height: .76rem;
        text-align: center;
        font-size: .28rem;
        line-height: .76rem;
        color: #ffffff;
        background-color: #f15a23;
    }

    .news {
        width: 100%;
        background: url(../img/index1.jpg) no-repeat top left;
        background-size: 100% 100%;
    }

    .news-info {
        width: 100%;
        padding: .3rem ;
    }

    .left-notice {
        width: 100%;
        margin-bottom: .3rem;
    }

    .notice-img {
        position: relative;
        width: 100%;
        margin-bottom: .15rem;
    }

    .notice-img img {
        display: block;
        width: 100%;
    }

    .notice-img a {
        position: absolute;
        right: 0.8rem;
        bottom: .38rem;
        width: 1.1rem;
        height: 0.52rem;
        text-align: center;
        line-height: .52rem;
        background-color: #f4faff;
        box-shadow: 0rem 0rem 0.08rem 0rem
        rgba(120, 32, 0, 0.5),
        inset 0rem 0.02rem 0.05rem 0rem
        #a42c00;
        border-radius: 0.26rem;
        border: solid 0.01rem #ffffff;
        font-size: 0.28rem;
        color: #f15a23;
    }

    .notice-list {
        width: 100%;
        background: #fff;
        padding: .2rem;
    }

    .notice-list a {
        position: relative;
        display: block;
        font-size: 0.28rem;
        line-height: .46rem;
        padding: .1rem 0 .1rem .2rem;
        border-bottom: 1px solid #e6e6e6;
    }
    .notice-list a:last-child{
        border-bottom: 0;
    }
    .notice-list a:before {
        position: absolute;
        top: .3rem;
        left: 0;
        content: '';
        width: .1rem;
        height: .1rem;
        border-radius: .1rem;
        background-color: #f15a23;
    }
    .notice-list a p{
        height: .92rem;
    }

    .right-news {
        width: 100%;
    }

    .news-img{
        display: none;

    }

    .news-list{
        margin-top: .3rem;
    }
    a.news-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: .24rem;
        padding: .2rem .3rem;
        background-color: #ffffff;
    }

    .news-item-time{
        display: flex;
        align-items: center;
        width: 1.7rem;
        margin-right: .2rem;
        border-right: 1px solid #cccccc;
    }
    .news-item-time b{
        font-size: 0.58rem;
        line-height: .8rem;
        color: #f15a23;
        margin-right: .1rem;
        font-weight: normal;
    }
    .news-item-time div h4,
    .news-item-time div p{
        font-size: .28rem;
        line-height: .36rem;
        text-align: right;
    }
    .news-item-title{
        flex: 1;
        overflow: hidden;
        line-height: .4rem;
    }

    .cooperation-info{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 .3rem;
    }
    .cooperation-info div{
        width: 48%;
        margin-bottom: .3rem;
    }
    .cooperation-info div:nth-child(2n){
        background: #f4f5f5;
    }
    .cooperation-info div img{
        display: block;
        width: 100%;
    }


}

@media screen and (min-width: 768px) and (max-width: 1179px) {

    .project-server {
        width: 100%;
        padding: 0 .5rem;
        background: url(../img/index1.jpg) no-repeat center;
        background-size: auto 100%;
    }

    .data-center {
        width: 100%;
        padding: 0 .5rem;
        background: url(../img/index2.jpg) no-repeat center;
        background-size: auto 100%;
    }

    .company {
        width: 100%;
        padding: 0 .5rem .25rem;
        background: url(../img/index3h5.jpg) no-repeat center;
        background-size: 100% 100%;
    }

    .title-img {
        padding: .3rem 0;
    }

    .title-img img {
        display: block;
        margin: 0 auto;
        height: 2rem;
    }

    .project-server-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
    }

    a.project-server-item {
        display: block;
        width: 48%;
        padding: .8rem  .2rem .15rem;
        margin-top: .64rem;
        background-color: #ffffff;
        border: solid 1px #fee5dc;
        position: relative;
        margin-bottom: .40rem;
    }

    /*a.project-server-item:first-child {*/
    /*    width: 100%;*/
    /*}*/

    .project-server-item div {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 1.26rem;
        height: 1.26rem;
        background-color: #ffffff;
        box-shadow: 0px 0px 12px 1px rgba(107, 29, 0, 0.5),
        inset 1px 3px 6px 0px rgba(140, 45, 10, 0.26);
        border: solid 2px #f7f9f9;
        border-radius: 1.26rem;
    }

    .project-server-item div img {
        width: .72rem
    }

    .project-server-item h3 {
        font-size: .38rem;
        line-height: 1rem;
        text-align: center;
        color: #f15a23;
    }

    .project-server-item p {
        font-size: .24rem;
        line-height: .48rem;
        height: 1.44rem;
        color: #333333;
        text-align: center;
    }

    .project-server-item p br {
        display: none;
    }

    .project-server-item:first-child {
        background-color: #f15a23;
        box-shadow: 0px 0px 9px 1px rgba(107, 29, 0, 0.7),
        inset 2px 4px 12px 0px rgba(114, 31, 0, 0.8);
        border: solid 1px #fee5dc;
    }

    .project-server-item:first-child h3,
    .project-server-item:first-child p {
        color: #fff;
    }


    .data-center-info{
        display: block;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: .3rem;
    }
    .left-data-center a.data-center-item{
        width: 100%;
    }
    .left-data-center a.data-center-item img{
        height: auto;
    }
    .right-data-center{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    a.data-center-item{
        display: block;
        width: calc(50vw - .7rem);
        background: #fff;
        margin-bottom: .5rem;
    }
    .data-center-item img{
        display: block;
        width: 100%;
        height: 4rem;
    }
    .data-center-item div{
        padding: .15rem .2rem;
    }
    .data-center-item div h4{
        font-size: .3rem;
        line-height: .6rem;
        margin-bottom: .05rem;
        text-align: center;
        font-weight:normal;
    }
    .data-center-item div p{
        height: 1.44rem;
        font-size: .24rem;
        line-height: .36rem;
        color: #666666;
    }


    .company-info {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 10px 0;
    }

    .company-info-img {
        width: 100%;
        padding: 2px;
        margin-bottom: 10px;
        margin-right: .5rem;
        background-image: linear-gradient(0deg,
        #f15a23 0%,
        #ffffff 100%);
        box-shadow: 0px 0px 12px 0px rgba(120, 32, 0, 0.6);
    }

    .company-info-img img {
        display: block;
        width: 100%;
    }

    .company-info-box {
        width: 100%
    }
    .company-info-text{
        text-indent: .52rem;
        font-size: .25rem;
        line-height: .48rem;
        color: #ffffff;
        margin-bottom: .5rem;
        text-align: justify;
    }
    .company-info-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .company-info-link a{
        display: block;
        width: 30%;
        height: .76rem;
        text-align: center;
        font-size: .28rem;
        line-height: .76rem;
        color: #ffffff;
        background-color: #f15a23;
    }

    .news {
        width: 100%;
        background: url(../img/index1.jpg) no-repeat top left;
        background-size: 100% 100%;
    }

    .news-info {
        display: flex;
        align-items: self-start;
        justify-content: space-between;
        width: 100%;
        padding: .3rem ;
    }

    .left-notice {
        width: 37%;
        margin-bottom: .3rem;
    }

    .notice-img {
        position: relative;
        width: 100%;
        margin-bottom: .15rem;
    }

    .notice-img img {
        display: block;
        width: 100%;
    }

    .notice-img a {
        position: absolute;
        right: 0.8rem;
        bottom: .38rem;
        width: 1.1rem;
        height: 0.52rem;
        text-align: center;
        line-height: .52rem;
        background-color: #f4faff;
        box-shadow: 0rem 0rem 0.08rem 0rem
        rgba(120, 32, 0, 0.5),
        inset 0rem 0.02rem 0.05rem 0rem
        #a42c00;
        border-radius: 0.26rem;
        border: solid 0.01rem #ffffff;
        font-size: 0.28rem;
        color: #f15a23;
    }

    .notice-list {
        width: 100%;
        background: #fff;
        padding: .2rem;
    }

    .notice-list a {
        position: relative;
        display: block;
        font-size: 0.28rem;
        line-height: .46rem;
        padding: .1rem 0 .1rem .2rem;
        border-bottom: 1px solid #e6e6e6;
    }
    .notice-list a:last-child{
        border-bottom: 0;
    }
    .notice-list a:before {
        position: absolute;
        top: .3rem;
        left: 0;
        content: '';
        width: .1rem;
        height: .1rem;
        border-radius: .1rem;
        background-color: #f15a23;
    }
    .notice-list a p{
        height: .92rem;
    }

    .right-news {
        width: 60%;
    }

    .right-news .title-img{
        display: none;

    }
    .news-img{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .3rem;
    }
    .news-img img{
        display: block;
        height: .6rem;
    }
    .news-img a{
        width: 1.1rem;
        height: 0.52rem;
        text-align: center;
        line-height: .52rem;
        background-color: #f15a23;
        box-shadow: 0rem 0rem 0.08rem 0rem
        rgba(120, 32, 0, 0.5),
        inset 0rem 0.02rem 0.05rem 0rem
        #a42c00;
        border-radius: 0.26rem;
        border: solid 0.01rem #ffffff;
        font-size: 0.28rem;
        color: #fff;
    }
    .news-list{
        margin-top: .3rem;
    }
    a.news-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: .24rem;
        padding: .31rem;
        background-color: #ffffff;
    }

    .news-item-time{
        display: flex;
        align-items: center;
        width: 1.7rem;
        margin-right: .2rem;
        border-right: 1px solid #cccccc;
    }
    .news-item-time b{
        font-size: 0.58rem;
        line-height: .8rem;
        color: #f15a23;
        margin-right: .1rem;
        font-weight: normal;
    }
    .news-item-time div h4,
    .news-item-time div p{
        font-size: .28rem;
        line-height: .36rem;
        text-align: right;
    }
    .news-item-title{
        flex: 1;
        overflow: hidden;
        line-height: .4rem;
    }

    .cooperation-info{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 .3rem;
    }
    .cooperation-info div{
        width: 19%;
        margin-bottom: .3rem;
    }
    .cooperation-info div:nth-child(2n){
        background: #f4f5f5;
    }
    .cooperation-info div img{
        display: block;
        width: 100%;
    }


}