.bannerhead .text_box h4 {
    font-family: '123';
    font-weight: 500;
}

.BMapLabel {
    border: none !important;
}

.bannerhead .text_box h6 {
    /*font-family: '123';*/
    font-weight: 400;
}

#map {
    box-sizing: border-box;
}

@font-face {
    font-family: '123';
    src: url('./fonts/123.otf') format('truetype');
}


.about .l,
.about .r {
    width: 48%;
}

.about .line_box .l h4,
.about .line_box .l h5 {
    color: #1c1c1c !important;
}

.about .line_box .l h4 {
    font-weight: bold;
}

.about .line_box .l h5 {
    font-weight: lighter;
}

.bannerhis .line_box {
    /*padding: 0 60px;*/
    box-sizing: border-box;
}

.bannerhis .line_box .l,
.bannerhis .line_box .r {
    width: 49%;
}

.bannerhis .line_box .l h5 {
    margin: 0 0 .5rem 0;
    color: #1D57A6;
    line-height: 1.5;
}

.bannerhis .line_box .r img {
    display: block;
    width: 100%;
}

.his .tit {
    margin: 0 0 -0.5rem 0;
}

.his .tit h4 {
    color: #1c1c1c !important;
}

.his .arrow_box {
    margin: -0.5rem 0 0 0;
}

.arrow_box .swiper-button-prevhis,
.arrow_box .swiper-button-nexthis {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
    font-size: 24px;
    border-radius: 50px;
    z-index: 1;
    cursor: pointer;
}

.arrow_box .swiper-button-prevhis {
    margin: 0 15px 0 0;
}

.arrow_box .swiper-button-prevhis:hover,
.arrow_box .swiper-button-nexthis:hover {
    border: 1px solid #1d57a6;
    background-color: #1d57a6;
    color: #fff;
    transition: all 0.6s;
}

.swiper-paginationhis {
    margin: 1.25rem 0;
    display: flex;
    justify-content: space-around;
}

.swiper-paginationhis .swiper-pagination-bullet {
    position: relative;
    opacity: 1;
    width: 15px;
    height: 15px;
    z-index: 1;
    background-color: #B3B3B3;
}

.swiper-paginationhis .swiper-pagination-bullet-active {
    position: relative;
    background: #FFFFFF;
    border: 3px solid #1D57A6;
    z-index: 1;
}

.swiper-paginationhis .swiper-pagination-bullet-active::before {
    content: " ";
    display: block;
    position: absolute;
    top: -90px;
    left: 5.5px;
    /* transform: translate(-50%, -50%); */
    width: 0px;
    height: 80px;
    border: 2px solid;
    border-image: linear-gradient(0, rgba(255, 255, 255, 1), rgba(29.000000171363354, 87.00000241398811, 166.00000530481339, 1)) 2 2;
    transform: rotate(180deg);
    display: none;
}

.swiper-paginationhis .swiper-pagination-bullet-active::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 20px;
    /* background-color: rgba(29, 87, 166, 0.5); */
    border: 5px solid rgba(29, 87, 166, 0.5);
    border-radius: 50px;
}

.pabox {
    position: relative;
}

.paxian {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000%;
    height: 1px;
    background-color: #B3B3B3;
}

.culture h4 {
    margin: 0 0 .75rem 0;
    color: #1c1c1c !important;
}

.culture ul li .text_box {
    background-color: #fff;
}

.culture ul li h5 {
    padding: .5rem 0;
    box-sizing: border-box;
    text-align: center;
}

.culture ul li {
    position: relative;
    width: 30%;
    border-radius: 0px 20px 0px 20px;
    overflow: hidden;
}

.culture ul li img {
    display: block;
    width: 100%;
}

.xf_box {
    position: absolute;
    bottom: -150%;
    left: 0%;
    padding: 1rem 0;
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
}

.xf_box h6 {
    margin: 0 0 .375rem 0;
    color: #1D57A6;
    text-align: center;
}

.xf_box p {
    text-align: center;
}

.culture ul li:hover .xf_box {
    bottom: 0;
    transition: all 0.6s;
}

.sup_box {
    padding: 1.5rem 0 2.5rem 0;
    background-image: url(../image/关于我们/发展历程/发展历程和企业文化共用一个背景.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contact .l {
    padding: 1.25rem 5% 1.875rem 10%;
    box-sizing: border-box;
    width: 50%;
}

.contact .l h4 {
    margin: 0 0 1rem 0;
    color: #1c1c1c !important;
}

.contact .r {
    width: 50%;
}

.contact .l dl dd {
    margin: 0 0 .625rem 0;
    cursor: pointer;
}

.contact .l dl dd p {
    font-size: .45rem !important;
}

.contact .l dl dd>div {
    display: flex;
    align-items: center;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #D2D2D2;
}

.contact .l dl dd div h5 {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    margin: 0 0 0 10px;
}


.contact .l dl dd div .wxq {
    display: block;
}

.xq {
    display: none;
}

.contact .l dl dd div:hover .wxq {
    display: none;
}

.contact .l dl dd div:hover .xq {
    display: block;
}

.contact .l dl dd:hover>div {
    color: #1D57A6;
    border-bottom: 1px solid #1D57A6;
    transition: all 0.6s;
}

.contact .l dl dd i {
    margin: 0 10px 0 0;
    font-size: 30px;
}

.cd_box {
    padding: 1.5rem 0;
    box-sizing: border-box;
    /*background-color: #000000;.*/
}

.cd {
    color: #FFFFFF;
}

.cd a {
    color: #fff !important;
}

.cd .m {
    width: 60%;
}

.cd .l {
    width: 15%;
}

.cd .l img {
    display: block;
    width: 100%;
}

.cd .r {
    width: 15%;
}

.cd .r img {
    display: block;
    width: 1.6875rem;
    height: 1.6875rem;
}

.about .line_box .l {
    justify-content: space-around;
}

.honor_box {
    padding: 2.5rem 0 3.125rem 0;
    box-sizing: border-box;
    background-image: url(../image/1.14应用切图/关于我们-荣誉资质/dd76dd7e60974ff099f59471cfe1842.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.honor h4 {
    margin: 0 0 1rem 0;
    text-align: center;
    color: #1c1c1c !important;
}

.bannerhonor {
    position: relative;
}

.swiper-button-prevhonor,
.swiper-button-nexthonor {
    cursor: pointer;
    font-size: 60px;
}

.swiper-button-prevhonor:hover,
.swiper-button-nexthonor:hover {
    color: #1D57A6;
    transition: all 0.6s;
}

.swiper-button-prevhonor {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translate(-50%, -50%);
}

.swiper-button-nexthonor {
    position: absolute;
    top: 50%;
    left: 98%;
    transform: translate(-50%, -50%);
}

.bannerhonor {
    padding: 0 5%;
    box-sizing: border-box;
}

.bannerhonor img {
    display: block;
    width: 100%;
}

.bannerhis .line_box .l span p {
    font-size: 18px !important;
}


.contact .l dl dd p {
    font-size: 18px !important;
}

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

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

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

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

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

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

@media screen and (max-width: 980px) {
    
    .about .line_box .l,
    .about .line_box .r {
        width: 100%;
        margin: 10px 0;
    }
    
     .about .line_box {
         flex-wrap: wrap;
     }

    .swiper-button-prevhonor, .swiper-button-nexthonor {
        display: none;
    }

    .swiper-paginationhis .swiper-pagination-bullet-active::before {
        display: none;
    }

    .about .line_box .l {
        margin: 10px 0 0 0;
    }

    .his .arrow_box {
        display: none;
    }

    .bannerhis .line_box .l,
    .bannerhis .line_box .r {
        width: 100%;
    }

    .bannerhis .line_box {
        flex-wrap: wrap;
    }

    .bannerhis .line_box .r {
        margin: 10px 0 0 0;
    }

    .his .tit {
        margin: 0 !important;
    }

    .indc {
        font-size: 12px;
    }

    .culture ul li {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .culture ul {
        flex-wrap: wrap;
    }

    .contact .l,
    .contact .r {
        width: 100%;
    }

    .contact .line_box {
        flex-wrap: wrap;
    }

    .contact .l {
        padding: 20px 10%;
    }

    .contact .r {
        height: 500px;
    }

    .cd .m {
        display: none;
    }

    .cd .l {
        width: 20%;
        margin: 0 auto 10px auto;
    }

    .cd .r {
        width: 100%;
        text-align: center;
    }

    .cd .r img {
        width: 40px;
        height: 40px;
        margin: 5px auto;
    }

    .cd {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .cd .l {
        width: 25%;
    }
}

@media screen and (max-width: 640px) {
    .cd .l {
        width: 30%;
    }
}

@media screen and (max-width: 375px) {
    .cd .l {
        width: 35%;
    }
}