@media (max-width: 768px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .list-inline {
        margin: 4rem 0rem 0rem !important;
    }

    .qrcode-image {
        margin-bottom: 2rem;
    }

    /* banner */
    .rem-position {
        position: relative;
    }

    .about-top {
        align-items: center;
        justify-content: center;
        height: 22.5rem;
        min-height: 22.5rem;
        color: #FFFFFF;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("../../../../../file.tbdingtalk.com/uploads/20230221/2168a772cdc6db7ac279a119fc5f9520.png")/*tpa=https://file.tbdingtalk.com/uploads/20230221/2168a772cdc6db7ac279a119fc5f9520.png*/;
        background-position: 26% 1.2rem;
    }

    .about-top-title {
        width: 100%;
        font-size: 2.2rem;
        font-weight: bold;
        position: absolute;
        top: 9rem;
        left: 62rem;
    }

    .about-top-text {
        width: 100%;
        font-size: 1.75rem;
        position: absolute;
        top: 13rem;
        left: 62rem;
    }

    /* 企业简介 */
    .about-container {
        width: 100%;
        margin: 0px auto;
    }

    .title {
        margin: 70px 0px 50px;
        text-align: center;
        position: relative;
    }

    .title1 {
        margin: 24px 0rem 0rem 0rem;
    }

    .title1::after {
        content: '';
        display: block;
        width: 50px;
        height: 4px;
        background: rgb(0, 137, 255);
        position: absolute;
        left: 50%;
        margin-left: -25px;
        bottom: 0rem;
    }

    .common-all-title {
        line-height: 5rem !important;
    }

    /* 企业简介 */
    .test-rem {
        padding: 0rem 2rem;
    }

    /* 政企客户-数值描述  */
    .about-number {
        width: 100%;
        white-space: nowrap;
    }

    .about-number-list {
        text-align: center;
        font-family: 'Microsoft YaHei';
        margin-top: 10px;
        margin-bottom: 2rem;
    }

    .about-number-title {
        font-size: 2.2rem;
        color: #0089ff;
        line-height: 2.6rem;
        font-weight: bold;
    }

    .about-number-text {
        font-size: 14px;
        color: #888888;
        line-height: 20px;
        margin-top: 10px;
    }

    .about-number-text p {
        margin-bottom: 0px;
    }

    /* 企业使命 */
    .about-tags {
        margin-top: 52px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .about-tags-list {
        display: inline-block;
        /* width: 30%; */
        width: 90%;
        height: 160px;
        box-sizing: border-box;
        padding-top: 15px;
        text-align: center;
        background: #3396FB;
        border-radius: 8px;
        color: #FFFFFF;
        margin-bottom: 2rem;
    }

    .about-tags-list:nth-child(2) {
        background: #8A71F1;
    }

    .about-tags .about-tags-list:nth-child(3) {
        background: #F2AA55;
        margin: auto;
    }

    .about-tags-icon {
        width: 50px;
        height: 50px;
    }

    .about-tags-title {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 3.8rem;
        margin-top: 8px;
    }

    .about-tags-text {
        font-size: 16px;
        line-height: 28px;
    }

    /* 发展历程 */

    .title {
        /* font-size: 32px; */
        /* color: #000000; */
        margin: 3rem 0px 2rem;
        text-align: center;
        position: relative;
    }

    .history-list {
        /* display: flex;
	align-items: flex-start;
	justify-content: space-between; */
        box-sizing: border-box;
        padding: 15px 0px 5px;
        position: relative;
        font-family: 'Microsoft YaHei';
        overflow: hidden;
    }

    .history-list::before {
        content: '';
        display: block;
        width: 22px;
        height: 22px;
        background-image: url("../img/web/about/2.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/about/2.png*/;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 38%;
        margin-left: -11px;
    }

    .history-line {
        content: '';
        display: block;
        width: 2px;
        height: 60%;
        background: #CCCCCC;
        position: absolute;
        bottom: 10px;
        left: 38%;
        margin-left: -1px;
    }

    .history-list:nth-child(2n) {
        background: #F5F5F5;
    }

    .history-list:nth-child(2n) .history-year {
        float: left;
        text-align: right;
    }

    .history-list:nth-child(2n) .history-con {
        float: left;
        text-align: left !important;
        /* width: 59%; */
        /* margin-right: 3%; */
        margin-left: 45%;
        margin-top: -30px;
    }

    .history-list p {
        margin-bottom: 0px;
    }

    .history-year {
        width: 33%;
        font-size: 22px;
        color: #000000;
        font-weight: bold;
        text-align: right;
        float: left;
    }

    .history-con {
        width: 51%;
        min-height: 120px;
        font-size: 16px;
        line-height: 28px;
        color: #000000;
        float: right;
        margin-right: 5%;
    }

    .history-title {
        font-size: 1.4rem;
        color: #0089ff;
        font-weight: bold;
        line-height: 32px;
    }

    /* 荣誉资质 */
    .certificate-box {
        width: 100%;
        padding: 8px;
    }

    .certificate {
        /* width: 285px; */
        width: 100%;
        padding: 2px;
        /* margin: 6px; */
    }

    .cer-background {
        display: none;
    }

    .cer-title-rem {
        display: block;
        /* background-color: rgba(99, 100, 102, 0.9); */
        background: red;
        width: 100%;
        margin: 0.5rem;
        height: 15%;
        left: 0;
        bottom: 0;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        overflow: hidden;
    }


}

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

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    /* 企业简介 */
    .about-container {
        width: 90%;
        margin: 0px auto;
    }

    .title1::after {
        content: '';
        display: block;
        width: 50px;
        height: 4px;
        background: rgb(0, 137, 255);
        position: absolute;
        left: 50%;
        margin-left: -25px;
        bottom: 0rem;
    }

    /* 企业使命 */
.about-tags {
	margin-top: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-tags-list {
	display: inline-block;
	/* width: 30%; */
	height: 160px;
	box-sizing: border-box;
	padding-top: 15px;
	text-align: center;
	background: #3396FB;
	border-radius: 8px;
	color: #FFFFFF;
	margin-right: 20px;
}

.about-tags-list:nth-child(2) {
	background: #8A71F1;
}

.about-tags-list:nth-child(3) {
	background: #F2AA55;
	margin-right: 0px;
}

.about-tags-icon {
	width: 50px;
	height: 50px;
}

.about-tags-title {
	font-size: 22px;
	font-weight: bold;
	line-height: 38px;
	margin-top: 8px;
}

.about-tags-text {
	font-size: 16px;
	line-height: 28px;
}

    /* banner */
    .rem-position {
        position: relative;
    }

    .about-top {
        align-items: center;
        justify-content: center;
        height: 36.5rem;
        min-height: 36.5rem;
        color: #FFFFFF;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("../../../../../file.tbdingtalk.com/uploads/20230221/2168a772cdc6db7ac279a119fc5f9520.png")/*tpa=https://file.tbdingtalk.com/uploads/20230221/2168a772cdc6db7ac279a119fc5f9520.png*/;
        background-position: 38% 1.2rem;
    }

    .about-top-title {
        width: 100%;
        font-size: 3.2rem;
        font-weight: bold;
        position: absolute;
        top: 18rem;
        left: 62rem;
    }

    .about-top-text {
        width: 100%;
        font-size: 2.75rem;
        position: absolute;
        top: 23rem;
        left: 62rem;
    }


    /* 企业使命 */
    .about-tags {
        margin-top: 52px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .about-tags-list {
        display: inline-block;
        width: 30%;
        height: 180px;
        box-sizing: border-box;
        padding-top: 15px;
        text-align: center;
        background: #3396FB;
        border-radius: 8px;
        color: #FFFFFF;
        margin-right: 20px;
    }

    .about-tags-list:nth-child(2) {
        background: #8A71F1;
    }

    .about-tags .about-tags-list:nth-child(3) {
        background: #F2AA55;
        margin-top: 0px;
    }

    .about-tags-icon {
        width: 50px;
        height: 50px;
    }

    .about-tags-title {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 3.8rem;
        margin-top: 8px;
    }

    .about-tags-text {
        font-size: 16px;
        line-height: 28px;
    }

    .common-all-title {
        line-height: 8rem !important;
    }

    /* 发展历程 */

    .title {
        /* font-size: 32px; */
        /* color: #000000; */
        margin: 3rem 0px 2rem;
        text-align: center;
        position: relative;
    }

    .history-list {
        /* display: flex;
	align-items: flex-start;
	justify-content: space-between; */
        box-sizing: border-box;
        padding: 15px 0px 5px;
        position: relative;
        font-family: 'Microsoft YaHei';
        overflow: hidden;
    }

    .history-list::before {
        content: '';
        display: block;
        width: 22px;
        height: 22px;
        background-image: url("../img/web/about/2.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/about/2.png*/;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 38%;
        margin-left: -11px;
    }

    .history-line {
        content: '';
        display: block;
        width: 2px;
        height: 60%;
        background: #CCCCCC;
        position: absolute;
        bottom: 10px;
        left: 38%;
        margin-left: -1px;
    }

    .history-list:nth-child(2n) {
        background: #F5F5F5;
    }

    .history-list:nth-child(2n) .history-year {
        float: left;
        text-align: right;
    }

    .history-list:nth-child(2n) .history-con {
        float: left;
        text-align: left !important;
        /* width: 59%; */
        /* margin-right: 3%; */
        margin-left: 11%;
        margin-top: 0rem;
    }

    .history-list p {
        margin-bottom: 0px;
    }

    .history-year {
        width: 33%;
        font-size: 22px;
        color: #000000;
        font-weight: bold;
        text-align: right;
        float: left;
    }

    .history-con {
        width: 51%;
        min-height: 120px;
        font-size: 16px;
        line-height: 28px;
        color: #000000;
        float: right;
        margin-right: 5%;
    }

    .history-title {
        font-size: 1.4rem;
        color: #0089ff;
        font-weight: bold;
        line-height: 32px;
    }



}