@media screen and (max-width: 1024px) {
    .homeban {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 30px;
        margin: 0px 0px;
        padding: 0px 0.2rem;
    }

    .business {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem 0rem;
        padding: 0rem 0.2rem;
    }

    .businessitem-t>.img1 {
        width: auto;
        height: 0.6rem;
        min-height: 0.30rem;
        margin: 0rem 0rem;
        padding: 0rem 0rem;
        cursor: pointer;
        object-fit: cover;
    }

    .historybox {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem auto;
        padding: 0rem 0.2rem;
    }

    .contactbox {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 6.00rem;
        margin: 0rem 0rem;
        padding: 0rem 0.2rem;
        position: relative;
        z-index: 99;
    }

    .contactinfo {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 90%;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem auto;
        padding: 0rem 0rem;
    }

    .homeban-m1 {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        min-height: 30px;
        margin: 0.05rem 0px 0.5rem 0;
        padding: 0px 0px;
    }

    .homeban-m1>.label-text {
        padding: 0px 0px;
        text-align: center;
        font-size: 0.26rem;
        color: rgb(250, 250, 250);
        letter-spacing: 0.1rem;
    }

    .homeban-t>.img1 {
        width: auto;
        height: 2rem;
        min-height: 30px;
        margin: 0px 0px;
        padding: 0px 0px;
        object-fit: cover;
    }

    .homeban-m3>.link-more {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: 0px 0px;
        padding: 0.15rem 0.6rem;
        border: none;
        border-radius: 0.15rem;
        background: #aaa;
        font-size: 0.2rem;
        color: rgb(250, 250, 250);
        opacity: 1;
    }

    .contactinfo-l>.img1 {
        width: 1rem;
        height: 1rem;
        min-height: 0.30rem;
        margin: 0rem 0rem;
        padding: 0rem 0rem;
        object-fit: cover;
    }

    .contactinfo-m1>.img1 {
        width: 2rem;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem 0rem;
        padding: 0rem 0rem;
        object-fit: cover;
    }

    .contacttext-b p {
        margin: 0 0;
        padding: 0rem 0rem;
        text-align: left;
        font-size: 0.12rem;
        line-height: 2.0;
        letter-spacing: 0.03rem;
    }

    .articledetails-detail video {
        width: 100%;
        height: auto;
        margin: 10px auto;
    }

    .articlelist {
        max-width: 95%;
    }

    .articlelist-article-m>.label1 {
        padding: 0rem 0rem;
        font-size: 0.18rem;
        color: #fff;
    }

    .articledetails-prenext-l>.label-prev {
        width: auto;
        padding: 0rem 0rem;
        font-size: 0.16rem;
        color: #fff;
    }

    .articledetails-prenext-l>.label-prev-text {
        flex: 1;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        padding: 0rem 0rem;
        font-size: 0.16rem;
        color: #fff;
    }


    .articledetails-prenext-r>.label-next {
        width: auto;
        padding: 0rem 0rem;
        font-size: 0.16rem;
        color: #fff;
    }

    .articledetails-prenext-r>.label-next-text {
        flex: 1;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        padding: 0rem 0rem;
        font-size: 0.16rem;
        color: #fff;
    }

    .history-text {
        box-sizing: border-box;
        margin: 0 0;
        padding: 0 0 0 0;
        width: 100%;
        height: auto;
        color: #fff;
        font-size: 0.2rem;
        letter-spacing: 0.02rem;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
}



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

    .homeban-b>p {
        padding: 0px 0px;
        font-size: 0.14rem;
        font-weight: normal;
        line-height: 2;
        color: #fff;
        letter-spacing: 0.05rem;
    }

    .homeban-c {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 7rem;
        min-height: 30px;
        margin: 0px 0px;
        padding: 0px 0px;
        background: url(../images/headbg.jpg) no-repeat center bottom;
        background-size: cover;
        position: relative;
    }

    .business-b {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem 0rem;
        padding: 0.30rem 0rem 0.1rem 0;
    }

    .businessitem {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: auto;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem 0.05rem;
        padding: 0rem 0rem;
    }

    .contactinfo-m1>.img1 {
        width: 1.6rem;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem 0rem;
        padding: 0rem 0rem;
        object-fit: cover;
    }

    .homeban-t>.img1 {
        width: auto;
        height: 1.6rem;
        min-height: 30px;
        margin: 0px 0px;
        padding: 0px 0px;
        object-fit: cover;
    }

    .contactinfo {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 95%;
        height: auto;
        min-height: 0.30rem;
        margin: 0rem auto;
        padding: 0rem 0rem;
    }

    .contactinfo-l>.label2 {
        margin: 0.20rem 0rem;
        padding: 0rem 0rem;
        text-align: center;
        font-size: 0.14rem;
        color: #fff;
        letter-spacing: 0.04rem;
    }
}