@media only screen and (max-device-width:768px) {
    .head-img>div p:last-child {
        width: 80vw
    }

    .tab {
        height: auto;
        padding: 20px;
        margin-bottom: 50px
    }

    .tab>div {
        width: 100% !important
    }

    .tab>div img {
        width: 30px;
        height: 30px
    }

    .content {
        padding: 20px;
        width: calc(100vw - 40px)
    }

    .content .lf {
        margin-right: 0
    }

    .content .lf .top {
        width: 362px
    }

    .content .lf .top-list {
        width: 362px
    }

    .content .case {
        flex-wrap: wrap;
        justify-content: center
    }

    .content .rg {
        width: 100vw;
        /* margin-top: -400px !important */
    }

    .content .article-content {
        width: auto !important
    }

    .line {
        margin: 70px auto 110px auto
    }

    .company-introduce-title {
        width: auto !important;
        margin-top: 0 !important
    }

    .introduce-item {
        width: auto !important
    }

    .company-tit-img {
        object-fit: cover
    }

    .copywriting {
        font-size: 23px !important
    }

    .honor .honor-item img {
        width: 100%;
        object-fit: cover
    }

    .honor-desc {
        margin-top: 40px;
        padding-right: 0 !important
    }

    .contactUs-item img {
        display: block;
        margin: 30px auto;
        margin-top: 0;
        width: calc(100vw - 40px) !important
    }

    .contactUs-item>div span {
        top: -30px
    }

    .contactUs-item>div p {
        width: 85vw !important
    }

    .item {
        padding: 20px
    }
}