@media screen and (max-width: 1200px) {
    .headerbg .bg_left {
        width: 500px;
    }
    .headerbg .bg_rigth {
        margin: 0;
        width: 50%;
    }
    .about-1 .ab-1-c-left {
        width: 40%;
    }
    .about-1 .ab-1-c-right {
        width: 56%;
        padding: 20px;
    }
    .about-2 li {
        width: 900px;
    }
    .about-3 .ab-3-li li:nth-child(2) {
        left: 42%;
    }
    .about-3 .ab-3-li li:nth-child(4) {
        left: 42%;
    }
    .about-4 {
        background-color: #16A9DB;
    }
    .about-4 .ab-4-body li:nth-child(1) {
        transform: translate(300px, 0);
    }
    .about-4 .ab-4-body li:nth-child(6) {
        transform: translate(-375px, 0);
    }
    .about-4 .ab-4-body li:nth-child(5) {
        transform: translate(-266px, 0);
    }
    .about-4 .ab-4-body li:nth-child(4) {
        transform: translate(-108px, 0);
    }
}

@media screen and (max-width: 1000px) {
    .headerbg {
        /* height: 7rem; */
        height: auto;
    }
    .headerbg .bg_rigth {
        position: static;
        margin: 0;
    }
    .headerbg .bg_left {
        position: static;
        width: 100%;
        height: auto;
        margin-top: 0rem;
        padding: .2rem .1333rem;
    }
    .headerbg .bg_left .imgtitle {
        width: auto;
        border: none;
        /* margin-bottom: 0.266667rem; */
        margin: 0 auto .266667rem;
        text-align: center;
    }
    .headerbg .bg_left .abtito {
        text-align: center;
        font-size: .65rem;
    }
    .headerbg .bg_left .abtitt {
        font-size: .9333rem;
        padding: .1333rem 0;
    }
    .headerbg .bg_left .abtitth {
        font-size: .6667rem;
    }
    .headerbg .imgtitle .bg-left-text {
        display: initial;
        height: auto;
        line-height: .5333rem;
        border-radius: .3667rem;
        padding: 0.106667rem 0.106667rem;
        border: 0.013333rem solid #999;
        font-size: 0.4rem;
        /* margin: 0 auto; */
    }
    .headerbg .bg_left em {
        display: block;
        font-size: 0.533333rem;
    }
    .headerbg .bg_left p {
        display: block;
        font-size: .8rem;
        margin: 0.133333rem 0;
    }
    .headerbg .bg_left .bg-left-abu span {
        font-size: 0.333333rem;
        line-height: 0.6rem;
    }
    .headerbg .bg_left .bg-left-abu {
        width: 90%;
        height: auto;
        margin-top: 0.2rem;
        padding: 0.133333rem 0.133333rem 0 0.133333rem;
        margin: 0.2rem auto 0;
    }
    .headerbg .bg_left .ljkjppp {
        width: 90%;
        margin: 0 auto;
        font-size: 0.333333rem;
        letter-spacing: 0.026667rem;
    }
    .about-1 {
        margin-top: -0.4rem;
        background-color: #F1F2F6;
        padding: 0 0.133333rem;
    }
    .about-1 .about-1-cen {
        height: auto;
        border-radius: 0.133333rem;
        margin: 0.666667rem auto;
    }
    .about-1 .about-1-cen .ab-1-c-left {
        float: none;
        width: 100%;
        height: 4rem;
        background-position: center -2.8rem;
        background-size: 100% 259%;
    }
    .about-1 .about-1-cen .ab-1-c-right {
        width: 100%;
        height: auto;
        padding: 0.133333rem 0.266667rem;
        background-position: bottom right;
    }
    .about-1 .about-1-cen .ab-1-c-right p {
        font-size: 0.5rem;
    }
    .about-1 .about-1-cen .ab-1-c-right p i {
        font-size: 0.3rem;
    }
    .about-1 .about-1-cen .ab-1-c-right em {
        margin: 0.4rem 0;
    }
    .about-1 .about-1-cen .ab-1-c-right em span {
        font-size: 0.4rem;
        line-height: 0.6rem;
    }
    .about-1 .about-1-cen .ab-1-c-right em::after {
        width: 60%;
        margin: .2667rem auto;
    }
    .about-2 {
        height: auto;
    }
    .about-2 .about-2-main {
        padding-top: 0.4rem;
    }
    .about-2 .about-2-main ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .about-2 .about-2-main ul li {
        width: 90%;
        height: auto;
        margin: 0.266667rem 0;
        padding: 0rem;
        border-radius: .0667rem;
    }
    .about-2 .about-2-main ul li .li-one {
        height: auto;
        padding: 0.066667rem;
        background-size: .6667rem .6667rem;
    }
    .about-2 .about-2-main ul li .li-one p {
        font-size: 0.346667rem;
        padding-left: .6667rem;
        line-height: 0.466667rem;
    }
    .about-2 .about-2-main ul li span {
        padding-left: 0.133333rem;
        font-size: 0.346667rem;
        height: auto;
        line-height: 0.733333rem;
        margin-top: .1333rem;
    }
    .about-2 .about-2-main ul li span::before {
        width: 1.04rem;
    }
    .about-3 {
        overflow: hidden;
        height: auto;
        padding: 0 .1333rem;
    }
    .about-3 .ab-3-title {
        position: static;
        transform: none;
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 0.666667rem;
        background-size: auto 100%;
    }
    .about-3 .ab-3-title .t-text {
        position: static;
        transform: none;
    }
    .about-3 .ab-3-title i {
        font-size: .32rem;
    }
    .about-3 .ab-3-li li {
        position: static !important;
        float: none;
        transform: none !important;
    }
    .about-3 .ab-3-title p {
        display: block;
        width: 100%;
        font-size: 0.6rem;
        text-align: center;
    }
    .about-3 .ab-3-title i {
        float: none;
    }
    .about-3 .ab-3-li {
        margin-top: 0.5rem;
        padding: 0 0 0.266667rem 0;
    }
    .about-3 .ab-3-li ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .about-3 .ab-3-li ul li {
        width: 100%;
        height: auto;
        border-radius: 0.266667rem;
        margin-right: 0;
        margin-top: 0.266667rem;
        padding: 0.266667rem;
    }
    .about-3 .ab-3-li ul li p {
        font-size: 0.4rem;
        padding-bottom: 0.166667rem;
    }
    .about-3 .ab-3-li ul li p i {
        font-size: 0.3rem;
    }
    .about-3 .ab-3-li ul li span {
        font-size: 0.35rem;
        line-height: 0.45rem;
        margin-top: 0.166667rem;
    }
    .about-4 {
        display: none;
    }
    .ditu {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #contact .bmap-container {
        display: none;
        height: 8rem !important;
    }
    /* #contact .bmap-container>canvas {
        top: .95rem !important;
        width: 100% !important;
        height: 8.5rem !important;
    } */
    /* #contact .BMapLabel {
        display: none !important;
        top: 3.2rem !important;
        left: .4rem !important;
        height: auto !important;
        line-height: .5rem !important;
        font-size: .2667rem !important;
    }
    #contact .BMapLabel::before {
        display: block;
    }
    #contact .BMapLabel::after {
        display: none;
        top: 1.63rem;
        left: 6rem;
        width: .53333rem;
        height: .7333rem;
        transform: rotate(-55deg);
    } */
    .ditutext {
        position: static;
        height: auto;
    }
    .ditu .dt_text-body {
        width: 100%;
        padding: .2667rem 0;
    }
    .dt_text-body .text-left {
        float: none;
        width: 100%;
        padding: 0 .1333rem;
        text-align: left;
    }
    .dt_text-body .text-left p {
        font-size: 0.446667rem;
        margin: 0.133333rem 0;
    }
    .dt_text-body .text-right {
        float: none;
        width: 100%;
        padding: .2667rem 0;
        text-align: center;
    }
    .dt_text-body .text-right img {
        width: 30%;
        height: auto;
    }
    .dt_text-body .text-right p {
        font-size: .3467rem;
        padding: .1333rem 0;
    }
}


/* @media screen and (max-width: 533px) {
    .headerbg {
        height: 8.5rem;
        top: 0rem;
    } */


/* .about-1 .about-1-cen .ab-1-c-right em span {
        font-size: 0.35rem;
        line-height: 0.5rem;
    } */


/* .about-2 .about-2-main ul li .li-one p {
        padding-left: 1.3rem;
    }
    .about-2 .about-2-main ul li .li-one {
        padding: 0.2rem;
    }
    .about-3 .ab-3-li ul li {
        width: 90%;
    }
    .about-3 .ab-3-li ul li span {
        font-size: 0.4rem;
        line-height: 0.6rem;
    }
    .ditutext {
        height: 3.5rem;
    }
    .dt_text-body .text-left p {
        font-size: 0.37rem;
    }
    .ditu {
        height: 14rem;
    }
} */


/* @media screen and (max-width: 320px) {
    #contact .BMapLabel::after {
        top: 1.75rem;
    }
} */