@media screen and (min-width: 768.1px) and (max-width: 1280px) {
    .news .container .wrapper .banner {
        align-items: center;
    }

    .news .container .wrapper .banner .title {
        margin-left: 0;
    }

    .news .container .wrapper .banner .desc {
        width: 10.8125rem;
        margin-left: 0.6rem;
    }
}

@media screen and (min-width: 768.1px) { 
    .news .container .wrapper .banner .phone {
        display: none;
    }

    .news .container .wrapper .game-special .content .item .line {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .news a {
        text-decoration: underline;
    }

    .news .top-bg {
        height: 4.6133rem;
    }

    /* banner */
    .news .container .wrapper .banner {
        height: calc(4.6133rem - .9375rem);
        justify-content: initial;
        transform: scale(1);
    }

    .news .container .wrapper .banner .title {
        font-size: 0.8rem;
        width: 100%;
        height: calc(1.5125rem * 0.6);
        margin-top: 0.7rem;
        margin-left: 1.2267rem;
    }

    .news .container .wrapper .banner .desc {
        margin-top: -0.0625rem;
        margin-left: calc(0.3rem + 1.2267rem);
        font-size: .2667rem;
    }

    .news .container .wrapper .banner .phone {
        
    }

    .news .container .wrapper .banner .contact-us-btn {
        margin-left:calc(0.2rem + 1.2267rem);
        margin-top: .28rem;
    }

    /* section */
    .news .container .wrapper .section-line {
        height: .0267rem;
        margin: .1467rem 0 .3333rem 0;
    }

    .news .container .wrapper .section-line .more {
        top: -0.7rem;
        font-size: .3467rem;
    }

    /* latest-recommend */
    .news .container .wrapper .latest-recommend {
        flex-wrap: wrap;
        margin-top: .44rem;
        transform: scale(1);
    }

    .news .container .wrapper .latest-recommend a {
        text-decoration: none;
    }

    /* latest */
    .news .container .wrapper .latest-recommend .latest {
        width: 9.3333rem;
        margin-right: 0;
    }

    .news .container .wrapper .latest-recommend .latest .title {
        font-size: .64rem;
    }

    .news .container .wrapper .latest-recommend .latest .section-line {
        margin-right: 0;
    }

    .news .container .wrapper .latest-recommend .latest .content {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    
    .news .container .wrapper .latest-recommend .latest .content .item {
        position: relative;
        flex-direction: row;
        width: 100%;
        height: 3.0933rem;
        border-radius: .15rem;
        margin-right: 0;
        margin-bottom: .375rem;
    }

    .news .container .wrapper .latest-recommend .latest .content .item:hover {
        transform: translateX(0.125rem);
    }

    .news .container .wrapper .latest-recommend .latest .content .item:last-child {
        margin-bottom: 0;
    }

    .news .container .wrapper .latest-recommend .latest .content .item .img {
        width: 50%;
        height: auto;
    }

    .news .container .wrapper .latest-recommend .latest .content .item .info {
        margin: 0 .3467rem 0 .2533rem;
    }

    .news .container .wrapper .latest-recommend .latest .content .item .info .name {
        min-height: .7467rem;
        margin-top: .1867rem;
        font-size: .32rem;
        line-height: 1.2;
    }

    .news .container .wrapper .latest-recommend .latest .content .item .info .date {
        margin-top: .0533rem;
        font-size: .2667rem;
    }
    
    .news .container .wrapper .latest-recommend .latest .content .item .info .desc {
        font-size: .2667rem;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
    
    .news .container .wrapper .latest-recommend .latest .content .item .understand {
        display: none;
    }

    /* recommend */
    .news .container .wrapper .latest-recommend .recommend .video {
        display: flex;
        flex-direction: column;
        width: 9.3333rem;
        margin-top: 0.5rem;
    }

    .news .container .wrapper .latest-recommend .recommend .title {
        font-size: .64rem;
    }

    .news .container .wrapper .latest-recommend .recommend .video .content {
        justify-content: center;
    }
    
    .news .container .wrapper .latest-recommend .recommend .video .content .item {
        width: 4.08rem;
        height: 4.8rem;
        margin-right: .4667rem;
        margin-bottom: 0;
    }

    .news .container .wrapper .latest-recommend .recommend .video .content .item:nth-child(2n) {
        margin-right: 0;
    }

    .news .container .wrapper .latest-recommend .recommend .video .content .item .info .name {
        font-size: .32rem;
    }
    
    .news .container .wrapper .latest-recommend .recommend .video .content .item .info .date {
        font-size: .2667rem;
    }

    .news .container .wrapper .latest-recommend .recommend .article {
        width: 9.3333rem;
    }

    .news .container .wrapper .latest-recommend .recommend .article .content {
        width: 100%;
        height: auto;
        background: none;
        border: none;
    }

    .news .container .wrapper .latest-recommend .recommend .article .content .item {
        height: 1.5867rem;
        padding: 0;
        border-radius: .1333rem;
        border: .0133rem solid #FFFFFF;
        margin-bottom: .2rem;
    }

    .news .container .wrapper .latest-recommend .recommend .article .content .item:last-child {
        margin-bottom: 0;
    }

    .news .container .wrapper .latest-recommend .recommend .article .content .item .icon {
        display: none;
    }

    .news .container .wrapper .latest-recommend .recommend .article .content .item .info {
        margin-left: .2933rem;
    }
    
    .news .container .wrapper .latest-recommend .recommend .article .content .item .info .name {
        font-size: .3467rem;
        color: white;
        line-height: 1.2;
    }
    
    .news .container .wrapper .latest-recommend .recommend .article .content .item .info .date {
        font-size: .2667rem;
        color: white;
    }

    /* game-special */
    .news .container .wrapper .game-special {
        display: block;
        width: 9.3333rem;
        margin: 0.5rem auto 2.8rem auto;
    }

    .news .container .wrapper .game-special a {
        text-decoration: none;
    }

    .news .container .wrapper .game-special .title {
        font-size: .64rem;
    }

    .news .container .wrapper .game-special .section-line {
        margin-left: 0;
    }

    .news .container .wrapper .game-special .content {
        flex-direction: column;
    }

    .news .container .wrapper .game-special .content .item {
        width: 100%;
        height: 1.8267rem;
        display: flex;
        align-items: center;
        border: none;
        background: none;
        margin-right: 0;
    }

    .news .container .wrapper .game-special .content .item:hover {
        transform: translateX(0.125rem);
    }

    .news .container .wrapper .game-special .content .item .img {
        position: relative;
        width: 2.8933rem;
        height: 1.5867rem;
    }

    .news .container .wrapper .game-special .content .item .shadow {
        display: none;
    }

    .news .container .wrapper .game-special .content .item .info {
        justify-content: center;
        margin: 0 .28rem;
    }
    
    .news .container .wrapper .game-special .content .item .info .name {
        /* font-family: "ChuangKeTieJinGangTi-2"; */
        font-weight: 800;
        font-size: .275rem;
        color: #FFFFFF;
        line-height: 1.2;
        margin-bottom: .0625rem;
    }
    
    .news .container .wrapper .game-special .content .item .info .date {
        font-weight: 500;
        font-size: .225rem;
        color: #FFFFFF;
    }

    .news .container .wrapper .game-special .content .item .line {
        position: absolute;
        width: 100%;
        height: .0133rem;
        bottom: 0;
        background-color: #807887;
    }
}